@charset "utf-8";

.main{width:100%;padding-bottom:30px}

.gunbox{width:100%;background:#c1e9ff;padding:10px 0}

.box-lanrenzhijia{width:1180px;height:30px;position:relative;}

.ashow2{width:1121px;float:left;display:inline;margin-left:29px}

.list_02 li{float:left;overflow:hidden;width:100px;height:30px;position:relative;text-align:center;line-height:30px;margin:0 1px}

.list_02 li a{width:100px;height:30px;display:block;border-radius:15px;color:#16519f;font-size:16px;background:#c1e9ff}

.list_02 li a:hover{background:#6badff;color:#fff}

.al{background:url("../images/left.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/left.png*/ no-repeat;left:0px;top:0px;position:absolute;overflow:hidden;width:29px;height:29px;cursor:pointer;z-index:1000}

.ar{background:url("../images/right.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/right.png*/ no-repeat;right:0px;top:0px;position:absolute;overflow:hidden;width:29px;height:29px;cursor:pointer;z-index:1000;}

.title .more{display:inline-block;float:right;color:#999;font-size:14px;margin-top:8px}

.title h1{color:#155b9d;font-weight:bold;font-size:24px;}

.title h1 span{display:inline-block;vertical-align:middle;margin-right:8px;margin-top:-3px}

.title h1 em{color:#999;font-size:12px;display:inline-block;margin-left:8px;font-weight:normal}

.section .step{padding-top:35px;padding-bottom:18px}

.step .goods{padding-top:28px}

.step .goods ul{width:1200px}

.step .goods li{float:left;width:280px;background:#fff;margin-right:20px;text-align:center;padding-bottom:13px;margin-bottom:20px;transition:all 0.3s;position:relative}

.step .goods li .blue{width:100%;height:213px;background:rgba(33,109,208,0.2);position:absolute;top:0;left:0;display:none}

.step .goods li:hover .blue{display:block}

.step .goods li .img{width:280px;height:213px;overflow:hidden}

.step .goods li .img img{width:100%;height:auto;}

.step .goods li a span{color:#165b9d;font-size:16px;display:block;padding-top:9px}

.step .goods li a p{color:#999;font-size:14px;}

.step .goods li:hover{background:#165b9d;}

.step .goods li:hover a span,.step .goods li:hover a p{color:#fff}

.main .sybox{width:100%;background:#f9f9f9}

.section .step2{padding-top:35px;padding-bottom:18px}

.step2 .left{width:384px;}

.step2 .right{width:764px;}

#owl-demo{position:relative;width:384px;height:326px;}

#owl-demo .item{position:relative;display:block;}

#owl-demo .item .img{position:relative;width:370px;height:245px;padding:7px;background:#f2f2f2;margin-bottom:25px; overflow:hidden}

#owl-demo img{display:block;width:100%;height:245px;}

#owl-demo dd{display:inline-block;width:230px;margin:0;padding:0;margin-right:4px}

.owl-pagination{position:absolute;left:7px;top:222px;width:370px;height:10px;text-align:center;background:rgba(0,0,0,0.6);padding:10px 0}

.owl-page{display:inline-block;width:10px;height:10px;margin:0 4px;*display:inline;*zoom:1;border-radius:100%;background:#fff}

.owl-pagination .active{background:#155b9d}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

#owl-demo .item .read{height:40px;background:#fff;line-height:40px;overflow:hidden}

#owl-demo .item .read a span{display:inline-block;width:60px;text-align:center;background:#155b9d;color:#fff;font-size:14px;height:40px;line-height:40px;float:left;}

#owl-demo .item .read a p{color:#777;font-size:14px;padding:0 12px;display:inline-block;font-weight:bold;height:40px;line-height:40px;overflow:hidden;float:left;width:298px;text-align: justify;}

/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url("grabbing.png")/*tpa=http://www.hbyxlj.com/Themes/default/css/grabbing.png*/ 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}

.step2 .right li{border-bottom:1px solid #eee;padding-bottom:13px;margin-bottom:24px}

.step2 .right li .time{width:70px;text-align:center;color:#ccc;font-size:16px;margin-top:-13px}

.step2 .right li .wz{width:660px}

.step2 .right li span{display:block;font-size:55px;height:70px}

.step2 .right li a h2{color:#333;font-size:16px;font-weight:bold;margin-bottom:13px}

.step2 .right li a p{color:#666;font-size:14px;line-height:21px;height:42px;overflow:hidden}

.step2 .step02{padding-top:30px}

.step2 .right li:hover span,.step2 .right li:hover .time,.step2 .right li:hover a h2{color:#155b9d}

.sybox2{width:100%;background:#f2f8ff}

.section .step3{padding-top:35px;padding-bottom:25px}

.step3 .step03{padding-top:18px}

.step3 .left{width:664px;height:256px;overflow:hidden}

.step3 .left p{color:#666;font-size:14px;line-height:32px;text-align: justify;}

.step3 .right{width:482px;}

.section .step4{padding-top:35px;padding-bottom:25px}

.step4 .step04{padding-top:28px}

.step4 .left{width:383px;}

.step4 .right p{color:#777;font-size:14px;line-height:32px}

.step4 .right{width:765px;height:256px;overflow:hidden}

.sybox3{width:100%;background:url("../images/bg.jpg")/*tpa=http://www.hbyxlj.com/Themes/default/images/bg.jpg*/ no-repeat}

.section .step5{padding-top:35px;padding-bottom:41px}

.step5 .title h1,.step5 .title .more,.step5 .title h1 em{color:#fff}



.step5 .mr_frUl li{float:left;overflow:hidden;height:261px;width:264px;margin-right:15px;text-align:center;background:#fff;padding:8px}

.step5 .mr_frUl li img{width:264px;height:197px;}

.step5 .mr_frbox{width:1180px;overflow:hidden;padding-top:28px;}

.mr_frUl li a p{color:#155b9d;font-size:14px;line-height:24px;height:48px;overflow:hidden;text-align:center;margin-top:16px}

.step5 .mr_frbox .an_box{width:79px;margin:0 auto;margin-top:30px}

.step5 .mr_frbox span{display:inline-block;background:url("../images/ico.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/ico.png*/ no-repeat;width:30px;height:30px;cursor:pointer}

.step5 .mr_frbox span.prev{float:left}

.step5 .mr_frbox span.prev:hover{background-position:0 -41px;}

.step5 .mr_frbox span.next{float:right;background-position:-49px 0px;}

.step5 .mr_frbox span.next:hover{background-position:-49px -41px;}

.step5 .mr_frUl li .img{width:264px;height:197px;overflow:hidden;position:relative;}

.step5 .mr_frUl li:hover{background:#08346d}

.step5 .mr_frUl li:hover a p{color:#fff}

.main .friend{background:url("../images/friend.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/friend.png*/ no-repeat left top;padding-left:114px;padding-top:30px;margin-top:30px;min-height:48px}

.friend a{display:inline-block;margin:0 5px;color:#666;font-size:14px;line-height:24px;}

.friend a:hover{color:#155b9d}



/*产品展示*/

.ny_banner img{width:100%;}

.main .home{width:100%;background:#f7f7f7;height:36px;color:#666;font-size:14px;line-height:36px;}

.home a{color:#666;font-size:14px;}

.main .content{padding:30px 0 50px 0}

.content .leftside{width:200px;}

.content .rightside{width:950px}

.leftside h1{background:#155b9d;color:#fff;font-size:24px;padding:12px 20px 16px 20px}

.leftside h1 span{display:block;color:#fff;font-size:12px;padding-top:4px}

.nav{padding-bottom:30px}

.nav01{position:relative;}

.nav01 a{color:#666;font-size:16px;background:#f3f3f3 url("../images/jiantou.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/jiantou.png*/ no-repeat 90% center;display:block;border-bottom:1px solid #dfdfdf;height:40px;line-height:40px;padding-left:20px}

.nav02{display:none;background:#f7f7f7;margin-top:-1px}

.nav02 ul{margin:0;padding:0;}

.nav02 li{height:30px;border-top:1px dashed #ddd;padding-left:24px;}

.nav02 li a{color:#999;font-size:16px;line-height:30px;display:block;height:30px;background:url("../images/xdd.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/xdd.png*/ no-repeat left center;padding-left:10px}

.nav02 li a:hover{color:#155b9d}

.nav01.none a{border-bottom:none}

/*.nav02 li a:hover,.nav02 li a.cur{color:#08346d;}*/

.nav01.open a,.nav01 a:hover,.nav01 a.move{background:#08346d url("../images/jiantou2.png")/*tpa=http://www.hbyxlj.com/Themes/default/images/jiantou2.png*/ no-repeat 90% center;color:#fff}

.nav01 a.one{border-top:none}

.waybox h2{height:51px;line-height:51px;color:#fff;font-size:16px;font-weight:bold;padding:0 20px;background:#155b9d}

.waybox .waylist{border:1px solid #155b9d;padding:15px 8px 52px 8px;}

.waybox .waylist .pic{width:182px;height:77px;overflow:hidden;margin-bottom:11px}

.waybox .waylist p{color:#999;font-size:14px;clear:both;padding:5px;}

.waybox .waylist p em{color:#155b9d}

.waybox .waylist p span.fl{display:inline-block;margin-right:5px;margin-bottom:5px;height:22px;margin-top:2px}

.waybox .waylist p span.fr{width:143px;padding-top: 3px;}

.products ul{width:966px}

.products li{float:left;width:306px;background:#fff;margin-right:16px;text-align:center;padding-bottom:13px;margin-bottom:30px;transition:all 0.3s;position:relative}

.products li .blue{width:100%;height:233px;background:rgba(33,109,208,0.2);position:absolute;top:0;left:0;display:none}

.products li:hover .blue{display:block}

.products li .img{width:306px;height:233px;overflow:hidden}

.products li .img img{width:100%;height:auto;}

.products li a span{color:#165b9d;font-size:16px;display:block;padding-top:9px}

.products li a p{color:#999;font-size:14px;}

.products li:hover{background:#165b9d;}

.products li:hover a span,.products li:hover a p{color:#fff}

.products2 .pp_top{padding-bottom:30px;position:relative}

.products2 .pp_left{width:394px}

.products2 .pp_right{width:536px}

.products2 .pp_right h3{color:#155b9d;font-size:18px;font-weight:bold;border-bottom:1px dashed #e8e8e8;padding-bottom:12px}

.pp_right h3 span{color:#9d1515;font-size:14px;font-weight:normal}

.pp_right .download{height:56px;overflow:hidden}

.pp_right .download a{color:#666;font-size:14px;display:inline-block;margin-right:28px;margin-top:8px}

.pp_right .download a:hover{color:#155b9d;font-weight:bold}

.download a span{display:inline-block;vertical-align:middle;margin-right:10px;margin-top:-2px}

.pp_right .share{padding-top:26px;float:right}

.pp_right .share a{display:inline-block;margin-top:-2px}

.products2 .pp_middle{padding-bottom:31px}

.pp_middle .tab_title{border-bottom:2px solid #155b9d}

.tab_title li{float:left}

.tab_title li a{display:inline-block;width:120px;height:35px;text-align:center;line-height:35px;color:#666;font-size:16px;background:#f3f3f3;margin-right:8px}

.tab_title li a.on{background:#155b9d;color:#fff}

.pp_middle .tab_list{padding-top:17px}

.pp_middle .tab_list .group{display:none;line-height:30px}

.pp_middle .group p{color:#666;font-size:16px;}

.pp_middle .group h4{color:#155b9d;font-weight:bold;font-size:16px;padding-bottom:4px}

.products2 .pp_down{border-top:1px solid #c7c7c7;padding-top:40px}

.pp_down h5{color:#155b9d;font-size:18px;font-weight:bold;border-left:5px solid #155b9d;padding-left:8px;margin-bottom:27px}

.content .db_down{border-top:1px solid #e5e5e5;padding-top:10px;margin-top:44px}

.content .fybox span{display:block;color:#155b9d;font-size:16px;font-weight:bold;line-height:28px}

.content .fybox span a{font-weight:normal;color:#666;}

.content .back a{display:block;width:120px;text-align:center;height:35px;line-height:35px;color:#fff;font-size:16px;background:#155b9d;margin-top:10px}

/*服务中心*/

.content .home2{margin-top:-7px}

.home2 span{display:inline-block;float:right;color:#666;font-size:14px;padding-top:22px}

.home2 span a{color:#666;font-size:14px}

.home2 h1{color:#25609c;font-size:26px;border-bottom:1px solid #dfe0da;padding-bottom:7px}

.home2 h1 em{display:block;color:#90aecd;font-size:12px;padding-top:5px}

.content .service{padding-top:25px}

.service p{color:#666;font-size:16px;line-height:30px}

.content .navbox{border:1px solid #155b9d;height:36px;margin-top:22px}

.navbox li{float:left;border-right:1px solid #155b9d;height:36px;line-height:36px;text-align:center}

.navbox li a{width:128px;display:block;color:#155b9d;font-size:16px}

.navbox li a.cur{background:#155b9d;color:#fff}

/*服务动态*/

.content .dymic{padding-top:13px;padding-bottom:50px}

.dymic li{border-bottom:1px dashed #dfdfdf;height:47px;line-height:48px;list-style: none;}

.dymic li a{color:#666;font-size:16px;}

.dymic li span{display:inline-block;float:right;color:#999;font-size:16px;}

.dymic li a:hover{color:#155b9d}

/*新闻资讯*/

.content .news{padding-top:17px;border-bottom:2px solid #ededed;padding-bottom:40px;margin-bottom:11px}

.news .tp{width:320px;height:200px;overflow:hidden}

.news .tp img{width:100%;height:auto}

.news .wz{width:838px;}

.news .wz h2 a{display:block;color:#155b9d;font-size:16px;font-weight:bold;margin:11px 0 4px 0}

.news .wz p{color:#666;font-size:14px;line-height:30px;height:60px;overflow:hidden}

.news .wz span{display:block;color:#999;font-size:12px;padding:20px 0 21px 0}

.news .wz .look{display:block;width:98px;height:28px;border:1px solid #155b9d;font-size:14px;color:#155b9d;text-align:center;line-height:28px}

/*关于永祥*/

.content .about{padding-top:22px;text-align: justify;}

.about p{color:#777;font-size:16px;line-height:32px}

.about img{width:auto;height:auto}

.content .about2{padding-top:30px;}

.about2 ul{width:1200px}

.about2 li{float:left;width:280px;margin-right:20px;margin-bottom:32px;height:180px;overflow:hidden}

.about2 li img{width:100%;height:auto}

/*工程案例*/

.content .case{padding-top:30px;}

.case ul{width:1200px}

.case li{float:left;overflow:hidden;height:261px;width:264px;margin-right:20px;text-align:center;background:#f9f9f9;padding:8px;margin-bottom:32px}

.case li img{width:264px;height:197px;}

.case a p{color:#155b9d;font-size:14px;line-height:24px;height:48px;overflow:hidden;text-align:left;margin-top:16px}

.case li .img{width:264px;height:197px;overflow:hidden;position:relative;}

.case li:hover{background:#08346d}

.case li:hover a p{color:#fff}

.content .case2{padding-top:24px;line-height:30px;text-align: justify;}

.case2 h2{text-align:center;color:#333;font-size:20px;}

.case2 h3{text-align:center;color:#666;font-size:14px;border-bottom:1px solid #eee;padding:11px 0;margin-bottom:20px}

.case2 h3 span{display:inline-block;margin:0 20px}

.case2 p{color:#666;font-size:16px;line-height:30px;}

.case2 img{display:block;margin:20px auto 0 auto}

/*问题解答*/

.content .sortbox{border:1px solid #155b9d;border-top:none;padding:5px 20px}

.sortbox li{display:inline-block;padding:0 21px;height:30px;border-radius:15px;line-height:30px;color:#666;font-size:16px;margin:5px 0}

.sortbox li.current{background:#155b9d;color:#fff; cursor:pointer}

.sortbox .con{padding-top:6px;height:30px}

.sortbox .group{display:none}

.sortbox .group a{display:inline-block;color:#666;font-size:16px; margin-right:40px}

.sortbox .group a:hover{color:#155b9d}

.content .problem{border-left:1px solid #dfe0da;border-top:1px solid #dfe0da;margin-top:28px}

.problem th{background:#efefef;height:44px;color:#333;font-size:16px;font-weight:normal;border-right:1px solid #dfe0da;border-bottom:1px solid #dfe0da}

.problem td{border-right:1px solid #dfe0da;border-bottom:1px solid #dfe0da;padding:15px 10px;color:#999;font-size:16px;line-height:28px}

/*服务网络*/

.contact .way_list{text-align:center;padding-top:25px;border-bottom:1px dashed #e3e3e3;padding-bottom:37px;margin-bottom:42px}

.contact .way_list li{display:inline-block;margin:0 150px;text-align:left;color:#666;font-size:16px;line-height:24px;}

.online .table{margin-top:12px;width:835px;}

.online .table td{color:#666;font-size:16px;border-bottom:none;text-align:left;height:56px}

.online .table td input{height:38px;border:1px solid #afafaf;width:402px;outline:none;padding:0 10px;font-family:"微软雅黑";color:#666;font-size:16px}

.online .table td textarea{height:72px;border:1px solid #afafaf;width:720px;resize:none;outline:none;margin:8px 0 9px 0;padding:10px;font-family:"微软雅黑";color:#666;font-size:16px}

.online .table td span{display:inline-block;width:70px;text-align:right;height:38px;line-height:38px;margin-right:8px}

.online .table td .tj{width:120px;height:40px;background:#155b9d;color:#fff;font-size:18px;border:none;margin-left:80px;margin-top:17px;font-family:"微软雅黑";cursor:pointer;border-radius:20px;padding:0}

.online .table td input.tt{width:138px;height:34px;border:1px solid #afafaf;}

.online .table td em{display:inline-block;height:30px;line-height:30px;padding-left:12px;}

.online .table td em a{color:#999;display:inline-block;padding-left:15px}

.online .top_box p{color:#666;font-size:16px;line-height:30px}

.online .table td .td{width:412px;height:38px;border:1px solid #afafaf;padding:0 0 0 10px;font-size:12px;color:#bcbcbc;font-family:"微软雅黑"}

.online .table td .td input{border:none;padding:0;height:38px}

.online .table td .td input.c{width:281px;border-right:1px solid #afafaf}

.online .table td .td .uploadWallpaperButton{height:40px;width:130px;cursor:pointer;position:relative;background:url("../images/btn.jpg")/*tpa=http://www.hbyxlj.com/Themes/default/images/btn.jpg*/ no-repeat;display:inline-block;float:right; margin-right:0px;}

.online .table td h6{margin:0;font-weight:normal;display:inline-block}

.online .table td .td input.f{cursor:pointer;overflow:hidden;font-size:90px;width:88px;height:34px;background:#f0f0f0;border:none;padding:0;float:right;opacity:0;filter:alpha(opacity=0);}

.online .w835{width:835px;margin:0 auto}

.online .table td input::-webkit-input-placeholder{font-family:"微软雅黑";color:#666;font-size:16px}

.online .top_box{padding-bottom:10px}

.online.found .table td span{width:80px}

.content .online.found{padding-top:21px}

.online.found .table td textarea{width:700px}

.online.found .table td .tj{margin-left:90px;}

/*图片放大镜样式*/

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width:394px;height:300px;}

.jqzoom img{width:394px;height:300px;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



/*图片小图预览列表*/

.spec-preview{width:394px;height:300px;}

.spec-scroll{clear:both;width:536px;position:absolute;right:0px;bottom:30px}

.spec-scroll .prev{float:left;background:url("../images/left2.jpg")/*tpa=http://www.hbyxlj.com/Themes/default/images/left2.jpg*/ no-repeat;left:0}

.spec-scroll .next{float:right;background:url("../images/right2.jpg")/*tpa=http://www.hbyxlj.com/Themes/default/images/right2.jpg*/ no-repeat;right:0}

.spec-scroll .prev,.spec-scroll .next{display:block;width:20px;height:60px;cursor:pointer;position:absolute;top:31px;z-index:1000}

.spec-scroll .items{float:left;position:relative;width:536px;height:122px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:122px;}

.spec-scroll .items ul li{float:left;width:170px;text-align:center;height:122px;margin-right:13px}

.spec-scroll .items ul li img{width:170px;height:122px}



.content .join{padding:26px 0 0px 0}

.content .join dl{padding:0 0px 22px 0px;margin-bottom:20px}

.content .join span{display:block;font-size:16px;margin-bottom:14px;}

.content .join dt{font-size:14px;color:#333;margin-bottom:8px;margin-top:20px;font-weight:bold}

.content .join dd{font-size:14px;color:#666;line-height:30px}

.content .online.found .job{border-top:1px solid #afafaf;padding-top:25px}

.content .job h2{color:#155b9d;padding-bottom:20px;font-weight:bold}



/*联系我们*/ 

.contact{padding:26px 0 30px 0}

.contact h4{color:#333;font-size:18px;padding-bottom:12px}

.contact p{color:#666;font-size:14px;line-height:30px}

.contact p em{color:#0c57bc;}

.contact h5{padding-top:30px;color:#333;font-size:16px;padding-bottom:20px}



.page{padding-top:10px;}

.page li{float:left;    border-bottom:none; list-style: none;}

.page a,.page span{display:inline-block;height:38px;border:1px solid #d8d8d8;font-size:14px;color:#888;text-align:center;line-height:38px;padding:0 15px;margin:0 5px}

.page span.current{background:#155b9d;border:1px solid #155b9d;color:#fff}



.about .movie,.about .a_img{width:565px}

.about .a_img img{width:100%;height:auto}



.pic_show ul{width:1200px}

.pic_show li{float:left;overflow:hidden;height:197px;width:264px;margin-right:20px;text-align:center;background:#f9f9f9;padding:8px;margin-bottom:32px}

.pic_show li img{width:264px;height:197px;}

.case2 .pic_show li img{margin-top:0}

.case2 .pic_show{padding-top:10px}