@CHARSET "utf-8";

/*头部样式*/
#header{width:100%;margin:0 auto;background: url(../images/head.png) repeat-x;height:210px;}
.top{width:1100px;margin:0 auto;}
.sky{line-height:30px;color:#999;}
.k1 a{color:#999;}
.k1 a:hover{color:#e87518;}

.logo{padding-top:23px;}
.k2{color:#006f3f;font-size:24px;font-weight:bold;padding-top:20px;}



.topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}


#menu{margin-top:18px;}


/*热门搜索*/
.sou{background:#f7f7f7;line-height:35px;}
.search{width:1100px;margin:0 auto;height:35px;margin-top: 21px;}


.hotSearch{width:411px;float:right;height:35px;line-height:35px;font-weight:normal;color:#000;font-weight:bold;position: relative; left: 628px; }
.hotSearch a{font-weight:normal;color:#666666;background: url(../images/hot.png) no-repeat right center;padding-right:7px;}
.hotSearch a:last-child{background:none;}
.hotSearch a:hover{color:#e87518;}

/*主体样式*/
#container{max-width:1100px;margin:0 auto;margin-top:10px;padding:0 15px;}





.c1{background: url(../images/c1bj.png) no-repeat top center;height:483px;}
.n_c1{width:1100px;margin:0 auto;padding-top:25px;}

.n_c1 .content li{width:275px;float:left;text-align:center;height:460px;position:relative;}
.n_c1 .content li .cont b{padding-top:50px;font-size:35px;color:#868686;font-family:"宋体";background: url(../images/line.png) no-repeat bottom center;height:40px;padding-bottom:15px;display:block;}

.n_c1 .content li img{width: 275px;height: 460px;display: none;position:absolute;top:0;left:0;z-index:9;}

.cont{position:absolute;z-index:999;width:275px;height: 460px;}
.n_c1 .content li .cont h2{color:#000000;font-size:22px;font-family:"微软雅黑";padding-top:15px;padding-bottom: 20px;}
.n_c1 .content li .cont span{color:#b1b1b1;font-size:12px;line-height:27px;font-family:"微软雅黑";text-transform:uppercase;padding-bottom:100px;display:block;}
.n_c1 .content li .cont h3{color:#999999;font-size:14px;line-height:24px;font-family:"微软雅黑";font-style:normal;display:block;}

.n_c1 .content li a{background: url(../images/mo.png) no-repeat;position:absolute;bottom:20px;left:45%;display:block;width:22px;height:22px;}
.mo img{display:block;width:22px;height:22px;}


.n_c1 .content li:hover img{display:block;}
.n_c1 .content li:hover{color:#fff;}
.n_c1 .content li:hover b{color:#fff;background: url(../images/line2.png) no-repeat bottom center;}
.n_c1 .content li:hover h2{color:#fff;}
.n_c1 .content li:hover span{color:#fff;}
.n_c1 .content li:hover h3{color:#fff;}

.n_c1 .content li:hover a{background: url(../images/moh.png) no-repeat;}









.c2{width:1100px;margin:0 auto;margin-top:50px;height:512px;overflow:hidden;}
.c2_tt{text-align:center;color:#007730;font-size:26px;font-weight:bold;background: url(../images/abtt.png) no-repeat center bottom ;height:120px;}

.c2 .cont1{padding-top:80px;width:158px;}
.c2 .cont2{padding-top:110px;width:490px;margin-left:17px;border-bottom:1px solid #f2f2f2;    padding-bottom: 35px;}
.c2 .cont3{padding-top:104px;width:373px;}






.c3{background:url(../images/pbj.png) no-repeat top center;height:926px;}
.n_c3{width:1100px;margin:0 auto;}
.c3_tt{padding-top:71px;color:#dddddd;font-size:45px;font-weight:bold;text-transform:uppercase;text-align:center;}
.c3_tt span{display:block;color:#007730;font-size:26px;background:url(../images/pt.png) no-repeat center center}


.project{margin-top:34px;}
.p_tt{height:42px;margin-bottom:20px;}

.tabli{padding-left: 6px;background:url(../images/pp.png) no-repeat center bottom;position:relative;overflow-y:auto;height:63px;}
.tabli li{text-align:center;line-height:25px;font-size:14px;float:left;background:url(../images/p1.png) no-repeat 50% 83%;display:block;height: 63px;}
.tabli li a{display: inline-block;border:1px solid #d9d9d9;padding:0 20px;margin:0 15px;color:#666;}
.tabli li.cur{background:url(../images/p2.png) no-repeat 50% 83%;color:#fff;}
.tabli li.cur a{background:#007730;color:#fff;}
.tab{margin-top:60px;}








.c4{width: 1100px;margin: 0 auto;margin-top:60px;}
.c4-title{font:600 26px/36px "微软雅黑";color:#000;text-align: center;}
.c4-title p{display:inline-block;color:#007730;}
.c4-title span{color:#cf1314;}
.c4-title2{color:#b7b7b7;text-align: center;font-size:13px;background: url(../images/c4tt.png) no-repeat center bottom;text-transform:uppercase;line-height:20px;padding-bottom:20px;}


.c4-box{padding-top:45px;}
.c4-le{background: url(../images/t1.png) no-repeat;border:1px solid #dcdcdc;width:525px;;height: 150px;overflow: hidden;}

.c4-le:hover{background: url(../images/tt1.png) no-repeat;border:1px solid #dcdcdc;width:525px;;height: 150px;overflow: hidden;color:#fff;}


.c4-le-title{font:600 18px/30px "微软雅黑";color:#000;padding-left:95px;padding-top:25px;}
.c4-le-con{font:400 14px/20px "微软雅黑";color:#666666;width:420px;padding-left:95px;padding-top:10px;}

.c4-le:hover .c4-le-title{color:#fff;}
.c4-le:hover .c4-le-con{color:#fff;}

.c4-re:hover .c4-le-title{color:#fff;}
.c4-re:hover .c4-le-con{color:#fff;}

.c4-le2:hover .c4-le-title{color:#fff;}
.c4-le2:hover .c4-le-con{color:#fff;}

.c4-re2:hover .c4-le-title{color:#fff;}
.c4-re2:hover .c4-le-con{color:#fff;}

.c4-le2{background: url(../images/t3.png) no-repeat;width:525px; border:1px solid #dcdcdc;;height: 150px;overflow: hidden;}
.c4-re2{background: url(../images/t4.png) no-repeat;width:525px; border:1px solid #dcdcdc;;height: 150px;overflow: hidden;}
.c4-box1{padding-top:40px;}
.c4-re{background: url(../images/t2.png) no-repeat;width:525px;border:1px solid #dcdcdc; ;height: 150px;overflow: hidden;}


.c4-le2:hover{background: url(../images/tt3.png) no-repeat;width:525px; border:1px solid #dcdcdc;;height: 150px;overflow: hidden;}

.c4-re2:hover{background: url(../images/tt4.png) no-repeat;width:525px; border:1px solid #dcdcdc;;height: 150px;overflow: hidden;}

.c4-re:hover{background: url(../images/tt2.png) no-repeat;width:525px;border:1px solid #dcdcdc; ;height: 150px;overflow: hidden;}






.c5{background: url(../images/cbj.png) repeat-x;height:513px;margin-top:80px;}
.n_c5{width:1100px;margin:0 auto;}
.c5 .con1{width:276px;background: url(../images/case.png) no-repeat;height:510px;}
.con1_tt{font-size:22px;color:#fff;padding-top:100px;padding-left:10px;}
.case_sortt{padding-top:15px;}
.case_sortt li{border:1px solid #5ca87b;float:left;margin-left:10px;}
.case_sortt li a{color:#f2f2f2;opacity:.36;font-size:14px;padding:0 8px;line-height:25px;}
.sub{color:#f2f2f2;font-size:14px;line-height:20px;padding-left:10px;padding-top:60px;}
 .c5 .ck img{width:70px;margin-left:10px;padding-top:50px;}
.subb{color:#fff;font-size:16px;padding-left:10px;padding-top:60px;}
 .c5 .xq img{padding-left:10px;padding-top:20px;}

.c5 .con2{width:824px;height:510px;background:#f2f2f2;position:relative;}


/*切换*/
.game163{ position: relative; ; overflow: hidden; width: 824px; }	
.game163 .bigImg{ height: 440px; position: relative;}	
.game163 .bigImg li img{ vertical-align:middle; width:824px; height:420px;   }	
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }	
.game163 .smallScroll{ height:90px; margin-bottom: 6px;position: relative;padding-left:135px;}	
.game163 .sPrev{ float: left; display: block; width: 38px; height: 38px; text-indent: -9999px;background:url(../images/left.png) no-repeat ;display: block;position: absolute;left:60px;bottom:70px;}

.game163 .sNext{ background:url(../images/right.png) no-repeat;width: 38px; height: 38px;display: block;position: absolute;right:60px;bottom:70px;}	

.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 560px; overflow: hidden;position: relative;bottom:55px;}	
.game163 .smallImg ul{ height:120px;  width: 9999px; overflow: hidden; }	
.game163 .smallImg li{ float: left; margin:0 14px; width:110px; cursor:pointer;  display: inline;  }	
.game163 .smallImg img{ border: 3px solid #dcdddd; width:110px; height:110px;border-radius:110px;}	
.game163 .smallImg .on img{ border-color: #e87518;}	
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}	
.game163 .pageState span{ color: #f00; font-size: 16px;}





.c6{width:1100px;margin:0 auto;margin-top:35px;}
.c6_tt{color:#007730;font-size:18px;text-align:center;background:url(../images/ry.png) no-repeat center center;position:relative;}
.c6_tt span{color:#747474;font-size:14px;text-transform:uppercase;}
.c6_tt a{position:absolute;top:25px;right:0;}
.xian{padding-top:20px;}



.pre-left{cursor:pointer;float:left;margin-top:155px;_display:inline;margin-right:17px;}
.pre-right{cursor:pointer;float:right;margin-top:155px;}
.opa:hover{opacity: 0.8;filter:alpha(opacity=80);}

.products{width:1100px;margin:0 auto;padding-top:25px;}
.products .content li{line-height:31px;float:left;margin:0 5px;}
.products .content img{}
.products .content .img1{display: block;overflow: hidden;width:237px;height:338px;border:1px solid #e9e9e9;padding:3px;}

.products .content li h3{text-align: center;color:#666666;font-weight: normal;font-size: 14px;}

.products .content img{width:237px;height:338px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.products .content img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}

.products .content{width:1017px;overflow:hidden;float:left;}
.prolist{width:2000px;height:377px;overflow:hidden;}








.c7{width:1100px;margin:0 auto;margin-top:70px;}
.c7_tt{color:#007730;font-size:18px;text-align:center;background:url(../images/c7tt.png) no-repeat center center;position:relative;}
.c7_tt span{color:#747474;font-size:14px;text-transform:uppercase;}
.c7_tt a{position:absolute;top:25px;right:0;}









.c8{width:1100px;margin:0 auto;margin-top:50px;}
.ns{width:705px;}
.tab2-backg{background: url(../images/nstt.png) no-repeat right 27px;}
.tab2-nav{}
.tab2-nav li{width:110px;text-align: center;color:#fff;font:600 16px/40px "Microsoft YaHei";float: left;cursor: pointer;background:#007730;margin-right:15px;}
.tab2-nav li span{display:block;color:#b3b3b3;font:400 12px/20px "Microsoft YaHei";text-transform:uppercase;}
.tab2-nav li.cur{color:#000;border:2px solid #007730;background:none;line-height:36px;}
.tab2-nav a{float:right;color:#2d384b;font:400 12px/30px "Microsoft YaHei";background: url(../images/more2.png) no-repeat 100% 50%;}
.tab2-nav a:hover{color:#f58232;}
.tab2-content .tab2{display:none;}

.tab2-news{width:705px;}
.wen{width:385px;padding-right:65px;}
.wen .nm{font-size:14px;color:#007730;padding-top:15px;}


.lx{width:345px;}
.lx_tt{color:#000;font-size:16px;font-weight:bold;background: url(../images/lx.png) no-repeat left center;padding-left:18px;}
.lx_tt2{display:block;font-size:12px;color:#666666;text-transform:uppercase;background: url(../images/lxtt.png) no-repeat right center;font-weight:bold;position:relative;}
.lx_tt2 a{position:absolute;top:-18px;right:0;}

.lx .content{padding-top:14px;color:#666666;font-size:14px;line-height:35px;}









.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧8590海洋之神*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{line-height:35px;color:#9c9c9c;border-top:1px solid #d6d6d6;    width: 1200px;}
.f_link a{color:#9c9c9c;}

/*页面底部*/
#footer{position:relative;background:url(../images/foot.jpg) no-repeat top center #007730;margin-top:95px;height:330px;color:#9c9c9c;}
.foot{width:1100px;margin:0 auto;}

#footer a:hover{color:#e87518;text-decoration:none;}


.ff{width:745px;margin:0 auto;padding-top:40px;}
.f_nav{}
.f_nav dl{float:left;padding:0 33px;height:180px;overflow:hidden;}

.f_nav dl.f_ct{border-right:none;padding-right:0;width:237px;}
.f_nav dt{margin-bottom:6px;color:#000000;font-size:16px;}

.f_nav dd{line-height:26px;}
.f_nav dd a{font-size:12px;font-family:"微软雅黑";color:#9c9c9c;}
.f_nav dd a:hover{color:#e87518;}
.f_nav .f_ct dd{line-height:26px;color:#333;font-size:13px;}

.gz{padding-top:40px;padding-bottom:10px;}
.gz_tt{color:#000000;font-size:16px;}
.gz .content{padding-top:25px;}


.copyright{text-align:left;line-height:24px;color:#fff;padding-top:55px;}
.qy{color:#fff;}
.qy a{color:#fff;}



/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;}

.left{width:225px;float:left;}
.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:860px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.xypg-right-content .content{margin-top:10px;}



@media (max-width: 768px) {
 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
 .product_detail .list{margin-left:0;}
}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #d61613;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}

.footer ul li a{border-left:1px solid #d87176;}