*{margin:0; padding:0;/*box-sizing: border-box*/}
body{ font-family:"微软雅黑"; font-size:12px; color:#333;margin:0 auto;position: relative;box-sizing: border-box;}
input{border: none;}
h3{font-weight: normal;}
h4{font-weight: normal;}
a{text-decoration:none; color:#333;
    -webkit-transition: all 0.18s ease-out;
    -moz-transition: all 0.18s ease-out;
    -ms-transition: all 0.18s ease-out;
    -o-transition: all 0.18s ease-out;
    transition: all 0.18s ease-out;
}
p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
img{ border:none;}
.con{ width:1200px; margin:0 auto; }
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
table {
    border-collapse: collapse;
}

/* --top-- */
.top{width: 100%; height: 140px; background: url(../img/haitianyijiao_biaoshishiyi_01.png) 0 0 no-repeat;background-size: 100% ;}
.top .logo{ float: left; margin-top: 46px;}
.test{ float: right; margin-top: 37px;}
.test ul{list-style:none;} 
.test .nli a{display:block; text-align:center; height:200px;}
.test .nli a:link{color:#fff;  text-decoration:none;} 
.test .nli a:visited{color:#fff;} 
.test .nli a:hover{color:#FFF; text-decoration:none; border-bottom: 1px solid #fff;}
.nav .nLi{ float:left; text-align: center; position:relative; display:inline;  width:74px; line-height:50px;  font-size: 18px;margin-right:10px;} 
.nav .nLi h3{ text-align: center;}
.nav .nLi h3 a{ display:block; font-size:18px; color:#FFF; }
.nav .on h3 a{ color:#fff; border-bottom: 1px solid #fff; width:74px;}
.nav .sub{ display:none; width:160px;background:#b90c06;  line-height:44px; font-size: 16px; left:0; top:20px;  position:absolute; left:0; top:48px;  position:absolute; z-index: 11;}
.nav .sub li{list-style-type: none;zoom:1; box-sizing: border-box; text-align: center; width: 160px; font-size: 16px;}
.nav .sub li a{color: #fff;}
.nav .sub li:hover{width: 160px; background:#FFF; border: 1px solid #000; color:#cc0901; margin-left: -1px;}
.nav .sub li:hover a{color:#cc0901;}

/* --banner-- */
.slideBox{ width:100%;overflow:hidden; position:relative;}       
.slideBox .bd{width: 100%; position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:100%;  }
.slideBox .prev{position:absolute;left: 0; top:45%;  display:block; width:40px; height:80px; background:url(../img/you_jt.png)-110px no-repeat; filter:alpha(opacity=50);  }
.slideBox .next{ position:absolute;top:45%; display:block; width:40px; height:80px; background:url(../img/zuo_jt.png)-110px no-repeat; filter:alpha(opacity=50);  }
.slideBox .next{ left:auto; right:0; background-position:0 0px; }
.slideBox .prev{ right:auto; left:0; background-position:0 0px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* 案例欣赏 */
.til{font-size: 26px; color: #333; margin: 60px auto 0; text-align: center;}
.tubiao{width: 100%; margin:10px auto 0; text-align: center;}
.tubiao img{ margin: 0 auto;}
.shouye_alxs ul{width: 100%;margin: auto 0;}
.shouye_alxs ul li{width: 32%;float: left;margin: 30px 24px 0 0;text-align: center; list-style-type: none;}
.shouye_alxs ul li:nth-child(3n){margin-right: 0;}
.shouye_alxs ul li .sy_alxs1{
    position: relative;
    width: 384px;
    height:283px;
    overflow: hidden;
    margin-bottom: 15px;
}
.shouye_alxs ul li img{
    width: 384px;
    height:283px;
    object-fit: cover !important;
}
.sy_biaoti{font-size: 22px;color: #333;}

/* 底部 */

.dibu{width: 100%; height: 264px; background: url(../img/haitianyijiao_biaoshishiyi_03.png) 0 0 no-repeat; margin:0 auto 0;background-size: 100%  100%;}
.sy_db_p1{font-size: 22px; color: #fff; float: left; margin-top: 10px;}
.sy_db_p5{font-size: 22px; color: #fff; float: left; margin-top: 10px; margin-left:160px;}
.sy_db_p2{font-size: 22px; color: #fff; float: right; margin-top: 10px;}
.sy_db_xt{width: 100%; height: 2px; background: #fff; margin-top: 10px;}
.sy_db_ht{margin-top: 18px;}
.sy_db_tu{float: left;}
.sy_db_tu img:nth-child(2n){margin-left: 50px;}
.sy_db_wen{float: left; padding-left: 160px;}
.sy_db_p3{font-size: 18px; color: #fff;}
.sy_db_p4{font-size: 16px; color: #fff; margin-top: 10px;}
.sy_db_p4:nth-child(n+2){margin-top: 5px;}
.beianhao{width: 100%; height: 58px; background: #92231f; font-size: 16px; color: #fff; text-align: center; line-height: 58px;}

/* ---------------首页end----------- */



/* banner */
.banner{width: 100%; margin: 0 auto;}
.banner img{width: 100%;}

/* 公司简介 */
.gsjj_jianjie{margin: 30px auto 0;}
.gsjj_p{font-size: 20px; color: #444; line-height: 40px; text-indent: 40px;}

/* -------------海天一色end---------- */


.fwcn_chengnuo{margin: 30px auto 0;}
.fwcn_chengnuo .fwcn_p{font-size: 20px; color: #555; line-height: 40px; text-indent: 40px;}
.fwcn_chengnuo .fwcn_bt{font-size: 24px; color: #333; margin-top: 25px;}
.fwcn_chengnuo .fwcn_p1{font-size: 20px; color: #555;padding-top: 10px; text-indent: 40px;}
.fwcn_p1 .fwcn_hei{font-size: 22px; color: #333;}
.fwcn_chengnuo .fwcn_p2{font-size: 20px; color: #555;margin-top: 25px; text-indent: 40px;}

/* ---------开疆拓土end------------- */


.qyln_tu{width: 100%; margin: 20px 0 auto;}
.qyln_tu img{width: 100%; margin-top: 20px;}

/* ---------企业理念end------------- */


.dtzx ul li{width: 100%; margin: 40px auto 0; list-style-type: none;}
.dtzx_zuo{width: 27%; float: left;}
.dtzx_zuo img{width: 100%; padding-left: 30px; position: relative;}
.dtzx_zuo .dtzx_rq{width: 120px; height: 80px; background: #b90c06; position: absolute; margin-top:-215px;}
.dtzx_rq .dtzx_p{font-size: 36px; color:#fff; float: right; margin-right: 10px;}
.dtzx_rq .dtzx_p1{font-size: 20px; color:#fff; float: right; margin-right: 10px;}
.dtzx_you{width: 68%; float: right; padding-left: 30px;}
.dtzx_you .dtzx_p2{font-size: 28px; color: #333;/*margin-top: 12px;*/}
.dtzx_p2 a:hover{color: #b90c06;}
.dtzx_you .dtzx_p3{font-size: 20px; color: #666;margin-top: 8px; line-height: 36px;}
.xian{width: 100%; height: 1px; background: #f0f0f0; margin-top: 40px;}
.yema{text-align: center;margin: 30px auto 0;}

/* ----------动态资讯end----------- */


.zzgj_tu{width: 100%; margin: 40px auto 0;}
.zzgj_tu img{width: 100%;}

/* ------------组织构架end--------- */


.zxns_p{width: 100%; margin: 40px auto 0;}
.zxns_p1{font-size: 24px; color: #333;}
.zxns_p2{font-size: 22px; color: #333; margin-top: 20px;}
.zxns_p3{font-size: 20px; color: #333; margin-top: 10px;}
.zxns_p4{font-size: 20px; color: #333; margin-top: 10px; line-height: 34px;}

/* ----------招贤纳士end------ */


.lxwm_ditu{width: 100%; margin: 40px auto 0;}
.lxwm_ditu img{width: 100%;}
.lxwm_logo{width: 100%; margin: 30px auto 0;}
.lxwm_xian{width: 712px; height: 2px; background: #333; margin-top: 10px;margin-bottom:20px;}
.lxwm ul{/*margin-top: 30px;*/}
.lxwm ul li{font-size: 18px; color: #333; list-style-type: none; line-height: 40px;}
.lxwm .lxwm_red{font-size: 18px; color: #ae4b48;}

/* -------联系我们end--------- */

.position-relative{position: relative;}
.alxs_zuo{width: 180px; position:absolute;left:50%;top:60px;margin-left: -640px;}
.alxs_zuo .alxs_p1{font-size: 34px; color: #333;}
.alxs_zuo .alxs_p2{font-size: 20px; color: #999; margin-top: 10px;}
.alxs_zuo .alxs_p{margin-top: 30px;}
.alxs_p ul li{width: 136px;line-height: 63px;text-align: center;font-size: 20px;border: 1px solid #c0c0c0; list-style-type: none;box-sizing:border-box;background:#fff}
.alxs_p ul li.on{background: #9f2925; border: none;}
.alxs_p ul li.on a{color: #fff;}
.alxs_p ul li:hover{background: #9f2925; border: none; color: #fff;}
.alxs_p ul li:hover a{color: #fff;}
.alxs_you{width: 78%; float: left;  margin-top: 40px;}
.alxs_daohang{font-size: 20px; color: #666; float: right;}
.alxs_you ul li{width: 48%; list-style-type: none; float: left; margin:30px 0 0 18px;}
.alxs_you img{width: 100%;}
.alxs_p3{font-size: 18px; color: #333; text-align: center; margin-top: 10px;}

/* ---------案例欣赏end-------- */


.yhml_p{font-size: 24px; color: #9f2925;}
.minglu{
    width: 960px;
    padding-left: 120px;
}
.yhml_zuo{float: left;margin-top: 40px;width:234px;margin-right:8px}
.yhml_zuo ul{height: 1020px; background: #f4f4f4;font-size: 16px; color: #333; line-height:1.7; list-style-type: none; padding:20px 20px; margin-top: 20px;}
.yhml_tu{width: 100%; height: 993px; background: url(../img/kaijiangtuotu_yonghuminglu_04.png) no-repeat; margin-top: -500px;}

/* ---------用户名录end--------- */


.bssy_p1{font-size: 20px; color: #333; line-height: 36px; text-indent: 40px;margin-top: 30px;}
.bssy_p4{font-size: 20px; color: #333; line-height: 36px; text-indent: 40px;}
.bssy_ln{width: 100%; margin-top: 30px;}
.bssy_ln .bssy_tu{width: 35%; float: left;}
.bssy_tu img{width: 100%;}
.bssy_tu .bssy_tu_one{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);}
.bssy_tu .bssy_tu_two{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); margin-top: 30px;}
.bssy_wen{width: 62%; float: right;}
.bssy_p2{font-size: 24px; color: #333;text-indent: 40px;line-height: 40px;}
.bssy_p2:nth-child(n+2){margin-top: 16px;}
.bssy_p3{font-size: 20px; color: #333; line-height: 36px; text-indent: 40px;}



/* -------标识释义end---------- */

.pagination{margin-top: 7px;text-align:center}
.pagination li{float: none!important;display: inline-block;width: auto!important;min-width: 40px;line-height: 40px;background-color: #CCC;margin-left: 2%;text-align: 
center;color: #FFF;margin-top: -17px;margin-right: 10px!important;list-style: none;padding:0}
.pagination li a,.pagination li span {display: inline-block;padding: 0 5px;width:100%;box-sizing:border-box;}
.pagination .active{background-color: #9f2925!important;}
.pagination .disabled{color: #333!important;}