/*全局样式*/
@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;color:#000;-webkit-text-size-adjust:100%;}
input:required,textarea:required{outline:0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
a{text-decoration:none !important; cursor:pointer !important;color:#000;}
a:focus{outline:none;}
ul{margin:0;}
li{list-style: none;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{max-width:1230px !important;}
.clear{clear:both;width:0;height:0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sx{cursor:pointer;}
.w100{width:100% !important}
.h100{height:100% !important;}

/*头部*/
header .logo_box{height:100px;}
header .logo_box .logo{line-height:100px;width:40%;}
header .logo_box .logo img{max-width:100%;}
header .logo_box .sousuo{width:30%;padding:0 50px;margin:25px 0 0 50px;}
header .logo_box .sousuo form{border:1px solid #666;}
header .logo_box .sousuo form input{width:80%;height:28px;padding:0 10px;}
header .logo_box .sousuo form button{width:20%;height:28px;background:#1a1a1a url(../images/icon1.png) no-repeat center;border:none;}
header .logo_box .sousuo p{line-height:20px;color:#1a1a1a;}
header .logo_box .sousuo p span{color:#666;}
header .logo_box .tel{background:url(/html/images/icon2.png) no-repeat 0 center;padding-left:60px;margin-top:25px;}
header .logo_box .tel h5{font-size:20px;font-weight:bold;color:#009f45;}
header .logo_box .tel p{font-size:20px;color:#333;}

/*PC端导航*/
nav{position:relative;border-top:3px solid #009f45;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d7d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
}
nav a{color:#333 !important;}
/*一级导航*/ 
nav .ul1 li{float:left;text-align:center;position:relative;width:11.11%;line-height:50px;}
nav .ul1 li a{display:block;position:relative;}
nav .ul1 li a:hover,nav ul li a.active{background:#009f45;color:#fff !important;}
/*二级导航*/
nav .ul2{position:absolute;top:100%;width:100%;z-index:100;display:none;left:0px;}
nav .ul2 li{line-height:50px;float:none;width:100%;margin-top:1px;background:#ddd;line-height:40px;}

/*banner轮播*/
#myCarousel{position:relative;overflow:hidden;}
#myCarousel .carousel-inner .img{margin:0 auto;position:relative;}
#myCarousel .carousel-control {font-size:100px;}
#myCarousel .carousel-control.left{background-image: none;left:-50%;}
#myCarousel .carousel-control.right{background-image: none;right:-50%;}
#myCarousel:hover .carousel-control.right{right:0;}
#myCarousel:hover .carousel-control.left{left:0;}
.carousel-indicators li{width:15px;height:15px;margin:1px 3px;}
.carousel-indicators .active{width:15px;height:15px;margin:1px 3px;}

/*共用内容*/
.title{margin:60px 0 30px 0;text-align:center;}
.title h5{font-size:30px;color:#1a1a1a;}
.title p{color:#666;margin-top:13px;}
.an1-box{text-align:center;font-size:0;margin-bottom:23px;}
.an1-box a{display:inline-block;width:200px;line-height:36px;background:#009f45;font-size:14px;color:#fff;margin:5px;padding:0 5px;}
.an1-box a:hover,.an1-box a.active{background:#00662c;}

/*产品展示*/
.cpzs{background:url(/html/images/cpzs_bg.jpg) center center;background-size:cover;padding-bottom:40px;}
.cpzs_pad{padding:0 5px;}
.cpzs_con{display:block;background:#fff;border:1px solid #ccc;padding:20px;margin:0 10px 20px 10px;}
.cpzs_con .imgbox{overflow:hidden;}
.cpzs_con .text{padding:30px 0 15px 0;}
.cpzs_con h5{font-size:16px;color:#333;line-height:20px;}
.cpzs_con b{font-size:16px;color:#b20000;line-height:20px;margin-top:8px;display:block;}

/*关于welcome海洋之神*/
.gywm .con1 h4{font-size:20px;color:#4c4c4c;text-align:center;}
.gywm .con1 .text{font-size:16px;line-height:32px;color:#666;text-align:center;margin:30px 0;height:128px;overflow:hidden;}
.gywm ul{margin:0 -15px;}
.gywm ul li{width:33.33%;float:left;padding:0 15px;}
.gywm ul li a{display:block;position:relative;overflow:hidden;}
.gywm ul li a h5{width:142px;line-height:43px;background:#fff;text-align:center;color:#2d2d2d;font-size:20px;position:absolute;bottom:20px;left:50%;margin-left:-71px;}
.gywm .an1{display:block;width:160px;line-height:40px;background:#009f45;text-align:center;color:#fff;margin:50px auto;}

/*新闻动态*/
.xwdt{background:#009f45;padding-bottom:60px;}
.xwdt .title h5,.xwdt .title p,.lxwm .title h5,.lxwm .title p{color:#fff;}
.xwdt-box{background:#fff;}
.xwdt_gd{overflow:hidden;display:block;}
.xwdt_gd .img{height:390px;}
.news2{display:block;padding-top:25px;}
.news2 .rq{width:108px;height:90px;line-height:90px;text-align:center;font-size:60px;color:#009f45;border-right:2px solid #323232;}
.news2 .text_box{margin-left:130px;}
.news2 .text_box h5{font-size:18px;color:#000;font-weight:bold;}
.news2 .text_box p{color:#323232;margin-top:5px;}
.news2 .text_box .text{line-height:24px;color:#666;height:48px;overflow:hidden;}
#scrollDiv{height:370px;overflow:hidden;padding-right:30px;margin-top:10px;}/*这里的高度和超出隐藏是必须的*/

/*合作伙伴*/
.hzhb{margin:60px 0;}
.hzhb .pictrue1{background:#009f45;padding:30px 90px 10px 152px;position:relative;}
.hzhb .pictrue1 .bt{width:67px;height:100%;background:#0f0f0f;color:#fff;font-size:30px;font-weight:bold;text-align:center;position:absolute;top:0;left:0;line-height:35px;display:flex;flex-direction:column;justify-content:center;}
.hzhb_con{display:block;margin:0 10px 20px 10px;overflow:hidden;background:#fff;}

/*联系welcome海洋之神*/
.lxwm{background:url(/html/images/lxwm_bg.jpg) center center;background-size:cover;margin-top:50px;padding-bottom:50px;}
.lxwm .text_box h5{font-size:16px;color:#fff;line-height:25px;}
.lxwm .text_box .text{color:#fff;line-height:22px;margin:20px 0;}
.lxwm .weixin-box .weixin img{width:140px;height:140px;max-width:100%;}
.lxwm .weixin-box ul{margin-left:160px;}
.lxwm .weixin-box ul li{color:#fff;margin-bottom:10px;line-height:22px;word-break:break-all;word-wrap:break-word;}
.lxwm .weixin-box ul li span{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:#fff;color:#2e2f30;border-radius:50%;position:relative;top:-2px;margin-right:10px;}
.lxwm .weixin-box ul li span.icon-dianhua{line-height:25px;}
.lxwm form input,.lxwm form textarea{width:100%;height:38px;background:#f6f8fc;border-radius:10px;margin-bottom:10px;border:none;padding:0 15px;}
.lxwm form textarea{height:100px;resize:none;padding:10px 15px;}
.lxwm form button{width:150px;height:38px;background:#009f45;font-size:18px;color:#f2f2f2;border-radius:10px;border:none;display:block;}


/*内页左侧*/
.neiye{margin:30px 0;}
.neiye .title4{line-height:60px;background:#009f45;font-size:24px;font-weight:bold;color:#fff;text-align:center;position:relative;}
.neiye .title4 span{position:absolute;right:15px;line-height:60px;}
.neiye .title4 i{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;}
.neiye .nav_box .nav2{display:block;position:relative;margin-top:2px;height:40px;line-height:38px;text-align:center;border:1px solid #ccc;color:#000;padding:0 20%;}
.neiye .nav_box .nav2:before{content:"";width:4px;height:100%;background:#333;position:absolute;left:0;top:0;}
.neiye .nav_box .nav2 span{position:absolute;right:10%;top:0;line-height:43px;font-size:17px;color:#333;z-index:-1;}
.neiye .nav_box .nav2:hover,.neiye .nav_box .nav2:hover span,.neiye .nav_box .nav2.active,.neiye .nav_box .nav2.active span{color:#009f45;}
/*.neiye .nav_box .nav2:hover span{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}*/
.neiye .nav_box .nav2:hover:before,.neiye .nav_box .nav2.active:before{background:#009f45;}
.neiye .nav_box .nav1 ul.ul1{display:block;}
.neiye .nav_box .nav1 ul li a{display:block;line-height:38px;background:#e6e6e6;text-align:center;margin-top:2px;color:#333;padding:0 10px;}
.neiye .nav_box .nav1 ul li a:hover,.neiye .nav_box .nav1 ul li a.active{background:#cd0000;color:#fff;}
.neiye .nav_box .nav1 ul{display:none;}
.neiye .lxfs{margin-top:10px;}
.neiye .lxfs .text_box{border:1px solid #ccc;padding:3px;}
.neiye .lxfs .text_box img{width:100%;}
.neiye .lxfs .text_box .text{font-size:12px;color:#666;line-height:20px;padding:15px;}
.neiye .title5{position:relative;border-bottom:1px solid #999;padding:23px 0 5px 0;margin-bottom:20px;}
.neiye .title5 span{font-size:37px;color:#333;position:absolute;left:0;top:0;}
.neiye .title5 h5{font-size:18px;color:#666;font-weight:bold;margin-left:50px;}
.neiye .title5 p,.neiye .title5 p a{color:#666;}
.neiye .title5 p a:hover{color:#009f45;}

/*新闻内页*/
.news-ny ul li{line-height:35px;border-bottom:1px dashed #ccc;position:relative;padding:0 90px 0 10px;}
.news-ny ul li:before{content:"";border-left:5px solid #666;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:50%;left:0;margin-top:-5px;transition:all .3s;}
.news-ny ul li a{color:#666;transition:all .3s;}
.news-ny ul li p{color:#666;position:absolute;top:0;right:0;transition:all .3s;}

.cpzs_ny .row{padding:0 5px;}
.cpzs_ny .row .col-lg-4{padding:0;}
.hzhb_ny .row{padding:0 5px;}
.hzhb_ny .row .col-lg-3{padding:0;}
.hzhb_ny .hzhb_con .imgbox{border:1px solid #ccc;overflow:hidden;}
.hzhb_ny .hzhb_con h5{color:#666;line-height:20px;text-align:center;}

/*详情页*/
.xqy .bt{font-size:20px;color:#333;text-align:center;}
.xqy .bt2{text-align:center;margin:20px 0;}
.xqy .bt2 .con{display:inline-block;text-align:left;}
.xqy .bt2 h5{font-size:16px;color:#333;}
.xqy .bt2 p{font-size:16px;color:#b20000;font-weight:bold;margin-top:5px;}
.xqy .rq{color:#666;text-align:center;border-bottom:1px dashed #ccc;line-height:35px;margin-bottom:20px;}
.xqy img{max-width:100%;margin:0px auto;display:block;}
.xqy .text{line-height:25px;}
.xqy .sp_box{width:50%;margin:20px auto;}


/*页脚*/
footer{color:#fff;background:#009f45;padding:20px 0;text-align:center;line-height:25px;}
footer a{color:#fff !important;}
footer a:hover{text-decoration: underline !important;}

/*移动端底部热点链接*/
.hot{height:50px; background:#009f45; position:fixed; bottom:0; left:0; z-index:2000;border-top:1px solid #fff;}
.hot span{color:#fff;font-size:16px;height:20px;line-height:20px;display:block;}
.hot span.glyphicon{top:0;}
.hot .iconfont{font-size:16px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{position:fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(/html/images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(/html/images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

/*媒体查询开始*/
@media (min-width:992px){
.cpzs_con:hover .img,.gywm ul li a:hover .img,.xwdt_gd:hover .img,.hzhb_con:hover .img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.gywm .an1:hover{background:#0b6030;}
.news2:hover .text_box h5{color:#009f45;}  
.lxwm form button:hover{opacity:0.8;}
.news-ny ul li:hover:before{border-left-color:#009f45;}
.news-ny ul li:hover a,.news-ny ul li:hover p{color:#009f45;}
}

@media(max-width:1199px){
.hzhb .pictrue1 .bt{font-size:20px;line-height:25px;}	
}

@media (max-width:991px){
header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:100px;z-index:2000;}
header .sjdnav ul{padding:0;margin:0;}
header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:3px;background:#009f45;}
header .sjdnav li a{display:block;color:#fff;line-height:40px;font-size:16px;}
header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:33px;right:15px;}
header .ydd_btn span{display:block;width:100%;height:8px;background:#009f45;}
header .ydd_btn span.span02{margin:5px 0;}
header .ydd_btn.click span{background:#009f45;}
header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
header .ydd_btn.click span.span02{margin:0.5px 0;}
header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-8px;margin-top:0px;}
header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
body{padding-bottom:50px;}
.neiye .nav_box{margin-bottom:30px;}
.neiye .nav_box .nav2{padding:0 10px;}
.neiye .nav_box .nav2 span{display:none;}
.neiye .nav_box .nav1 ul.ul1{display:none;}
.lxwm .weixin-box{margin:20px 0;}
header .logo_box{height:auto;}
header .logo_box .logo{width:75%;}
.xwdt_gd .img{height:auto;}
}

@media (max-width:767px){
header .sjdnav{top:80px;}
header .ydd_btn{width:35px;top:30px;}
header .ydd_btn span{height:4px;}
header .ydd_btn span.span02{margin:3px 0;}
header .ydd_btn.click span.span02{margin:4px 0;}
.carousel-indicators{bottom:2px;}
.carousel-indicators li{width:10px;height:10px;margin:1px;}
.carousel-indicators .active{width:10px;height:10px;margin:1px;}
.neiye .title4{line-height:40px;font-size:20px;}
.neiye .title4 span{line-height:40px;}
.neiye .nav_box .nav2{height:38px;line-height:36px;}
.lxwm{margin-top:20px;}
.lxwm .weixin-box .weixin{float:none !important;}
.lxwm .weixin-box ul{margin:30px 0 0 0;}
.lxwm form button{margin:0 auto;}
.xqy .bt{font-size:16px;}
header .logo_box .logo{line-height:80px;}
.title{margin:30px 0;}
.title h5{font-size:20px;}
.title p{margin-top:5px;}
.an1-box a{width:120px;line-height:30px;}
.cpzs{padding-bottom:30px;}
.cpzs_pad{padding:0 10px;}
.cpzs_con{padding:10px;margin:0 5px 10px 5px;}
.cpzs_con .text{padding:10px 0 3px 0;}
.cpzs_con h5{font-size:14px;}
.cpzs_con b{font-size:14px;margin-top:3px;}
.gywm .con1 h4{font-size:18px;}
.gywm .con1 .text{font-size:14px;line-height:28px;margin:20px 0;height:110px;}
.gywm ul li{width:100%;}
.gywm ul li:nth-child(2){margin:20px 0;}
.gywm .an1{;margin:30px auto;}
.xwdt{padding-bottom:30px;}
.hzhb{margin:30px 0;}
.hzhb .pictrue1{padding:15px 15px 5px 15px;}
.hzhb .pictrue1 .bt{display:none;}
.hzhb_con{margin:0 5px 10px 5px;}
.cpzs_ny .row{padding:0 10px;}
.hzhb_ny .row{padding:0 10px;}
.xqy .sp_box{width:80%;}
}

@media (max-width:479px){
header .ydd_btn{width:25px;top:21px;}
header .sjdnav{top:60px;}
header .logo_box .logo{line-height:60px;}
.gywm ul li a h5{width:120px;line-height:30px;font-size:16px;bottom:20px;left:50%;margin-left:-60px;}
.xqy .sp_box{width:100%;}
}