/* ========================================================================== index page ========================================================================== */ /* 两列右侧自适应布局 */ .g-bd1{margin:0 0 10px;} .g-sd1{position:relative;float:left;width:240px;margin-right:-240px;} .g-mn1{float:right;width:100%;} .g-mn1c{margin-left:260px;} /* * 搜索 */ .section_find{padding:20px 0;background:;text-align:center;} .widget-notice{overflow:hidden;height:48px;background:#fff;} .widget-notice .tit{float:left;width:20%;background:#ffa304;color:#fff;font-size:18px;line-height:48px;} .widget-notice ul{float:left;width:80%;text-align:left;} .widget-notice ul li{padding:0 10px 0 15px;line-height:48px;height: 48px} .widget-search-form{float:left;padding-top:6px;width:60%;height:42px;background:#fff;color:#fff;font-size:14px;} .widget-search-form label{float:left;width:10%;height:35px;color:#bbb;font-size:26px;} .widget-search-form .form-control{float:left;width:80%;height:35px;border:0;background:#e2e1e1;vertical-align:top;box-shadow: none;} .widget-search-form .search_btn{width:20%;height:35px;border:none;background-color:#ffa304;color:#fff;} .widget-search-form span{padding-left:20px;color:#b2b2b2;} .widget-search-form span strong{color:#ff343f;} .widget-search-form a{float:right;padding:0 20px;height:30px;background-color:#ff6159;color:#fff;} .widget-search-hot{float:right;overflow:hidden;width:40%;height:48px;background-color:#fff;line-height:48px;} .widget-search-hot a{padding-left:6px;} .widget-search-hot a:hover{text-decoration:underline;} /*集团产业*/ .cybox1{width: 285px;float: left;} .cybox1 li{background: top left no-repeat;height: 44px;padding-bottom: 20px;line-height: 37px;color: #fff;font-size: 16px} .cybox1 li a{color: #fff} .cybox1 li i{display: inline-block;width: 36px;height: 46px;background: no-repeat;text-align: center;margin:4px;} .cybox2{width: 100%;float: left;margin-left: -285px;font-size: 14px;text-align: center;} .cybox2 ul{margin-left: 315px;padding-top: 20px} .cybox2 ul li{width: 25%;float: left;} .cybox2 ul li i{width: 164px;height: 164px;display: block;margin:0 auto;background: no-repeat;margin-bottom: 10px} .cybox2 ul li.cy1 i{background-position: 0px 0px} .cybox2 ul li.cy2 i{background-position: -238px 0px} .cybox2 ul li.cy3 i{background-position: -467px 0px} .cybox2 ul li.cy4 i{background-position: -710px 0px} /*产品*/ .cate-hd{text-align: center;margin-bottom: 30px} .cate-hd a{display: inline-block;font-size: 18px;padding: 7px 3%;margin:4px;color: #fff;background-color: #ffa304} .cate-hd a.on{background: #0c4da2} .section_prod{background:#efeeee} .section_prod .index_ .t h2 strong{background:#efeeee} .section_prod .index_ .t h2.border strong:before,.section_prod .index_ .t h2.border strong:after{border-color: #bfbfbf} .case-item{float:left;width: 400px;text-align: center;padding: 0 10px} .case-item .icon{display:block;background: #fff; border: 1px solid #dcdcdc;width: 380px;height: 324px;overflow: hidden;} .case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;} .case-item p{font-size: 24px;background: #0c4da2;display:block;color: #fff;height: 80px;padding-top: 15px;position: relative;} .case-item p:after{position: absolute;display: block;content: ' ';width:18px;height: 18px;line-height:16px;border:1px solid #fff;left: 50%;margin-left: -10px;bottom: 14px;border-radius: 50%;font-size: 14px} .case-item.cur .icon{border-color: #ffa304} .case-item.cur p{background: #ffa304;} .section_prod .jcarousel-control{margin-top: -20px;width: 24px;height: 46px;line-height: 46px;background-color: #ffa304;color: #fff;border-radius: 24px 0 0 24px} .section_prod .jcarousel-control-prev {left: -60px} .section_prod .jcarousel-control-next {right: -60px;border-radius: 0 24px 24px 0} .section_prod .jcarousel-wrapper:hover .jcarousel-control-next{right:-60px} .section_prod .jcarousel-wrapper:hover .jcarousel-control-prev{left: -60px;} /*走进海浪*/ .about-box.r{padding-left:10%} .about-box h5{color:#ffa304;text-align:center;font-size:24px} .qute{position:relative;margin-bottom:20px;padding:25px 0;text-indent:2em;line-height:2} /*.qute:before{top:0;left:-22px;background:url(/uploads/image/thwimg/dot1.png) center center no-repeat}*/ .qute:after,.qute:before{position:absolute;display:block;width:50px;height:37px;content:''} /*.qute:after{right:-5px;bottom:0;background:url(/uploads/image/thwimg/dot2.png) center center no-repeat}*/ .qute a{color:#ffa304} .lcbox{font-size: 18px;font-weight: bold;} .lcbox a:hover{color: #fff} .lcbox a:hover p{padding-left: 20px} .lc1,.lc2,.lc3,.lc4{padding: 20px 0 0 20px;height: 107px;display: block;color: #fff} .lc1{background-color: #ffa304} .lc1 p{font-size: 30px;color: #ffb129;} .lc2{background: no-repeat;} .lc3{background-color: #0c4da2;border-right: 1px solid #fff} .lc4{background-color: #0c4da2} .lc3 p,.lc4 p{font-size: 33px;} /*优势*/ .section_adv{background: top center no-repeat;} .section_adv .index_{padding-bottom: 0} .section_adv .index_ .t{color: #fff} .section_adv .index_ .t h2 strong{background: inherit;} .advbox{width: 556px;height: auto;margin:0 auto;background: bottom center no-repeat;text-align: center;padding-top: 150px;position: relative} .advcont{position: absolute;width: 455px;height: 100px;font-size: 14px;color: #fff;text-align: left;padding-bottom: 125px} .advcont .tit{width: 28%;float: left;font-size: 90px;position: relative;line-height: 0.9;font-weight: bold;color: #2f6ec1;text-align: center;} .advcont .tit span{position: absolute;font-size: 24px;width: 100%;left: 0;top: 36%;background: #0c4da2;color: #fff;padding: 5px 0} .advcont .p{width: 72%;float: left;} .advcont.adv1{right: 86%;bottom: 0} .advcont.adv2{right: 72%;top:0} .advcont.adv1 .line,.advcont.adv2 .line{position: absolute;width: 194px;height: 50px;border-bottom: 1px solid #fff;border-left: 1px solid #fff;top: 104px;right: 0} .advcont.adv1 .line:after,.advcont.adv2 .line:after{position: absolute;display: block;content: '';width: 5px;height: 5px;background: #fff;border-radius: 50%;top: -2px;left: -3px} .advcont.adv3{left: 72%;top: 0} .advcont.adv4{left: 86%;bottom: 0} .advcont.adv3 .line,.advcont.adv4 .line{position: absolute;width: 194px;height: 50px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;top: 104px;left: 0} .advcont.adv3 .line:after,.advcont.adv4 .line:after{position: absolute;display: block;content: '';width: 5px;height: 5px;background: #fff;border-radius: 50%;top: -2px;right: -3px}