@charset "utf-8";
/* CSS Document */
body {font-family:微软雅黑;font-size:14px;color: #333;margin:0;}
img{border:0;}
A:link {COLOR: #333; TEXT-DECORATION: none;}
A:visited{COLOR:#333; TEXT-DECORATION:none;}
A:hover{COLOR:#333; TEXT-DECORATION:none;}
ol, ul, li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;border-collapse:collapse;list-style-type:none;list-style:none;}
*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
.cl{clear:both;}

.synav{width:100%; height:47px; background:#333;}
.synav .synab{width:1200px; height:47px; margin:auto;}
.synav .synab .syright{width:600px; height:47px; float:right;}
.synav .synab .syright img{width:30px; height:30px; float:left; margin:8px 0px 9px 23px;}
.synav .synab .syright p{float:left; line-height:47px; padding:0px 10px; color:#d0d0d0; font-size:13px; }

.tops{position:relative;z-index:999; background: url(../images/nav_back.jpg) center no-repeat; text-align:center;}
.top_m_l{width:auto; display:inline-block; line-height:90px;}
.top_m_l img{float:left; height:24px; padding:33px 0;vertical-align: middle;}
.top_m_l p{width:auto; float:left; line-height:90px; font-size:23px; padding:0 20px 0 10px; font-family:Arial;background: linear-gradient(to bottom, #fff, #b7c5ff);-webkit-background-clip: text;color: transparent;}
.top_m_r{width:auto; display:inline-block;background: linear-gradient(to bottom, #fff, #b7c5ff);-webkit-background-clip: text;color: transparent;}
.top_m_r p{width:auto; float:left; line-height:90px; font-size:30px; font-weight:bold; font-family:宋体; padding:0 20px;}
.top_m_r span{width:auto; float:left; line-height:90px; font-size:18px; font-family:楷体;}

.shouji{width:34px; height:34px; position:relative; font-size:14px; line-height:34px; text-align:center; z-index:999;float:right; margin-left:15px; border:1px solid #cfd1d3; border-radius:50%;}
.shouji a{width:34px; height:34px; display:block; position:absolute; color:#333; left:0; top:0;background:url(../images/foot_phone.png) no-repeat center; text-decoration:none;}
.shouji .shouji_nr{width:120px; height:120px; padding:0px; background:#fff; border:1px solid #cfd1d3; text-align:center; position:absolute; z-index:9999;left:-43px; top:45px; display:none; line-height:20px;}
.shouji .shouji_nr img{ margin:10px; width:100px; height:100px;}
.shouji .shouji_nr .arrow{ width:0; height:0; border-bottom:10px solid #cfd1d3;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.shouji.on .shouji_nr{ display:block;}
.shouji.on{ background:url(../images/foot_phone.png) no-repeat center; background:#cfd1d3;}

.weixin{width:34px; height:34px; position:relative; font-size:14px; line-height:34px; text-align:center; z-index:999;float:right; margin-left:15px; border:1px solid #cfd1d3; border-radius:50%;}
.weixin a{width:34px; height:34px; display:block; position:absolute; color:#333; left:0; top:0;background:url(../images/foot_wechat.png) no-repeat center; text-decoration:none;}
.weixin .weixin_nr{width:120px; height:120px; padding:0px; background:#fff; border:1px solid #cfd1d3; text-align:center; position:absolute; z-index:9999;left:-43px; top:45px; display:none; line-height:20px;}
.weixin .weixin_nr img{ margin:10px; width:100px; height:100px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #cfd1d3;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on{ background:url(../images/foot_wechat.png) no-repeat center; background:#cfd1d3;}

@media screen and (max-width: 1050.98px) { 
.tops{ display:none;}
} 



.headbanner{width:100%; height:auto;}
.headbanner img{width:100%;}
.banner_key{width:100%;height:600px;}


.home_tit{width:auto; height:auto; line-height:40px; font-size:16px; color:#000; padding:3% 0px;text-align:center; margin:auto;}
.home_tit dl{width:100%;}
.home_tit dl dt{font-size:35px; line-height:60px; font-weight:bold;}
.home_tit dl dd{font-size:18px; color:#143b5a;}
.home_tit dl .dl_more{font-size:16px; color:#143b5a; width:264px; line-height:42px; border:1px solid #143b5a; border-radius:5px; margin:auto; text-align:center; margin-top:20px;}
.home_tit dl .dl_more .dt{width:50%; background:#143b5a; color:#fff; float:left;}
.home_tit dl .dl_more .dd{width:50%; float:left;color:#143b5a;}
.home_tit dl:hover .dl_more .dd{background:#143b5a; color:#fff;}

.home_tits{width:auto; height:auto; line-height:40px; font-size:16px; color:#fff; padding:3% 0px;text-align:center; margin:auto;}
.home_tits dl{width:100%;}
.home_tits dl dt{font-size:35px; line-height:60px; font-weight:bold;}
.home_tits dl dd{font-size:18px; color:#fff;}
.home_tits dl .dl_more{font-size:16px; color:#fff; width:264px; line-height:42px; border:1px solid #fff; border-radius:5px; margin:auto; text-align:center; margin-top:20px;}
.home_tits dl .dl_more .dt{width:50%; background:#fff; color:#143b5a; float:left;}
.home_tits dl .dl_more .dd{width:50%; float:left;color:#fff;}
.home_tits dl:hover .dl_more .dd{background:#fff; color:#143b5a;}

@media screen and (max-width: 850px) { 
.home_tit{padding:20px 0px;}
.home_tit dl{width:90%; margin:auto;}
.home_tit dl dt{font-size:23px; line-height:40px;}
.home_tit dl dd{font-size:14px; line-height:22px;}
.home_tit dl .dl_more{font-size:12px; width:200px; line-height:34px; margin-top:10px;}

.home_tits{padding:20px 0px;}
.home_tits dl{width:90%; margin:auto;}
.home_tits dl dt{font-size:23px; line-height:40px;}
.home_tits dl dd{font-size:14px; line-height:22px;}
.home_tits dl .dl_more{font-size:12px; width:200px; line-height:34px; margin-top:10px;}

}

.homeadvantage{width:100%; height:auto; text-align:center;background:url(../images/advantage_back.jpg) center no-repeat; background-attachment: fixed;}
.homeadvantage .adv_left{width:60%; float:left; padding:5% 0 2% 0;}
.homeadvantage .adv_left .adv_tit{width:100%; float:left; padding-bottom:4%; line-height:40px; text-align:left;}
.homeadvantage .adv_left .adv_tit p{font-size:30px; color:#000; font-weight:bold;}
.homeadvantage .adv_left .adv_tit span{font-size:20px; color:#143b5a; text-transform:uppercase; font-family:Arial;}
.homeadvantage .adv_left .list_botton{width:50%; height:auto; float:left; padding-bottom:4%;}
.homeadvantage .adv_left .list_botton .img{width:10%; height:auto; float:left; padding:5%; background:#143b5a; border-radius:50%; overflow:hidden; transition:all ease-in-out .5s;}
.homeadvantage .adv_left .list_botton .img img{width:100%;filter:drop-shadow(#fff 100px 0); position:relative;left:-100px;}
.homeadvantage .adv_left .list_botton dl{width:60%; height:auto; color:#333; float:left; text-align:left; padding:0 15% 0 5%;}
.homeadvantage .adv_left .list_botton dl dt{font-size:20px; line-height:30px;}
.homeadvantage .adv_left .list_botton dl dd{font-size:14px; line-height:25px; padding:4% 0;}
.homeadvantage .adv_left .list_botton:hover .img{transform:rotate(360deg);background:#2fa6e0;}
.homeadvantage .adv_left .list_botton:hover dl{color:#2fa6e0;}
.homeadvantage .adv_right{width:34%; float:right; background:#143b5a; padding:5% 3%;}
.homeadvantage .adv_right .adv_tit{width:100%; float:left; padding-bottom:4%; line-height:40px; text-align:left;}
.homeadvantage .adv_right .adv_tit p{font-size:30px; color:#fff; font-weight:bold;}
.homeadvantage .adv_right .adv_tit span{font-size:20px; color:#fff; text-transform:uppercase; font-family:Arial;}
.homeadvantage .adv_right .adv_img{width:100%; float:left; height:auto;}
.homeadvantage .adv_right .adv_img .adv_list{width:36%; float:left; height:auto; margin:2%; padding:5%; background:url(../images/honor_img.jpg) center no-repeat;background-size: 100% 100%;}
.homeadvantage .adv_right .adv_img .adv_list img{width:100%;}

@media screen and (max-width: 1400.98px) { 
.homeadvantage .adv_left .adv_tit{line-height:35px;}
.homeadvantage .adv_left .adv_tit p{font-size:25px;}
.homeadvantage .adv_left .adv_tit span{font-size:16px;}
.homeadvantage .adv_left .list_botton dl dt{font-size:18px; line-height:25px;}
.homeadvantage .adv_left .list_botton dl dd{font-size:12px; line-height:20px;}
.homeadvantage .adv_right .adv_tit{line-height:35px;}
.homeadvantage .adv_right .adv_tit p{font-size:25px;}
.homeadvantage .adv_right .adv_tit span{font-size:16px;}
}
@media screen and (max-width: 1200.98px) { 
.homeadvantage .adv_left{width:100%; float:left; padding:5% 0 2% 0;}
.homeadvantage .adv_left .adv_tit{line-height:30px;}
.homeadvantage .adv_left .adv_tit p{font-size:20px;}
.homeadvantage .adv_left .adv_tit span{font-size:14px;}
.homeadvantage .adv_right{width:90%; padding:5%;}
.homeadvantage .adv_right .adv_tit{line-height:30px;}
.homeadvantage .adv_right .adv_tit p{font-size:20px;}
.homeadvantage .adv_right .adv_tit span{font-size:14px;}
.homeadvantage .adv_right .adv_img .adv_list{width:19%; float:left; height:auto; margin:1%; padding:2%;}
}
@media screen and (max-width: 720.98px) { 
.homeadvantage .adv_left .list_botton{width:100%;}
.homeadvantage .adv_left .list_botton dl{width:75%; padding:0 0 0 5%;}
.homeadvantage .adv_left .list_botton dl dt{font-size:16px;}
.homeadvantage .adv_right .adv_img .adv_list{width:36%; float:left; height:auto; margin:2%; padding:5%;}
}
/*首页公告*/
.homeannouncement{width:100%; height:76px;z-index:2; margin-top:-38px; position:absolute;}
.announcement{width:100%; height:76px; background:#fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2);  box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.announcement .title{width:8%; line-height:20px; padding:18px 2%; color:#fff; background:#970301; float:left; font-size:15px;}
.announcement .title p{font-size:15px;}
.announcement .title span{font-size:12px; font-family:Arial; color:rgba(255,255,255,0.3); text-transform:uppercase;}
.announcement .an_news{width:60%; line-height:76px; float:left; padding:0 0 0 3%; font-size:14px; color:#5a5a5b; text-align:left;}
.announcement .an_news .an_news_list{width:45%; float:left; padding-right:5%;}
.announcement .an_news .an_news_list .list_left{float:left;}
.announcement .an_news .an_news_list .list_right{float:right; font-size:12px;}
@media screen and (max-width: 1200.98px) { 
.announcement .title{width:12%;}
.announcement .an_news{width:80%;}
.announcement .search{display:none;}
}
@media screen and (max-width: 960.98px) { 
.homeannouncement{display:none;}
}

/*首页产品*/
.product{width:100%; height:auto;}
.productlist{width:100%; line-height:30px; font-size:16px; color:#9c9b99; padding:3% 0;}
.productlist .dt_tit{width:100%; text-align:center;}
.productlist .dt_tit p{font-size:35px; color:#2bc3e0; line-height:60px;font-style:oblique;}
.productlist .dt_tit p span{font-size:15px;font-style:normal;}
.productlist .dt_tit span{font-size:16px;letter-spacing:2px;}
.productlist .dd_tit{width:100%; text-align:center; padding:3% 0 0 0;}
.productlist .dd_tit .list_con{width:auto; display:inline-block; margin:0 10px; padding:0 30px; background:#e4e4e4; color:#333; line-height:60px; font-size:18px; border-radius:6px;}
.productlist .dd_tit .list_con:hover{background:#143b5a;color:#fff;}
.productlist .dd_tit a:nth-child(1) .list_con{background:#143b5a;color:#fff;}


.pro_con{width:57%; height:auto; float:right;}
.procon{width:47%; height:auto; float:left; margin:0 0 3% 3%; background:#fff; text-align:center; position:relative;}
.procon .pimg{width:100%; height:auto;overflow:hidden;border-radius:3px; z-index:2;}
.procon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.procon .ptit{width:100%; color:#fff; font-size:18px;line-height:69px; z-index:2; text-align:left; position:absolute; bottom:0; background:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)); border-top:1px solid rgba(255,255,255,0.5); text-indent:30px;}
.procon .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(20,59,90,0.95); position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.procon .img_mask p{line-height:80px; width:80px; display:inline-block; background:#fff; color:#143b5a; border-radius:50%; text-align:center; font-size:35px; margin-top:25%;}
.procon a{color:#535353;}
.procon:hover a{color:#fff;}
.procon:hover .pimg img{transform:scale(1.1);}
.procon:hover .img_mask{width:100%; height:100%;}

.proconimg{width:43%; height:auto; float:left; text-align:center; position:relative;border-radius:3px;}
.proconimg .pimg{width:99%; height:auto;overflow:hidden; z-index:2; float:left; border:1px solid #cdcdcd;}
.proconimg .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.proconimg .ptit{width:100%; color:#333; font-size:16px;line-height:40px; overflow:hidden; z-index:2; float:left; text-align:left; padding:5% 0; border-bottom:1px solid #cdcdcd;}
.proconimg .ptit p{font-size:25px;}
.proconimg .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(20,59,90,0.95); position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.proconimg .img_mask p{line-height:80px; width:80px; display:inline-block; background:#fff; color:#143b5a; border-radius:50%; text-align:center; font-size:35px; margin-top:40%;}
.proconimg a{color:#535353;}
.proconimg:hover a{color:#fff;}
.proconimg:hover .pimg img{transform:scale(1.1);}
.proconimg:hover .img_mask{width:100%; height:100%;}


@media screen and (max-width: 1300px) { 
.procon .ptit{font-size:14px;}
.procon .img_mask p{line-height:60px; width:60px; font-size:25px;}
.proconimg .ptit{font-size:14px;line-height:30px;}
.proconimg .ptit p{font-size:20px;}
.proconimg .img_mask p{line-height:60px; width:60px; font-size:25px;}
} 
@media screen and (max-width: 960px) { 
.pro_con{width:100%;}
.procon{width:48%; margin:1%;}
.proconimg{width:100%;}
.proconimg .ptit{padding:2% 0;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.proconimg .ptit{font-size:13px;line-height:25px;padding:5% 0;}
.proconimg .ptit p{font-size:18px;}
} 
/* 设置了浏览器宽度不大于660px时 */


/*首页工程案例*/
.homecase{width:100%; height:auto; padding:1% 0 5% 0; background:url(../images/case_back.jpg) top center no-repeat;}
.case_con{width:100%; height:auto;}
.casecon{width:25%; height:auto; float:left;text-align:center; position:relative;}
.casecon .pimg{width:100%; height:auto;overflow:hidden; z-index:2;}
.casecon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.casecon .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(2,178,181,0.95); border-left:1px solid #143b5a; border-right:1px solid #143b5a; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.casecon .img_mask p{line-height:60px; width:auto; padding:0 30px; display:inline-block; border:1px solid #fff; color:#fff; text-align:center; font-size:16px; margin-top:40%;}
.casecon a{color:#535353;}
.casecon:hover a{color:#fff;}
.casecon:hover .pimg img{transform:scale(1.1);}
.casecon:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 860px) { 
.casecon{width:50%;}
.casecon .img_mask p{font-size:14px;line-height:50px; margin-top:35%;padding:0 15px;}
} 
/* 设置了浏览器宽度不大于860px时 */

/*首页关于我们*/
.plant{width:100%; height:auto; text-align:center; background:url(../images/plant_back.jpg) center no-repeat; background-attachment:fixed; padding-bottom:3%;}
.plant .plant_img{width:24%; height:auto; float:left; margin:0% 0.5% 1% 0.5%; text-align:center; position:relative;}
.plant .plant_img .pimg{width:100%; height:auto;overflow:hidden;border-radius:10px; z-index:2;}
.plant .plant_img .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.plant .plant_img .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(20,59,90,0.95); position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:8px;}
.plant .plant_img .img_mask p{line-height:60px; width:auto; display:inline-block; background:#fff; color:#143b5a; text-align:center; font-size:16px; margin-top:25%; padding:0 30px; border-radius:10px; font-weight:bold;}
.plant .plant_img a{color:#535353;}
.plant .plant_img:hover a{color:#fff;}
.plant .plant_img:hover .pimg img{transform:scale(1.1);}
.plant .plant_img:hover .img_mask{width:100%; height:100%;}

.syabout{width:100%; height:auto; margin:4% 0;}
.syabout img{width:45%; height:auto; float:left;}
.syabout .video{width:45%; height:auto; float:left;}
.syabout .aboutright{width:50%; height:auto; float:right; text-align:left; color:#767e8d; font-size:15px; line-height:30px;}
.syabout .aboutright .home_tit{width:auto; height:auto; line-height:30px; font-size:16px; color:#000;text-align:left;}
.syabout .aboutright .home_tit dl{width:100%;}
.syabout .aboutright .home_tit dl dt{font-size:30px; line-height:50px; font-weight:bold;}
.syabout .aboutright .home_tit dl dd{font-size:20px; font-family:Arial; text-transform:uppercase;}
.syabout .aboutright .about_txt{width:100%; height:auto;}
.syabout .aboutright .plant_txt{width:100%;font-size:20px; font-family:Arial;line-height:60px; font-weight:bold; color:#000;}
.syabout .aboutright .plant_img{width:100%; height:auto;}
.syabout .aboutright .plant_img .plant_list{width:29.3%; height:auto; margin:0 3% 3% 0; border:1px solid #cdcdcd; float:left;}
.syabout .aboutright .plant_img .plant_list img{width:100%;}

@media screen and (max-width: 1300.98px) { 
.syabout .aboutright .home_tit{padding:0;}
.syabout .aboutright .home_tit dl dt{font-size:20px; line-height:30px;}
.syabout .aboutright .home_tit dl dd{font-size:16px;}
.syabout .aboutright{font-size:14px; line-height:28px;}
}  
@media screen and (max-width: 960.98px) { 
.plant .plant_img{width:49%;}
.syabout img{width:100%;}
.syabout .aboutright{width:100%; padding:3% 0;}
.syabout .aboutright .home_tit{padding:10px 0px;}
.syabout .aboutright .about_txt{width:auto; height:auto; padding-left:0px;}
.syabout .aboutright .plant_txt{font-size:16px;}
} 

/*首页新闻中心*/
.synews{width:100%; height:auto; padding:0 0 4% 0;}
.synews .newsleft{width:25%; height:auto; float:left;}
.synews .newsleft .news_in{width:100%; height:auto; float:left; text-align:left; text-indent:20px; font-size:14px; line-height:45px; border-bottom:1px dashed #e4e4e4; transition:all ease-in-out .3s;}
.synews .newsleft a:nth-child(1) .news_in{background:#143b5a; color:#fff; border-bottom:1px solid #143b5a;}
.synews .newsleft .news_in:hover{background:#143b5a; color:#fff; border-bottom:1px solid #143b5a;}
.synews .newsleft .news_more{width:100%; height:auto; float:left; text-align:center; font-size:13px; line-height:52px; background:#143b5a; color:#fff; transition:all ease-in-out .3s; text-transform:uppercase; font-family:Arial;}
.synews .newsleft .news_more:hover{background:#2fa6e0;}
.synews .newsright{width:23%; height:auto; float:left; padding-left:2%; position:relative;}
.synews .newsright img{width:100%; height:auto; float:left;}
.synews .newsright .img_txt{width:100%; height:auto; float:left; padding-bottom:5%; color:#999; line-height:25px;}
.synews .newsright .img_txt span{font-size:13px;}
.synews .newsright .img_txt p{font-size:16px; color:#143b5a; font-weight:bold; line-height:40px;}
.synews .newsright .img_txt .p_more{width:60%; line-height:50px; font-size:14px; background:#143b5a; color:#fff; text-align:center; text-transform:uppercase; font-family:Arial; position:absolute; bottom:30px; margin:0 20%;}
.synews .newsright:hover .img_txt .p_more{background:#2fa6e0;}

@media screen and (max-width: 1200.98px) {
.synews .newsleft{width:100%;}
.synews .newsright{width:31.3%; padding:2% 1%;}
} 
@media screen and (max-width: 860px) {
.synews .newsright{width:100%; padding:2% 0%;}
} 
.foot_key{width:100%; height:auto; background:url(../images/bottom.jpg) center no-repeat; background-attachment:fixed; padding:5% 0; color:#fff; text-align:center;}
.foot_key dl{width:100%;}
.foot_key dl dt{font-size:35px; font-weight:bold; line-height:50px;}
.foot_key dl dd{font-size:16px; line-height:30px;padding:2% 0; width:60%; margin:auto;}
.foot_key .dl_more{font-size:16px; color:#fff; width:264px; line-height:42px; border:1px solid #fff; border-radius:5px; margin:auto; text-align:center; font-weight:bold;}
.foot_key .dl_more .dt{width:40%; background:#fff; color:#143b5a; float:left;}
.foot_key .dl_more .dd{width:60%; float:left;color:#fff; font-family:Arial;font-size:18px;}
@media screen and (max-width: 1200.98px) {
.foot_key dl dt{font-size:30px;}
.foot_key dl dd{font-size:16px; width:90%;}
} 
@media screen and (max-width: 860.98px) {
.foot_key{padding:8% 0;}
.foot_key dl dt{font-size:20px; line-height:30px;}
.foot_key dl dd{font-size:14px;line-height:25px;padding:4% 0;}
} 

/*页脚*/
.footnav{width:100%; height:auto; text-decoration:none; padding:3% 0; color:#7b7b7b;font-size:14px;}
.footnav .logo_m{width:28%; height:auto; float:right; text-align:left;}
.footnav .logo_m .search{width:100%;height:50px; float:right; padding-top:2%;}
.footnav .logo_m .search .key{width:75%;height:50px;line-height:50px;border:0;float:left; color:#5a5a5b; font-size:14px;  text-indent:20px; background:#ebebeb;}
.footnav .logo_m .search .key[type="text"]:focus{outline:none;}
.footnav .logo_m .search .sub{float:right;width:25%;height:50px;background:#143b5a;border:none;cursor:pointer; color:#fff; font-size:16px;}
.footnav .logo_m .search .sub span{display:none;}
.footnav .logo_m .dt{width:100%; float:left; line-height:50px;color:#333; font-size:18px; text-transform:uppercase; font-weight:bold; font-family:Arial;}
.footnav .logo_m .dd{width:100%; float:left; line-height:25px;color:#7b7b7b; padding-top:4%;}
.footnav .tit{width:12%; height:auto; float:left; text-align:left;}
.footnav .tit .dt{width:100%; float:left; line-height:50px;color:#333; font-size:18px; text-transform:uppercase; font-weight:bold; font-family:Arial;}
.footnav .tit .dd{width:100%; float:left; line-height:30px;color:#7b7b7b;}
.footnav .tit .dd span{font-size:20px;}
.footnav .tit .dd:hover{color:#143b5a;}
.footnav .pit{width:24%; height:auto; float:left; text-align:left;}
.footnav .pit .dt{width:100%; float:left; line-height:50px;color:#333; font-size:18px; text-transform:uppercase; font-weight:bold; font-family:Arial;}
.footnav .pit .dd{width:50%; float:left; line-height:30px;color:#7b7b7b;}
.footnav .pit .dd span{font-size:20px;}
.footnav .pit .dd:hover{color:#143b5a;}
.footnav .titlink{width:24%; height:auto; float:left; text-align:left;}
.footnav .titlink .dt{width:100%; float:left; line-height:50px;color:#333; font-size:18px; text-transform:uppercase; font-weight:bold; font-family:Arial;}
.footnav .titlink .dd{width:50%; float:left; line-height:30px;color:#7b7b7b;}
.footnav .titlink .dd span{font-size:20px;}
.footnav .titlink .dd:hover{color:#143b5a;}
.ding{width:64px; height:64px; position:absolute; right:0px;}
.footer{width:100%; line-height:30px; padding:25px 0; text-align:center; border-top:1px solid #e7e7e7;color:#7b7b7b;font-size:14px;}
.footer a{color:#7b7b7b;}
.footer a:hover{color:#143b5a !important;}
@media screen and (max-width: 1100px) { 
.footnav{padding:3% 0;font-size:13px;}
.footnav .logo_m{width:100%; text-align:left;border-left:0;}
.footnav .logo_m .dt{line-height:40px; font-size:15px;}
.footnav .logo_m .dd{padding-top:2%;}
.footnav .tit{width:100%;}
.footnav .tit .dt{line-height:40px; font-size:15px;}
.footnav .tit .dd{width:25%;}
.footnav .pit{width:100%;}
.footnav .pit .dt{line-height:40px; font-size:15px;}
.footnav .pit .dd{width:25%;}
.footnav .titlink{width:100%;}
.footnav .titlink .dt{line-height:40px; font-size:15px;}
.footnav .titlink .dd{width:25%;}
.footer{text-align:left;}
} 
@media screen and (max-width: 660px) {
.footnav .pit .dd{width:33.3%;}
.footnav .titlink .dd{width:33.3%;}
.footer{line-height:30px; padding:10px 0 90px 0;}
} 

/*font*/
@font-face {
	font-family: "commonfont";
	src: url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* footer */
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background:#143b5a;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
}

@media screen and (max-width: 660px) { 
.footer_float {
	height:70px;
	padding:5px 0;
}
} 
/* 设置了浏览器宽度不大于660px时 */


.pagelist{ width:100%; height:auto; margin-top:15px;}
.center {text-align: center;}

.news_tit{ width:900px; height:60px; overflow:hidden; line-height:80px; font-size:20px; text-align:center;}
.news_date{ width:900px; height:34px; line-height:34px; color:#919191; text-align:center;}
.news_con{ width:900px; height:auto; overflow:hidden; padding-top:20px; padding-bottom:30px;}
.news_pre{ width:900px; height:36px; line-height:36px; border-bottom:1px solid #d2d2d2; color:#8d8d8d; text-indent:45px;}
.news_pre a{ color:#8d8d8d;}
.proimg{ width:550px; height:auto; margin:20px auto 0; text-align:center;}


.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 


/* 内页左边 */
.ny_left{width:100%; height:auto; line-height:70px;}
.ny_left .div_tit{color:#adadad; padding-left: 26px; font-size:12px; background: url(../images/home_icon.png) left center no-repeat; float:right;}
.ny_left .div_list{width:auto; font-size:16px; font-weight:bold; color:#333; text-align:center;}
.ny_left .div_list .list_con{width:10%; color:#333; line-height:70px; border-right:1px dotted #d6d6d6; float:left; transition:all ease-in-out .3s;}
.ny_left .div_list a:nth-child(1) .list_con{background:#143b5a; color:#fff;border-right:none;}
.ny_left .div_list .list_con:hover{background:#143b5a; color:#fff;}

/* 内页右边 */
.ny_right{width:100%; float:left; height:auto; padding:4% 0;}
.ny_right img{max-width:100%;}
.ny_right_content{width:100%; height:auto; line-height:30px; color:#333; padding-bottom:3%;}
.ny_right_content img{max-width:100%;}

.ny_right_content .ny_img_left{width:40%; height:auto; float:left;}
.ny_right_content .ny_img_right{width:56%; height:auto; float:right; text-align:left;}
.ny_right_content .ny_img_right h3{padding-bottom:2%; font-weight:bold;}


@media screen and (max-width: 1200px) { 
.ny_left .div_list{font-size:14px;}
} 
@media screen and (max-width: 960px) { 
.ny_left .div_tit{display:none;}
.ny_left .div_list .list_con{width:24.5%; line-height:45px; margin-top:10px;}
.ny_right_content .ny_img_left{width:100%;}
.ny_right_content .ny_img_right{width:100%;}
} 
/* 联系内页左边 */
.nycontact_left{width:30%; float:right; height:auto; margin-bottom:20px;}
.nycontact_left .TwoOfTwo .aboutus{width:100%; margin-bottom:20px; background:#fff;border-radius:10px 10px 0 0; color:#333;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .2);  box-shadow:0 0 20px rgba(0, 0, 0, .2);}
.nycontact_left .TwoOfTwo .aboutus p{line-height:87px; font-size:22px; font-weight:bold; text-align:left; color:#fff; background:#143b5a; text-align:center;border-radius:10px 10px 0 0;}
.nycontact_left .TwoOfTwo .aboutus .div_list{width:80%; font-size:14px; color:#333; text-align:center; padding:10%;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message{width:100%;height:auto; font-size:16px; text-align:left;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .left_txt{width:100%; font-size:14px;line-height:50px; text-indent:20px; color:#333; background:#fff; margin-bottom:18px; border:1px solid #b9b9b9; border-radius:4px;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .submit{width:100%; font-size:18px;line-height:52px; background:#143b5a; border:0; text-align:center; color:#fff; text-transform:uppercase; border-radius:4px;}

/* 联系内页右边 */
.nycontact_right{width:64%; float:left; height:auto;background:#fff;}
.nycontact_right_tit{width:100%; line-height:60px; border-bottom:1px solid #ccc; margin-bottom:30px; text-align:right; font-size:16px;}
.nycontact_right_content{width:100%; height:auto; line-height:30px; color:#333;}
.nycontact_right_content img{max-width:100%;}
 
@media screen and (max-width: 1100px) { 
.nycontact_left{width:100%;}
.nycontact_left .TwoOfTwo .aboutus p{line-height:60px; font-size:20px;}
.nycontact_left .TwoOfTwo .aboutus .div_list{padding:5% 10%;}
.nycontact_right{width:80%;padding:2% 10%;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nycontact_right_tit{font-size:14px; margin-bottom:20px;}
.nycontact_left{width:100%;}
} 
/* 设置了浏览器宽度不大于660px时 */

.nypro-list{width:24%; height:auto; float:left; margin:0% 0.5%; background:#fff; text-align:center; position:relative;}
.nypro-list .pimg{width:100%; height:auto;overflow:hidden;border-radius:3px; border:1px solid #dfdfdf; z-index:2;}
.nypro-list .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;}
.nypro-list .ptit{width:100%; line-height:80px; color:#383a4e; font-size:16px; font-weight:bold; overflow:hidden; z-index:2;}
.nypro-list .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(20,59,90,0.95); border-left:1px solid #143b5a; border-right:1px solid #143b5a; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.nypro-list .img_mask p{line-height:80px; width:auto; padding:0 20px; display:inline-block; border:1px solid #fff;  border-radius:8px;color:#fff; text-align:center; font-size:16px; margin-top:28%;}
.nypro-list a{color:#535353;}
.nypro-list:hover a{color:#fff;}
.nypro-list:hover .pimg img{transform:scale(1.1);}
.nypro-list:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 1200px) { 
.nypro-list{width:32.3%;}
.nypro-list .ptit{line-height:50px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 860px) { 
.nypro-list{width:48%;margin:3% 1% 0 1%;}
.nypro-list .img_mask p{font-size:14px;line-height:60px;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.nypro-list .ptit{line-height:40px; font-size:13px;}
.nypro-list .ptit_more{line-height:40px; font-size:13px;width:70%;}
} 
/* 设置了浏览器宽度不大于660px时 */

/* 项目内页 */
.ny_img_com{width:100%; padding:4% 0; height:auto; background:#fff; margin:auto;}
.ny_img_com .ny_img_left{width:40%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:56%; height:auto; float:right; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{width:100%; line-height:25px; padding-bottom:4%; font-size:21px; color:#333;}
.ny_img_com .ny_img_center .tit_h2{width:92%; height:auto; line-height:30px; padding:4%; margin-bottom:5%; background:#eaeaea; font-size:14px; color:#333;}
.ny_img_com .ny_img_center .tit_h3{width:100%; height:auto; line-height:25px; padding:0 0 5% 0; font-size:14px; color:#575757; float:left;}
.ny_img_com .ny_img_center .tit_h3 span{color:#e30013; padding-right:10px;}
.ny_img_com .ny_img_center .tit_message{width:45%; line-height:40px; background:#e30013; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_message a{color:#fff;}
.ny_img_com .ny_img_center .tit_message:hover{background:#eb4f38;}
.ny_img_com .ny_img_center .tit_message:hover a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong{width:45%; line-height:40px; background:#eb4f38; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_fasong a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong:hover{background:#e30013;}
.ny_img_com .ny_img_center .tit_fasong:hover a{color:#fff;}

@media screen and (max-width: 1000px) { 
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{font-size:18px;}
.ny_img_com .ny_img_center .tit_h2{font-size:12px;}
.ny_img_com .ny_img_center .tit_h3{height:0px; padding:0; overflow:hidden;}
} 
/* 设置了浏览器宽度不大于660px时 */

/*内页新闻*/
.nynewslist{width:100%; height:auto;}
.nynewslist li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px solid #ededed;}
.nynewslist li a{ font-size:16px; color:#333; line-height:30px;transition:all ease-in-out .3s;}
.nynewslist li:hover a{text-decoration:none; color:#143b5a; font-weight:bold; padding-left:20px;}
.nynewslist li span{ font-size:14px; color:#787878; line-height:25px;}
.nynewslist li:hover{background:#ececec;}

/*内页新闻加图片*/
.nynewsimg{width:100%; height:auto;}
.nynewsimg li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px dotted #ccc;}
.nynewsimg li img{width:28%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:65%; height:auto; float:right;}
.nynewsimg li dl dt{font-size:16px; color:#333; line-height:50px;}
.nynewsimg li dl dd{font-size:14px; color:#787878; line-height:25px;}
.nynewsimg li a{ font-size:16px; color:#333; line-height:27px;}
.nynewsimg li:hover img{border:1px solid #143b5a;}
.nynewsimg li:hover dl dt{color:#143b5a; font-weight:bold;}
.nynewsimg li:hover{background:#ececec;}

@media screen and (max-width: 1000px) { 
.nynewsimg li img{width:38%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:55%; height:auto; float:right;}
.nynewsimg li dl dt{line-height:35px;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nynewsimg li img{width:90%; padding:5%;}
.nynewsimg li dl{width:90%; padding:5%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; padding:10px 0;}
.article_title h1{font-size:20px; line-height:30px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{width:100%; padding:30px 0px;}
.newsnext li{width:100%; height:30px; line-height:30px;}
.newsnext li a{color:#333; line-height:30px;}
.newsnext li a:hover{color:#143b5a; cursor:pointer; text-decoration:none;}
.artdet{width:100%; line-height:50px; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:25px; background:#efefef;}

.nyproleft{width:480px; height:440px; text-align:left;}
.nyprolefts{width:480px; height:440px; text-align:left;}
#tbody {width:305px;margin:0px auto;}
#mainbody {width:305px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width:400px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height:40px; height: 40px; overflow: hidden; color:#616161; font-size:15px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #143b5a; font-size: 26px;}
.nyproright a{ display:block; background: #143b5a url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width:100%; height:60px; line-height:50px; text-align:left; color:#333; font-size:16px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;text-transform:uppercase;}

.page_list{text-align:center;letter-spacing:0;font-size:15px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list .page-status{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index a{color:#979797;}
.page_list .page-index:hover{color:#fff;border:1px solid #143b5a; background:#143b5a;}
.page_list .page-index:hover a{color:#fff;}

.page_list .page-pre{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-pre a{color:#979797;}
.page_list .page-pre:hover{color:#fff;border:1px solid #143b5a; background:#143b5a;}
.page_list .page-pre:hover a{color:#fff;}

.page_list .page-numbar .page-num{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-numbar .page-num a{color:#979797;}
.page_list .page-numbar .page-num:hover{color:#fff;border:1px solid #143b5a; background:#143b5a;}
.page_list .page-numbar .page-num:hover a{color:#fff;}

.page_list .page-next{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-next a{color:#979797;}
.page_list .page-next:hover{color:#fff;border:1px solid #143b5a; background:#143b5a;}
.page_list .page-next:hover a{color:#fff;}

.page_list .page-last{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-last a{color:#979797;}
.page_list .page-last:hover{color:#fff;border:1px solid #143b5a; background:#143b5a;}
.page_list .page-last:hover a{color:#fff;}


/*link*/
.sylink{width:100%; height:64px; background:#143b5a; text-align:left;}
.sylink .linkcen{width:1200px; height:64px; line-height:64px; font-size:15px; color:#fff; margin:auto;}
.sylink .linkcen span{float:left; padding:0px 15px 0px 0px;}
.sylink .linkcen a{color:#fff; text-decoration:none; line-height:64px; padding:0px 10px;}
.sylink .linkcen a:hover{color:#e0edff; text-decoration:none;}

/*link*/
.hy { width: 1200px; margin:auto; height:132px; margin-top:30px;}
.hy_top {width: 1200px; height: 46px; border-bottom:1px #d3d3d3 solid; float:left;}
.hy_top ul li { float: left; height: 46px; line-height: 46px; width: 102px; font-size:20px; font-weight:bold;}
.hy_top ul li span{ width:12px; color:#143b5a; float:right;}
.hy_top ul li a { display: block; height: 46px; width: 90px; color: #333; text-align:center; text-decoration:none;}
.hy_top ul li a:hover, .hy_top ul .cur a {  height: 43px; width: 90px; color:#143b5a; border-bottom:3px #143b5a solid; text-decoration:none;}
.hy_con {width: 1200px;  height: 83px; margin-top:20px; float:left; line-height:25px;}