@charset "utf-8";
* {	margin: 0;	padding: 0;}
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,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {	color: #1399df;text-decoration: none;	}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #474747;	background: #fff;	margin: 0 auto;font-size: 15px !important;}
.hide {	display: none;}
.clear {	clear: both;}
.w{width:100%;height:40px;}
.center{ text-align:center;}
.pic100 img{width:100%;}

h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad60{padding:60px 0;}
.overflow{ overflow:hidden;}
.font18{ font-size:18px;}
.font16{ font-size:16px;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top30{ margin-top:30px;}





header{position:fixed;width:100%;top:0;left:0; z-index:3; background:url(../images/headline.png) repeat-x bottom left;height:80px;}
.logo{position: absolute;left: 50%;margin:13px 0 0 -126px;}
.logo img{height:49px;}
.headR { margin:13px 30px 0 0;}
.headR a{ display:inline-block;margin-left:10px;}
.bdshare-button-style1-32 a{width: 37px !important;line-height: 37px!important;height: 37px!important;}
.bdshare-button-style1-32 .bds_weixin { background-position: 0 0 !important; background:url(../images/icon1.png) no-repeat !important;}
.bdshare-button-style1-32 .bds_sqq{ background-position: 0 0 !important; background:url(../images/icon2.png) no-repeat !important;}
.bdshare-button-style1-32 .bds_tsina{background-position: 0 0 !important; background:url(../images/icon3.png) no-repeat !important;}
.mobile-inner{z-index:101;background-color:#fafafa;position:fixed;}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{cursor: pointer;z-index:2;background-color: #037bba;height:80px;font-size:25px;text-align:center;left:0;top:0;width:80px;position:absolute;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{cursor:pointer}.mobile-inner-header-icon span{position:absolute;left:19px;top:calc((100% - 1px)/2);width:40px;height:3px;background-color:#fff}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2),.topnavR.click span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1),.topnavR span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2),.topnavR span i:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}
.mobile-inner-header-icon-click span:last-child{ opacity:0;}
.pcnav{background-color:rgba(255,255,255,.9);width:100%;position:fixed;top:0;left:0;display:none;}
.pcnav:after{ content:'';width:100%;height:80px; background-color:#1399df; position:absolute;top:0;left:0;z-index: -1;}
.pcnav ul{float:left;margin-left:20%;width:66%;}
.pcnav ul li{float:left;width:12.5%; text-align:center;}
.pcnav ul li>a{ font-size:18px;line-height:80px;color:#fff;}
.pcnav ul li div{padding:30px 0 50px;}
.pcnav ul li div a{ display:block;line-height:36px;font-size:16px; }
.navlogo{ position:absolute;left:5%;top:36%;width:250px;}
.bannerb .item a{ display:block;width:100%;}
.scollfox{position: fixed; top: 0;left: 0; width: 100%; z-index: 99; background-color:#1399df;box-shadow: 0px 1px 11px #e8e6e6; animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }
/*@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}*/
.h_banner { z-index:2;}
#owl-demo .owl-prev{width:50px;height:45px; background:url(../images/caseprev.png) no-repeat;left:-45px;top:50%;margin-top:-22px;}
#owl-demo .owl-next{width:50px;height:45px; background:url(../images/casenext.png) no-repeat;right:-45px;top:50%;margin-top:-22px;}
#owl-demo:hover .owl-prev{left:0; }
#owl-demo:hover .owl-next{right:0;}
#owl-demo:hover .owl-prev:hover,#owl-demo:hover .owl-next:hover{ opacity:1;}
.owl-theme .owl-controls .owl-buttons div{ position:absolute; font-size:0;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	filter: Alpha(Opacity=70);/*IE7 fix*/
	opacity: 0.7;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.banners{ display:none;}
.bannerwz{ position:absolute;bottom:10%; background-color:#fff;width:1200px;left:50%;margin-left:-600px; overflow:hidden;}
.bannerwz .a1{ background-color:#058ccf;color:#fff;border:0;}
.bannerwz .a1 p{color:#fff;}
.bannerwz a{float:left; display:block;border-left:1px solid #ededed;padding:20px 30px 20px 31px;}
.bannerwz a h5{ font-size:18px;}
.bannerwz a p{ color:#808080;margin-top:5px;}

.h_title h2{ font-size:36px;font-weight:bold; background:url(../images/tit1.png) no-repeat; background-size:100% 100%;padding:15px 56px; display:inline-block; position:relative;}
.h_title h2 .p1{ display:inline-block;width:63px;height:24px; overflow:hidden; position:relative;margin-right:15px;}
.h_title h2 .p2{ display:inline-block;width:63px;height:24px; overflow:hidden; position:relative;margin-left:15px;}
.h_title h2 p::before{content: ""; width: 1000px; height: 24px; display: block; position: absolute; right:-60px; top:0; background: url(../images/icon4.png) repeat-x center bottom;-webkit-animation: dong 10s linear infinite;
    -ms-animation: dong 10s linear infinite;
    -moz-animation: dong 10s linear infinite;}
@-webkit-keyframes dong{
	0%{right:0%;}
	100%{right:-100%;}
}
.h_C{ margin-top:40px;}
.h_new,.h_fish { background-color:rgba(255,255,255,0.5); position:relative;}
.h_newC dl a{ display:block;height:500px; position:relative;}
.h_newC dl a dd{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:rgba(0,0,0,0.2);padding:30px 15px;color:#fff;}
.h_newC dl a time{ display:block;}
.h_newC dl a h5{ font-size:24px; font-weight:bold;margin-top:22px;line-height:30px;height:60px; overflow:hidden;}
.h_newR dl{margin-bottom:20px;}
.h_newR dl a{color:#fff;height:240px;}
.h_newR dl dd{ background-color:#058ccf !important;}
.h_newR dl:nth-child(2) dd{ background-color:#006ea5 !important;}
.h_about,.manageB,.productmain,.new1,.new5,.newmain,.tj{ background-color:#f9f9f9;}
.h_title2 p{ font-size:36px; font-weight:bold; text-transform:uppercase;}
.h_title2 h2{font-size:36px; font-weight:bold; color:#474747;}
.h_title2 h2 img{ display:inline-block;width:43px;margin-left:15px;}
.h_aboutL article{ font-size:15px;color:#888888;margin:26px 0;line-height:30px;height:150px; overflow:hidden;}
.h_aboutnum dl{padding:0 !important;line-height: 35px;}
.h_aboutnum dl a{ background-color:#058ccf; display:block; position:relative;border-right:1px solid #fff;padding:18px 0 18px 20px; font-size:15px;color:#fff;}
.h_aboutnum dl:nth-child(2) a{ background-color:#0082c2;}
.h_aboutnum dl:nth-child(3) a{ background-color:#007cb9;}
.h_aboutnum dl a b{ font-size:48px; display:block;}
.h_aboutR { position:relative; z-index:1;padding: 0 24px 0 45px;}
.h_aboutR img{margin:0 25px 25px 0;}
.h_aboutR p{border:1px solid #007cb9; position:absolute;width: calc(100% - 104px);height: calc(100% - 15px);top: 25px;right: 0;z-index:-1;}
.h_productbg{ position:absolute; width:100%;top:0;left:0;height:72%; background:url(../images/bg1.jpg) no-repeat center center fixed; background-size:cover;}
.h_title.white h2{background: url(../images/tit2.png) no-repeat center center; background-size:100% 100%;}
.h_title.white h2 p::before,.h_title.white h2 p::after{background: url(../images/icon5.png) repeat-x center center;}
.h_productC dl a,.new3C dl a{ display:block; border:1px solid #fff; box-shadow:0 0 15px #848484;}
.h_productC dl a dd,.new3C dl dd{ background-color:#fff;padding:20px;}
.h_productC{padding-bottom: 20px;}
.h_partnerbg{position:absolute; width:100%;top:0;left:0;background-color:#f9f9f9;height:74%;}
.h_partnerC p{margin: 9px 0;padding: 0 7px;}
.h_partnerC p a{border:1px solid #dcdcdc; display:block;}
.h_partnerC p a:hover,.h_productC dl a:hover,.h_newC dl a:hover,.fisheryC1 a:hover,.fisheryC2 a:hover,.fisheryC3 a:hover,.fisheryC4 a:hover,.fisheryC5 a:hover,.manageBC dl a:hover dt img{ z-index:1; position:relative; box-shadow:0 0 15px #dedede;transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);}
.h_fishC{margin-top:-40px; text-align:right;}
.h_fishC .tab{float:right;}
.h_fishC .tab a{ display:block; padding:10px 20px; float:left;font-size:16px; text-decoration:none; color:#333;}
.h_fishC .tab a.on{ color:#058ccf; text-decoration:none;}
.h_fishC .content{ overflow:hidden;margin-top:40px; text-align:left;padding: 20px 0;}
.h_fishC .content li{ display:none;}
.h_fishC .content li dl a,.fisherylistC dl a{ display:block; box-shadow:0 0 10px #ccc;}
.h_fishC .content li dl dd,.fisherylistC dl dd{ background-color:#fff;padding:20px; text-align:center;}
.h_fishC .content li dl dd h6,.fisherylistC dl dd h6{margin-top: -30px;}
.h_fishC .content li dl dd h6 em,.fisherylistC dl dd h6 em{ display:inline-block; background-color:#058ccf;color:#fff;padding:4px 25px;}
.h_fishC .content li dl dd h5,.fisherylistC dl dd h5{ font-size:18px; text-align:left;margin-top: 20px;}
.h_fishC .content li dl dd p,.fisherylistC dl dd p{ text-align:left;margin-top:15px;line-height:25px;height:50px; overflow:hidden;color:#8a8a8a;}
.h_fishC .content li dl dd time,.fisherylistC dl dd time{ display:block;margin-top:15px; color:#c1c1c1;font-size:12px; text-align:left;}
.h_fishC .content li dl dd span,.fisherylistC dl dd span,.new1C dl dd span,.new4C dl a dd .ddR span{ margin-top:15px;color:#b9b9b9;font-size:12px; border:1px solid #c3c3c3; border-radius:30px;padding:6px 35px; display:none;}
.h_fishC .content li dl .dd2,.fisherylistC dl .dd2{ position:absolute;width:100%;bottom:-20%;left:0; opacity:0;}
.h_fishC .content li dl a:hover .dd2,.fisherylistC dl a:hover .dd2{ bottom:0;height:100%; opacity:1;}
.h_fishC .content li dl a:hover .dd2 h6,.fisherylistC dl a:hover .dd2 h6{margin-top: 42px;}
.h_fishC .content li dl a:hover .dd2 p,.fisherylistC dl a:hover .dd2 p{height: 125px;}
.h_fishC .content li dl a:hover .dd2 span,.fisherylistC dl a:hover .dd2 span{ display:inline-block;}
.h_fishC .content li dl span:hover,.fisherylistC dl a:hover,.manageBC dl a:hover dd span,.new1C dl a:hover dd span,.new4C dl a:hover dd .ddR span{ background-color:#058ccf;color:#fff;} 
footer{ padding:81px 0 35px; position:relative; z-index:2;}
footer dl{ float:left;margin:0 2%;width: 12.5%;}
footer dl dt{  font-size:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #69bff9; position:relative;}
footer dl dt:before{width:20px;height:1px; background-color:#fff; position:absolute;bottom:-1px;left:0;content:'';}
footer dl dd a{ display:block;margin:10px 0; color:#ccc;}
.bq{ background-color:#10a2ff;padding:15px; border-top:1px solid #4db1f9;position: relative;}
.bq span{ display:inline-block;margin:0 10px; }
.bear{ position:absolute;bottom:0;left:0;width:100%;height:100%; }
.h_productC dl a:hover dt:before,.h_productC dl a:hover dt:after,.h_newC dl a:hover:after,.h_newC dl a:hover:before,.othernav a:hover:before,.othernav a:hover:after,.industryC dl a:hover dt:before,.industryC dl a:hover dt:after,.new4C dl a:hover dt:before,.new4C dl a:hover dt:after,.new5CL dl a:hover dt:after,.new5CL dl a:hover dt:before{content: "";position: absolute;left: 50%;min-width: 300vw;min-height: 300vw;background-color:rgba(255,255,255,0.3);
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.h_productC dl a:hover dt:before,.h_newC dl a:hover:before,.othernav a:hover:before,.industryC dl a:hover dt:before,.new4C dl a:hover dt:before,.new5CL dl dt:before{bottom: 15vh;border-radius: 45%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
.h_productC dl a:hover dt:after,.h_newC dl a:hover:after,.othernav a:hover:after,.industryC dl a:hover dt:after,.new4C dl a:hover dt:after,.new5CL dl dt:after{bottom: 12vh;opacity: .4;border-radius: 47%;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
            transform: translate(-50%, 0) rotateZ(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
            transform: translate(-50%, -2%) rotateZ(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
            transform: translate(-50%, 0%) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, 0) rotateZ(0deg);
            transform: translate(-50%, 0) rotateZ(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -2%) rotateZ(180deg);
            transform: translate(-50%, -2%) rotateZ(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0%) rotateZ(360deg);
            transform: translate(-50%, 0%) rotateZ(360deg);
  }
}
.wave-canvas-wrapper{ position:absolute;width:100%;height:100%; top:-20%;left:0;}
.otherbanner1 .container{ padding:240px 0;}
.otherbanner1 h2{ font-size:30px; text-transform:uppercase; color:#fff;}
.otherbanner1 h2 b{ font-size:50px; display:inline-block;margin-right:10px;}
.otherbanner1 h2:after{ content:'';width:60px;height:3px; background-color:#fff; display:block;margin-top:20px;}
.otherbanner1 h5{font-size:36px;margin-top:30px;color:#fff;}
.otherbanner1 p{ font-size:16px;margin-top:10px;color:#fff;width:56%;}
.other1{ background:url(../images/otherbanner1.jpg) no-repeat center center fixed; background-size:cover;}
.other2{ background:url(../images/otherbanner2.jpg) no-repeat center center fixed; background-size:cover;}
.other3{ background:url(../images/otherbanner3.jpg) no-repeat center center fixed; background-size:cover;}
.other4{ background:url(../images/otherbanner4.jpg) no-repeat center center fixed; background-size:cover;}
.other5{ background:url(../images/otherbanner5.jpg) no-repeat center center fixed; background-size:cover;}
.other6{ background:url(../images/otherbanner6.jpg) no-repeat center center fixed; background-size:cover;}
.othernav{ position:absolute;width:1200px;left:50%;margin-left:-600px;bottom:1px; font-size:0;}
.othernav a{ display:inline-block;line-height:80px;height:80px;font-size:18px; background-color:#fff; position:relative;}
.othernav a:after{  content:'';width:1px;height:100%;background-color:#dcdcdc; right:0;top:0; position:absolute;}
.othernav a:last-child:after{width:0;}
.othernav1 a{ width:16.5%;}
.othernav2 a{ width:20%;}
.othernav3 a{ width:33.33%;}
.othernav4 a{ width:8.2%;}
.othernav a.cur{ background-color:#058ccf;color:#fff;}
.othernav a:hover:before,.othernav a:hover:after{background-color:rgba(5,140,207,0.3);}
.leader,.honor{ background-color:#f6f6f6;}
.floatright{float:right;padding:0 0 30px 30px;}
.leader .container{ background-color:#fff;padding:60px 50px;}
.leader article{color:#888888;font-size:15px;line-height:30px; margin-top:30px;}
.leader article img{max-width:100%;}
.leaderimg{ margin:-112px 30px 0 0 ; font-size:16px;color:#333333; position:relative; z-index:1;}
.leaderimg:after{content:''; position:absolute;width:90%;height:90%;border:1px solid #058ccf;bottom:0px;right:-30px; z-index:-1;}
.leadername{margin-top:40px;}
.cultureCL{width:60%;float:left; height:750px; position:relative;}
.cultureCL img{ position:absolute;left:84%;top:9%;}
.cultureCR{width:50%;float:right;margin:17% 0 0 -20%;}
.cultureCR h5{ font-size:36px;color:#058ccf;margin:30px 0 0 30%;}
.cultureCR h5:after{width:30px;height:2px; display:block;margin-top:30px; background-color:#058ccf;content:'';}
.cultureCR article{margin:30px 0 0 30%;color:#333333;line-height:30px;font-size:16px;}
.culturebg1{ background:url(../images/pic9.jpg) no-repeat;width:702px;height:221px; position:absolute;left:0;bottom:calc(15% + 221px);}
.culturebg2{ background:url(../images/pic10.jpg) no-repeat;width:702px;height:221px; position:absolute;left:0;bottom:15%;}
.pagelist {margin:40px 0 0;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;padding:6px 18px; border:1px solid #dcdcdc;background-color:#f9f9f9;}
.pagelist li a:hover,.active{border-color:#2f93fc;  background-color:#2f93fc;color:#fff;}
.socialC dl{ margin-bottom:60px;}
.socialC dl a{box-shadow: 0 0 15px #d4d4d4;}
.socialC dl h5{ font-size:18px;}
.socialC dl time{color:#999999;margin:10px 0; display:block;}
.socialC dl time:before{content:''; vertical-align:middle;width:15px;height:15px; background:url(../images/icon7.png) no-repeat; display:inline-block;margin-right:5px;}
.socialC dl p{color:#666666;font-size:14px;line-height:25px;height:50px; overflow:hidden;}
.about{ background-color:#fff;}
.about .info{font-size: 15px;color: #888888;line-height: 30px;}
.about2{ background:url(../images/bg2.jpg) center center no-repeat fixed; background-size:cover;padding:80px 0;}
.about2C{width:46%;float:left;margin:0 2%; background-color:rgba(255,255,255,0.86);padding:38px 30px;} 
.h_title3 p{font-size:30px;font-weight:bold; text-transform:uppercase;}
.h_title3 h2{font-size:24px;}
.h_title3 img{width:56px; position:absolute;right:0;top:12px;}
.about2C .h_C h5{font-size:24px;color:#058ccf;margin-top:38px;}
.about2C .h_C p{margin-top:10px;line-height:25px;height:150px; overflow:hidden;padding-right:35%;}
.about2 .wave-canvas-wrapper{top: -8%;}
.about3 dl,.about4 dl{ margin-bottom:0;}
.industryC dl a{ display:block; background-color:#fff; overflow:hidden;border:1px solid #ededed;}
.industryC dl dt{width:50%;float:left;height:398px;}
.industryC dl dt img{ display:none;}
.industryC dl dd{ width:50%;float:right;padding:50px 40px;}
.industryC dl h5{ font-size:24px;font-weight:bold;}
.industryC dl p{line-height:30px;height:180px; overflow:hidden;margin:25px 0; color:#888888;font-size:16px;}
.industryC dl dd span{width:160px;height:34px;line-height:34px; text-transform:uppercase;color:#999999; text-align:center;border:1px solid #dcdcdc; border-radius:30px; display:block;}
.industryC dl:nth-child(even) dt{float:right;}
.industryC dl:nth-child(even) dd{float:left;}
.industryC dl a:hover dd span{color:#fff; background-color:#058ccf;}
.industryC dl a:hover{ box-shadow:0 0 10px #ccc;}
.industrymainC{margin-top:60px;padding-bottom:90px;}
.industrymainC:after{ content:'';background:url(../images/bg3.jpg) no-repeat center center fixed; background-size:cover;width:100%;height:calc(100% - 90px);display:block;bottom:0;left:0;position: absolute;}
.industryicon,.manageicon{ position:absolute;margin:-22px 0 0 -22px;left:50%;top:0;z-index: 3;}
.industrymainCcon{color:#666666; font-size:16px; background-color:#fff; border-radius:15px;box-shadow:0 0 20px #ccc;padding:103px 45px 45px;line-height:35px; z-index:2; position:relative;}
.industrymainCcon h5{ color:#333333;font-size:24px;margin-bottom:10px;}
.industrymainB{margin-top:60px;}
.industrymainB p{margin-top:20px;font-size:17px;}
.fisheryC1,.fisheryC2,.fisheryC3{width:48%;margin:15px 1%;}
.fisheryC1 a{ display:block;padding:278px 35px 35px 35px;}
.fisheryC1 a h5{ font-size:24px;color:#fff;}
.fisheryC1 a h5 span{ font-size:14px; text-transform:uppercase;margin-left:10px; display:inline-block;}
.fisheryC1 a h5 em{float:right; display:inline-block;font-size:12px; text-transform:uppercase;width:120px;height:30px; text-align:center;line-height:30px; border:1px solid #fff;border-radius:30px;}
.fisheryC2 a{display:block;padding:71px 35px;}
.fisheryC2 img,.fisheryC4 a img,.fisheryC5 a img{ width:66px;}
.fisheryC2 h5{ font-size:24px;margin:15px 0; color:#fff;}
.fisheryC2 p{ font-size:16px;line-height:25px;height:75px; overflow:hidden;color:#fff;}
.fisheryC3 a{ display:block; background-color:#f9f9f9;padding:30px; overflow:hidden;}
.fisheryC3 img{width:233px;float:left;margin-right: 17px;}
.fisheryC3 h5{ font-size:24px;}
.fisheryC3 h5 span{ text-transform:uppercase; color:#999999; display:inline-block;margin-left:10px;font-size:14px;}
.fisheryC3 p{ margin:20px 0; font-size:16px; color:#666666;line-height:25px;height:50px; overflow:hidden;}
.fisheryC3 span.more,.manageBC dl dd span{display: inline-block;font-size: 12px; text-transform: uppercase;width: 120px; height: 30px; text-align: center;line-height: 30px;border: 1px solid #cccccc; border-radius: 30px;color:#999999;}
.fisheryC4,.fisheryC5{width:23%;margin:15px 1%;}
.fisheryC4 a,.fisheryC5 a{ display:block;padding:52px 15px;}
.fisheryC4 a h5{font-size:24px;margin-top:20px;color:#fff;}
.fisheryC5 a h5{font-size:24px;margin-top:20px;}
.manageC{color:#666666;line-height:30px;font-size:16px;}
.manageicon{ margin:-36px 0 0 -22px;}
.manageB {margin-top: 43px; padding:90px 0;}
.manageBC dl a{ display:block; background-color:#fff;padding:10px; border:1px solid #ededed;}
.manageBC dl dd{padding:20px;}
.manageBC dl dd h5{ font-size:24px;}
.manageBC dl dd h5:after{width:34px;height:2px; background-color:#058ccf;content:''; display:block;margin:5px auto 0;}
.manageBC dl dd p{margin:15px auto;line-height:25px;height:75px;overflow:hidden; font-size:15px; color:#666666;}
.managemain{ background:url(../images/bg4.jpg) no-repeat center center fixed; background-size:cover;padding:60px 0 100px;}
.managemainC{ background-color:rgba(1,69,148,0.3);color:#fff;padding:50px 40px;font-size:16px;line-height:34px;}
.product dl dl div{ display:none;}
.product dl a:hover dl div{ display:block;}
.product dl dd h5{ text-align:center;color: #333;}
.product dl .dd1 p{ display:none;}
.product dl .dd1 div{ font-weight:bold;margin:10px 0; font-size:18px;}
.product dl dd span{ display:inline-block;}
.product dl a:hover .dd2 div{ display:none;}
.productmain .productmainTT{ background-color:#fff;padding:40px;}
.promainL {width:50%;float:left;}
.promainR{ width:48%;float:right;}
.promainR h5{ font-size:30px;font-weight:bold;margin-top: 15px;}
.promainR .price{ font-size:18px;margin-top:10px;}
.promainR .price span{color:#ff0000; font-size:24px;}
.promainR h2{ background-color:#058ccf;font-size:18px; font-weight:bold;color:#fff;padding:12px 30px;margin-top:10px;}
.promainR article{color:#666666;font-size:16px;line-height:28px;margin-top:15px;}
.promainR article b{color:#333;}
.productmainTB{  margin-top:40px;}
.productmainTB .tab{ overflow:hidden; background:#fff;}
.productmainTB .tab a{ display:block; padding:16px 45px; float:left; text-decoration:none; color:#333;}
.productmainTB .tab a.on{ background:#058ccf; color:#fff; text-decoration:none;}
.productmainTB .content{ overflow:hidden; margin-top:20px;color:#666;line-height:30px;font-size:16px;}
.productmainTB .content li{ display:none;}
.productmainTB .content img{ max-width:100%; }
.new1C dl a{ display:block; background-color:#fff;border:1px solid #dcdcdc;}
.new1C dl dt{width:50%;float:left;}
.new1C dl dd{width:50%;float:right;padding:50px 40px 0;}
.new1C dl dd h5{ font-size:24px;font-weight:bold;}
.new1C dl dd p{line-height:30px;margin:20px 0 30px; color:#888888;height:180px; overflow:hidden;}
.new1C dl a dd span{ display:inline-block; font-size:14px; text-transform:uppercase;}
.new3{ background:url(../images/bg5.jpg) no-repeat center center fixed; background-size:cover;}
.new3C dl dt div{ position:absolute;width:100%;height:100%;top:0;left:0;}
.new3C dl dt div img{width:65px;margin-top: 30%;}
.new3C dl dd { font-size:18px;}
.new3C dl a:hover dt>img{ transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);}
.waveC{width: 100%; position: absolute; bottom: 0;height: 139px;z-index: 3;}
.wave {position: absolute;bottom: 0;width: 100%;height: 139px;}
.wave1 {background-image: url(../images/wave1.png);animation: wave1 50s infinite linear;}
.wave2 {background-image: url(../images/wave2.png);animation: wave2 30s infinite linear;}
.wave3 {background-image: url(../images/wave2.png);animation: wave1 40s infinite linear;}
@keyframes wave1 {
    0% {background-position-x: 0;}
    100% {background-position-x: -1981px;}
}
@keyframes wave2 {
    0% {background-position-x: 0;}
    100% {background-position-x: -2600px;}
}
.new3 { padding:60px 0 150px;}
.new4C dl,.newlist3 dl,.industryC dl,.fisherylistC dl{margin-bottom:40px;}
.new4C dl a{ display:block; overflow:hidden; background-color:#fff; box-shadow:0 0 26px #e4e2e2;}
.new4C dl a dt{ width:344px;float:left;}
.new4C dl a dd{width:calc(100% - 344px);float:right;padding:40px 12px 40px 40px;}
.new4C dl a dd .ddL{width:76%;float:left;}
.new4C dl a dd .ddL h5,.new5CL dl a dd h5,.new5CR dl a dd h5{ font-size:18px;}
.new4C dl a dd .ddL time,.new5CL dl a dd time{ display:block;margin:15px 0;color:#999999;}
.new4C dl a dd .ddL time span,.new5CL dl a dd time span{ display:inline-block;margin-right:15px;}
.new4C dl a dd .ddL time span:first-child{ display:none;}
.new4C dl a dd .ddL p,.new5CL dl a dd p{color:#666666;line-height:25px;height:50px; overflow:hidden;}
.new4C dl a dd .ddR{float:right;width:21%; text-align:center;border-left:1px solid #ededed;}
.new4C dl a dd .ddR b,.new5CR dl a dt b{ display:block;font-size:24px;margin-bottom:5px;}
.new4C dl a dd .ddR span{display:inline-block;margin:38px 0 15px;color:#999999; font-size:14px; text-transform:uppercase;}
.new5CL,.newlist2 dl{width:48%;float:left;margin:0 1%;}
.new5CR{width:48%;float:right;margin:0 1%;}
.new5CL dl a{ display:block; background-color:#fff;border:1px solid #ededed;}
.new5CL dl a dd{ padding:25px;}
.new5CR dl{margin-bottom:21px;}
.new5CR dl a{ display:block; background-color:#fff;border:1px solid #ededed;padding:20px 20px 20px 0; overflow:hidden;position:relative; z-index:2;}
.new5CR dl a dt{width:20%;float:left; text-align:center; border-right:1px solid #ededed;padding: 10px 0;}
.new5CR dl a dd{width:76%;float:right;}
.new5CR dl a dd p{color:#666666;line-height:20px;height:40px; overflow:hidden;margin-top:10px;}
.new5CR dl a:after{ position:absolute;width:0;height:100%;left:0;top:0;content:''; background-color:#058ccf;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; z-index:-1;}
.new5CR dl a:hover:after{width:100%;}
.new5CR dl a:hover,.new5CR dl a:hover p{ color:#fff;}
.newlist2{width:100%; margin:0;}
.newlist3{ padding:60px 0!important;}
.newmain .container{ background-color:#fff;padding:35px 35px 60px; box-shadow:0 0 10px #e6e4e4;}
.newmain h1{font-size: 26px;text-align:center;margin-bottom: 12px;} 
.newmain .info{ background-color:#f9f9f9;padding:30px;color:#888888;font-size:15px;line-height:25px;}
.newmain time{ color:#afafaf; display:block; text-align:center;margin: 15px auto;}
.newmain time span{ display:inline-block; margin:0 10px;}
.newmain time span i{width:15px;height:15px; display:inline-block; vertical-align:middle;margin-right:6px;}
.newmain time span i.i1{ background:url(../images/icon14.png) no-repeat;}
.newmain time span i.i2{ background:url(../images/icon15.png) no-repeat;}
.newmain time span i.i3{ background:url(../images/icon16.png) no-repeat;}
.newmain article{ line-height:30px;font-size:16px;}
.newmain article{ margin-top:30px;}
.newmain img{max-width:100%;}
.prenext{margin:50px 0 0;font-size:16px;padding-top:30px; border-top:1px dashed #dcdcdc;}
.prenext p{width:48%;float:left;margin:0 1%;}
.prenext p:nth-child(2){ text-align:right;}
.tj{ padding-bottom:60px;}
.tj .h_C{float:none;}



.nav-moblie.selected {
	transform: rotate(90deg);
}
.nav-moblie a {
	background-color: #2f93fc;
	display: block;
	height: 3px;
	
	position: relative;
	top: 0;
	width:80%;margin:16px auto 0;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.nav-moblie:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.nav-moblie.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}
.nav-moblie.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}
.nav-moblie a:after,
.nav-moblie a:before {
	background-color: #2f93fc;
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
	content:'';
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}
.nav-moblie a:after { top: 8px;}
.nav-moblie a:before { top: -8px;}
.nav-moblie.selected a:after, 
.nav-moblie.selected a:before { top: 0;}
.nav-moblie.selected a:before {
	background-color: #fff;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.nav-moblie.selected a:after {
	background-color: #fff;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.nav-moblie.selected a {background-color: transparent !important;}
.bottomtel,.bottomtelh{ display:none;}
.bottomtel{ position:fixed;width:100%;left:0;bottom:0; z-index:5;}
.bottomtel a{ display:block;height:60px;line-height:60px; background-color:#037bba;color:#fff; text-align:center;font-size:18px;}
.bottomtelh{ height:60px;}
.new2C dl a dd .ddL .time2,.new5CR .dl1{ display:none;}
#map{width:100%;height:550px;}
@media(max-width:1600px){
	.navlogo{width: 200px;}
	.pcnav ul {margin-left: 19%;}
}
@media(max-width:1360px){
	.bannerwz{width:1100px;margin-left: -550px;}
	.bannerwz a{padding: 20px 20px 20px 20px;}
	.navlogo { width: 155px;}
	.pcnav ul { width: 67%;}
}
@media(max-width:1199px){
	.h_title2 p,.h_title2 h2{ font-size: 32px;}
	.h_aboutnum dl a b {font-size: 40px;}
	.h_aboutnum dl a{padding: 11px 0 11px 20px;}
	.h_title3 p { font-size: 25px;}
	.about2C .h_C p{padding-right: 43%;}
	.about2C .h_C h5 { font-size: 19px;}
	.othernav{width:970px;margin-left:-485px;}
	.cultureCR h5 {font-size: 32px;}
	.culturebg1{width:34%;background-size: cover;}
	.pcnav ul{width: 64%;}
	.cultureCLimg {width: 76%;}
	.fisheryC1 a{padding: 278px 20px 35px 20px;}
	.fisheryC3 h5 span{margin-left: 0;}
	.fisheryC3 p {margin: 4px 0 10px;}
	.new1C dl dd p{height: 120px;margin: 10px 0 10px;}
	.new4C dl a dd .ddR span{padding: 6px 22px;}
	.new5CR dl { margin-bottom: 10px;}
	.new5CR dl a{    padding: 15px 20px 15px 0;}
	.bannerwz{width:970px;margin-left: -485px;}
	.bannerwz a{padding: 20px 10px 20px 10px;max-width: 21%;font-size: 14px;}
	.navlogo{ display:none;}
	.pcnav ul {width: 76%;margin-left: 8%;}
	
}

@media(max-width:991px){
	.culturebg1,.culturebg2,.othernav,.navlogo img,.headR,.h_aboutR,.tj,.new4C dl a dd .ddR,.new5CL,.bannerwz{ display:none;}
	.mobile-inner-nav{overflow-y: scroll!important;background-color:#fff;width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}
	.mobile-inner-nav div{ background-color:#1399df;padding:0 10px; display:none;}
	.culturebg2{width: 50%;}
	.cultureCL {width:100%;height: 300px;}
	.cultureCR{width:100%;margin:0;}
	.cultureCLimg {width: 76%;}
	.cultureCR h5{margin: 30px 0 0 0;}
	.cultureCR article {margin: 30px 0 0 0;}
	.otherbanner1 h2 b {font-size: 39px;}
	.otherbanner1 h2 {font-size: 23px;}
	.otherbanner1 h5 { font-size: 27px;}
	.otherbanner1 p{width: 100%;}
	.otherbanner1 .container {padding: 135px 0 83px;}
	.pcnav ul {width: 100%;margin-left: 0;}
	.pcnav ul li{width: 100%;}
	.mobile-inner-nav a{margin-left: 0;}
	.pcnav ul li>a{color:#333;line-height: 70px;}
	.pcnav ul li div{ padding:0;}
	.mobile-inner-nav a{line-height: 60px !important;width: 100%;}
	.cultureCL img{top:auto;bottom:30px;left:30px;}
	#map img {position: absolute; left: 84%; top: 9%;}
	.other1{ background:url(../images/otherbanner1.jpg) no-repeat center center; background-size:cover;}
	.other2{ background:url(../images/otherbanner2.jpg) no-repeat center center; background-size:cover;}
	.other3{ background:url(../images/otherbanner3.jpg) no-repeat center center; background-size:cover;}
	.other4{ background:url(../images/otherbanner4.jpg) no-repeat center center; background-size:cover;}
	.other5{ background:url(../images/otherbanner5.jpg) no-repeat center center; background-size:cover;}
	.other6{ background:url(../images/otherbanner6.jpg) no-repeat center center; background-size:cover;}
	.industrymainC:after{background: url(../images/bg3.jpg) no-repeat center center;background-size: cover;}
	.leaderimg { margin: 0 30px 0 0;}
	.floatright { float: none; padding: 0;}
	.leadername img{width:auto !important;}
	.new4C dl a dd .ddL { width: 100%;padding:0;}
	.new4C dl a dd{padding: 42px 12px 0 20px;}
	.new4C dl a dd .ddL time span:first-child { display: inline-block;}
	.new4C dl a dd .ddL time span, .new5CL dl a dd time span {margin-right: 10px;font-size: 13px;}
	.new5CR,.promainL ,.promainR{width:100%;}
	.h_newC dl{ margin-bottom:20px;}
	.new5CR .dl1{ display:block;}
	.newlist2 dl{width:100%;    margin: 0 0 10px 0;}
	.new5CR{margin: 0;}
	.h_newC dl a{height: 190px;}
	
	.pic100 img{width:100%;}
}


@media(max-width:767px){
	.footer,.leaderimg:after,.new4C dl a dd .ddL time span:nth-child(3),.bannerb{ display:none;}
	.pad60 { padding: 40px 0;}
	.bottomtel, .bottomtelh,.banners{ display: block;}
	.otherbanner1 .container {padding: 135px 20px 83px;}
	.h_title h2 {font-size: 30px;}
	.about,.manage,.new4,.h_about .container,.h_fish {padding:40px 20px;}
	.h_aboutL{padding: 0;}
	.leader{ background-color:#fff;}
	.leader .container,.newmain{background-color: #fff; padding: 30px 20px;}
	.leader article img{width: 100%;}
	.leaderimg { margin: 0 0 20px 0;}
	.newmain .container {background-color: #fff; padding: 0; box-shadow: none;}
	.prenext p{width:100%;margin:10px 0;}
	.prenext p:nth-child(2) { text-align: left;}
	.newmain h1 { font-size: 22px;}
	.new4C dl a dt {width: 250px;}
	.new4C dl a dd {width: calc(100% - 250px);padding: 22px 12px 0 20px;}
	.h_fishC { margin-top: 20px;}
	.h_fishC .tab { float: none;text-align: center;}
	.h_fishC .tab a{float:none; display:inline-block;padding: 10px 9px;}
	.h_fishC .content li dl{ padding:0!important;}
	#map{width:100%;height:250px;}
	.h_productC dl,.h_fishC .content li dl{margin-bottom:20px;}
	
	
}


@media(max-width:640px){
	
	
}

@media (max-width:550px){
	.otherbanner1 h2{font-size: 17px;}
	.otherbanner1 h2 b { font-size: 26px;}
	.otherbanner1 h5 { font-size: 18px;}
	.h_title h2 { font-size: 23px;padding: 15px 17px;}
	.cultureCR h5 { font-size: 24px;}
	.h_title h2 .p1,.h_title h2 .p2{width: 37px;}
	.h_title2 p,.h_title2 h2 {font-size: 25px;}
	.h_aboutnum dl a b { font-size: 28px;}
	.h_aboutnum dl a {padding: 11px 0 11px 10px;}
	.new4C dl a dt {width: 130px;}
	.new4C dl a dd { width: calc(100% - 130px);padding: 7px 12px 5px 20px;}
	.new4C dl a dd .ddL time{ margin: 3px 0;}
	.new4C dl a dd .ddL h5, .new5CL dl a dd h5, .new5CR dl a dd h5 {font-size: 16px;}
	.new4C dl a dd .ddL p, .new5CL dl a dd p {line-height: 20px;height: 40px;font-size: 13px;}
	.new4C dl a dt img{ margin: 7px 0 0 5px;}
	.new5CR dl a dt { width: 90px;}
	.new5CR dl a dd { width: calc(100% - 110px);}
	.h_fishC .content{margin-top: 10px;}
	.otherbanner1 p{font-size: 14px;}
	
}
@media (max-width:490px){
	
}
@media (max-width:430px){
	.new4C dl a dd {padding: 7px 12px 5px 13px;}
	.new4C dl a dd .ddL time{ font-size:12px;}
	.logo {left: 60%; margin: 17px 0 0 -126px;}
	.logo img {height: 40px;}
	
	
}
@media (max-width:400px){
	
	
	
	
}
@media (max-width:380px){
	.h_title2 p, .h_title2 h2 { font-size: 22px;}
}
@media (max-width:340px){

}