.n_banner{width: 100%;height: 320px;margin-top: 90px;}
.here{height: 72px;}
.here p,.here p a{line-height: 72px;font-size: 14px;color: #666666}
.here p a:hover{color: #b0967f;}
.here img{margin-top: -5px;margin-right: 5px;}
.menu_h p{text-align: center;margin-bottom: 50px;}
.menu_h a{margin:0 25px;padding-bottom: 10px;line-height: 57px;font-size: 18px;color: #999999;}
.menu_h a.active{color: #0770d6;border-bottom: 4px solid #0770d6;padding-bottom: 17px;}
.menu_h a:hover{color: #0770d6;}

/* 产品中心 */
.nav_left{width: 200px;float: left;}
.nav_left .nav_left_menu{width: 200px;border: 1px #0770d6 solid;}
.nav_left .nav_left_menu .nav_left_menu_title{width: 100%;height: 50px;line-height: 50px;background: #0770d6;color: #fff;text-align: center;font-size: 20px;}
.nav_left .nav_left_1{width: 200px;height: 50px;line-height: 50px;font-size: 18px;}
.nav_left .nav_left_1 .active{color:#0770d6 ;}
.nav_left .nav_left_2 .active{color:#0770d6 ;}
.nav_left .nav_left_2{display: none;padding-left: 50px;line-height: 30px;}
.nav_left .nav_left_2.show{display: block;}
.nav_left .nav_left_1 a{padding-bottom: 10px;line-height: 50px;font-size: 18px;color: #999999;width: 200px;padding-left: 20px;}
.nav_left .nav_left_2.show.active a{color: #0770d6;}
.nav_left .nav_left_1 a:hover{color: #0770d6;}
.nav_left .nav_left_contact{width: 200px;margin-top: 30px;border: #0770d6 1px solid;}
.nav_left .nav_left_contact .nav_left_contact_title{width: 100%;height: 50px;line-height: 50px;background: #0770d6;color: #fff;text-align: center;font-size: 20px;}
.nav_left .nav_left_contact .nav_left_contact1{width: 100%;line-height: 30px;font-size: 14px;padding: 5px;}

/*  关于我们 */

.content p,.content span{font-size: 16px;color: #666666;line-height: 34px;text-align: justify;}
.ab1 > p > img{margin-left:20px;}
.ab1 > p > img:first-child{margin-left: 0;}
.ab1 p{letter-spacing: 1px;line-height: 36px;}

.ab2 .left{width: 50%;height: 592px;}
.ab2 .right{width: 50%;height: 592px;background: #f8f8f8;overflow: hidden;}
.ab2 .right .ab2_1{width: 570px;margin-left: 30px;margin-top: 25px;}
.ab2 .right .ab2_1 em{color: #0770d6;margin-right: 10px;}
.ab2 .right .ab2_1 h3{font-size: 24px;color: #333333;}
.ab2 .right .ab2_1 h5{font-size: 18px;color: #222222;margin-top: 20px;line-height: 32px;}
.ab2 .right .ab2_1 p{font-size: 16px;color: #444444;margin-left: 15px;}

.ab6{position: relative;text-align: center;}
.ab6 h3{font-size: 24px;color: #333333;margin-top: 60px;margin-bottom: 40px;}
.ab6 h6{font-size: 14px;color: #333333;margin-bottom: 40px;}
.ab6 hr{width: 40px;height: 2px;border:none;background: #666666;margin-bottom: 40px;}
.ab6 .swiper-button-prev, .ab6 .swiper-button-next{width: 35px;height: 62px;margin-top: -30px;}
.ab6 .swiper-button-prev{background: url("/lib/images/ico/p3.png");left:-120px;}
.ab6 .swiper-button-next{background: url("/lib/images/ico/n3.png");right:-120px;}
.ab6 .swiper-slide{width: 280px;height: 340px;background: #fff;}


.ab6 li{width: 23.5%;height: 310px; float: left;margin-right: 2%;margin-bottom: 30px;}
.ab6 li:nth-child(4n){margin-right: 0;}
.ab6 li .tp{width: 100%;height: 280px;overflow: hidden;text-align: center;line-height: 280px;}
.ab6 li .tp img{max-width: 100%;max-height: 100%;}


.team{width: 1200px;height: 460px;background: #fff;}
.team div img{width: 280px;height: 280px;border-radius: 5px;}
.team .swiper-slide p{font-size: 18px;color: #000;line-height: 30px;margin-top: 10px;}
.team .swiper-slide:hover p{color: #0770d6;}
.team .swiper-slide span{font-size: 16px;color: #666;}
.ab_t img{max-width: 100%;}
/*
.ab2 .c{text-align: center;overflow: hidden;}
.ab2 .c h3{font-size: 24px;color: #333;margin-top: 60px;margin-bottom: 20px;}
.ab2 hr,.ab3 hr{width: 40px;height: 2px;border:none;background: #666666;margin-bottom: 40px;}
.ab2 .c h6{font-size: 14px;color: #fff;margin-bottom: 40px;}
.ab2 .c li{float: left;margin-right: 37px;margin-bottom: 35px;width: 375px;height: 277px;overflow: hidden;}
.ab2 .c li p{width: 100%;height: 58px;background: rgba(0,0,0,0.7);position: relative;top:-58px;
    z-index: 5;color: #fff;line-height: 58px;display: none;}
.ab2 .c li img{width: 375px;height: 277px;transition: all 1s;}
.ab2 .c li:nth-child(3n){margin-right: 0;}
.ab2 .c li:hover p{display: block;}
.ab2 .c li:hover img{transform: scale(1.1);transition: all 1s;}
*/
.ab3{width: 100%;background: #f7f7f7;height: 480px;border-bottom: 3px solid #bbb;overflow: hidden;}
.ab3 h3{font-size: 24px;color: #333;margin-top: 60px;margin-bottom: 40px;text-align: center;}
.ab3 ul li{float: left;width: 285px;text-align: center;height: 131px;margin-bottom: 20px;margin-right: 20px;}
.ab3 ul li:nth-child(4n){margin-right: 0;}
.ab3 ul li img{width: 285px;height: 131px;}
.ab3 ul li p{font-size: 13px;color: #666666;}


.ab4{width: 100%;height: 765px;background: url("/lib/images/ab4_bj.jpg") no-repeat center;}
.ab4 h5{text-align: center;color: #eee;line-height: 120px;}
.ab4 h5 span{font-size: 30px;color: #fff;margin:20px;}
.ab4 h5 span.active{color: #ff0000;}
.ab4 .c{height: 600px;background: #fff;}
.ab4 .c li{float: left;margin-top: 17px;margin-left: 16px;width: 378px;height: 274px;overflow: hidden;position: relative;transition: all 1s;}
.ab4 .c li img{width: 378px;height: 274px;}
.ab4 .c li p{width: 378px;height: 274px;background: rgba(0,0,0,0.5);position: absolute;top:100%;text-align: center;}
.ab4 .c li:hover p{top:0;color: #fff;line-height: 274px;transition: all 1s;}
.ab7{background: #f7f7f7;padding-top: 50px;}

/*  工程案例  */
.c_list{}
.c_list li{float: left;width: 384px;height: 245px;margin-right: 24px;transition: all 1s;margin-bottom: 22px;position: relative;overflow: hidden;}
.c_list li:nth-child(3n){margin-right: 0;}
.c_list li img{width: 384px;height: 245px;}
.c_list li p{position: absolute;height:245px;width: 384px;top:245px;line-height: 245px;text-align: center;
    background: rgba(0,0,0,0.4);}
/* .c_list li:hover p{top:0px;transition: all 1s;color: #fff;} */

/*  产品中心  */
.product{}
.product_1 .left{width: 230px;}
.product_1 .left h3{line-height: 68px;color: #fff;font-size: 24px;background: #008cd8;padding-left: 40px;}
.product_1 .left h4{background: url("/lib/images/tel1.png") no-repeat center;height: 68px;color: #fff;font-size: 18px;
line-height: 68px;padding-left: 70px;margin-top: 20px;margin-bottom: 60px;}
.product_1 .left p{background: #f2f2f2;margin-bottom: 1px;padding-left: 20px;}
.product_1 .left p a{line-height: 68px;color: #666;font-size: 18px;}
.product_1 .left p.active a,.product_1 .left p:hover a{color: #008cd8;}
.product_1 .left p a span{float: right;line-height: 68px;margin-right: 25px;}
.product_1 .left h5{text-align: center;margin-top: 8px;}
.product_1 .left ul{background: #f2f2f2;padding:10px 0 20px 0;}
.product_1 .left ul li a{line-height: 36px;color: #666;font-size: 14px;margin-left: 10px;}
.product_1 .left ul li a:hover{color: #008cd8;}
.product_1 .right{width: 960px;}
.product_1 li{width: 380px;height: 390px;float: left;margin-right: 30px;margin-bottom:35px; }
.product_1 li:nth-child(3n){margin-right: 0;}
.product_1 li > div{width: 380px;height: 270px;border:1px solid #eee;display: flex;
    align-items: center;justify-content: center;overflow: hidden;}
.product_1 li img{max-width: 380px;max-height: 270px;transition: all 1s;}
.product_1 li p{line-height: 60px;color: #666;font-size: 16px;text-align: center;}
.product_1 li:hover img{transform: scale(1.1);transition: all 1s;}
.product_1 li:hover p{color: #008cd8;}


.p_list li{width: 638px;height: 226px;border:1px solid #eee;float: left;margin-bottom: 26px;margin-right: 20px;}
.p_list li:nth-child(2n){margin-right: 0;}
.p_list li .left{width: 330px;background: #f0f0f0;height: 226px;display: flex;align-items: center;justify-content: center;}
.p_list li img{max-width: 300px;max-height: 200px;}
.p_list li .right{width: 265px;height: 190px;margin-right:20px;margin-top: 20px;}
.p_list li .right a{line-height: 40px;color: #666;margin-right:20px;}
.p_list li .right a:hover{color: #1d2088;}

/*  工程案例详情  */
.infos_1{position: relative;}
.infos_1 .gallery-top{}
.infos_1 .gallery-top .swiper-slide{text-align: center;}
.infos_1 .gallery-top .swiper-slide img{width: 1046px;height: 585px;}
.infos_1 .gallery-thumbs{width: 510px;height: 90px;top:-120px;}
.infos_1 .gallery-thumbs .swiper-slide img{width: 160px;height: 86px;border:2px solid #fff;}
.infos_1 .gallery-thumbs .swiper-slide-thumb-active img{border:2px solid #ff0000;}

.infos_1 .swiper-button-prev, .infos_1 .swiper-button-next{width: 55px;height: 55px;margin-top: 20px;}
.infos_1 .swiper-button-prev{background: url("/lib/images/ico/p4.png");left:0;}
.infos_1 .swiper-button-next{background: url("/lib/images/ico/n4.png");right:0;}
.next span{color: #666;}

/*  联系我们  */

.mess{width: 100%;height: 630px;background: url("/lib/images/message.jpg") no-repeat center;padding-top: 50px;overflow: hidden;}
.mess h2{font-size: 24px;color: #333333;line-height: 40px}
.mess h2 span{font-size: 14px;color: #888888;margin-left: 15px;}
.mess > hr{width: 20px;height: 2px;border:none;background: #333333;margin-bottom: 40px;}
.mess > .c form{margin-top: 80px;}
.mess > .c form input[type='text']{width: 280px;height: 60px;margin-right: 20px;border-radius: 5px;
    margin-bottom: 22px;border:1px inset #fff;padding-left:20px;background: #fff;}
.mess > .c form input[name='email']{margin-right: 0;}
.mess > .c form textarea{width: 1200px;height: 295px;padding-top: 15px;
    border:1px inset #fff;padding-left:20px;border-radius: 5px;background: #fff;}
.mess > .c form input[type='submit']{width: 115px;height: 40px;margin-left: 550px;background: #2a8ee4;
    margin-top: 20px;cursor: pointer;color: #fff;border-radius: 5px;}


.job span{width: 25%;text-align: center;height: 58px;cursor: pointer;}
.job li.act span{background: #9c9c9c;color: #fff;}
.job li{border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.job li span{display: inline-block;border-left: 1px solid #eee;line-height: 58px;}
.job li div{padding:20px 100px;background: #f9f9f9;display: none;}
.job li div p{line-height: 36px;font-size: 14px;}
.job li.active div{display: block;}



.product ul.right{width: 1200px;float: right;}
.product > h5{line-height: 60px;margin-top: 80px;font-size: 20px;color: #222222;margin-bottom: 20px;}
.product > h5 span{padding:0 20px 15px 20px;border-bottom: 3px solid #008fd8;font-size: 20px;color: #333333;}
.product li{width: 388px;height: 308px;float: left;margin-right: 18px;position: relative;margin-bottom: 20px;}
.product li:nth-child(3n){margin-right: 0;}
.product li div.img img{max-height: 388px;max-width: 308px;}
.product li div.img{width: 388px;height: 308px;overflow: hidden;text-align: center;line-height: 308px;}
.product li div.hide{display: none;width:388px;height: 308px;position: absolute;top:0;background: rgba(0,0,0,0.8); text-align: center;}
.product li div.hide p{line-height: 70px;margin-top: 90px;color: #fff;}
.product li:hover div.hide{display: block;}

/* 产品详情 */
#table{border-collapse: collapse;width:100%;}
#table td{border: 1px solid #eee;padding: 10px 2px;text-align: center;
    font-size: 12px;
    color: #333333;}
#table th{border: 1px solid #eee;padding: 10px 2px;text-align: center;
    font-size: 12px;
    color: #333333;}
#table tr:nth-child(2n+1){background: #f4f4f4;}
#table tr:nth-child(1){background: #fff;}
#table .tb-td{text-align: left;font-weight: bold;padding-left: 10px;}

.mesg{width:60%;margin:0 auto; }
.mesg h5{font-size: 1.2rem;line-height: 2.5rem;color: #333;}
.mesg p{font-size: 1rem;line-height: 2.5rem;color: #666;}
.mesg p a{color: #666;}
.mesg table th{border: 1px solid #eee;padding: 10px 2px;text-align: center;color: #333333;}
.mesg table td{border: 1px solid #eee;padding: 10px 2px;text-align: center;color: #333333;}
.mesg table{border-collapse: collapse;width:100%;font-size: 1rem;margin-top: 20px;}


.detail{padding-top: 20px;}
.detail > .left{width: 506px;height: 500px;}

.detail > .right{width: 650px;height: 450px;background: #fbfbfb;padding:10px 65px;}
.detail > .right > h1{font-size: 24px;color: #333333;margin-bottom: 30px;line-height: 60px;}
.detail > .right > div{height: 200px;margin-top: 5px;overflow: hidden;margin-bottom: 25px;}
/* .detail > .right p{font-size: 16px;color: #444444;line-height: 56px;border-top: 1px solid #ccc;} */
.detail > .right span{font-size: 20px;color: #444444;line-height: 26px;}
.detail > .right p{font-size: 16px;color: #444444;line-height: 26px;}
.detail > .right p:first-child{border:none;}
.detail > .right h4{font-size: 16px;color: #3d71e7;margin-top: 15px;margin-bottom: 30px;}
.detail > .right h4 span{font-size: 23px;color: #3d71e7;}
.detail > .right h5{height: 60px;width: 344px;border:1px solid #ddd;text-align: center;border-radius: 8px;}
.detail > .right h5 a{font-size: 20px;color: #444;line-height: 60px;}

.det{width: 1200px;margin-top: 120px;}
.det img{max-width: 100%;}
.det h4{margin-bottom: 50px;}

.det h4 span{font-size: 18px;color: #666;margin-right: 60px;padding:15px;cursor: pointer;}
.det h4 span.active{color: #00a2e9;border-bottom: 3px solid #00a2e9;}
.det .left h4 span.active{border-bottom: 4px solid #ff0000;padding-bottom: 12px;color: #ff0000;}
.det .left .aa div{display: none;margin-top: 15px;}
.det .left .aa div p{font-size: 16px;color: #666666;line-height: 36px;text-align: justify;}
.det .left .aa div em{font-size: 24px;color: #666666;font-weight: bold;line-height: 40px;}

.product_a h5{border-bottom: 1px solid #eee;line-height: 60px;margin-top: 80px;font-size: 20px;color: #222222;margin-bottom: 20px;}
.product_a h5 span{padding:0 2px 15px 2px;border-bottom: 3px solid #ff0000;font-size: 20px;color: #333333;}
.product_a li{float: left;margin-right: 20px;}
.product_a li > a.img{display: flex;border:1px solid #eee;width: 378px;height: 278px;background: #f8f8f8;
    align-items: center;justify-content: center;}
.product_a li img{max-width: 378px;max-height: 278px;}

.product_a li p{width: 380px;line-height: 60px;text-align: center;}
.product_a li:hover p{color: #00a2e9;}


.det_ys{margin-top: 75px;}
.det_ys li{width: 293px;height: 175px;float: left;margin:0;background: #f8f8f8;}
.det .left .aa .det_ys li div{display: block;}
.det .left .aa .det_ys li div h3{font-size: 20px;color: #333333;font-weight: bold;padding-left: 32px;margin-top: 45px;}
.det .left .aa .det_ys li div p{font-size: 14px;color: #666666;padding:0  32px;margin-top: 15px;line-height: 25px;}
.det .left .aa .det_ys li:hover div h3,.det .left .aa .det_ys li:hover div p{color: #fff;}
.det .left .aa .det_ys li:hover{background: #00a2e9;}
.ms input{border:1px solid #eee;width: 300px;height: 45px;margin-top: 15px;margin-left: 15px;padding:5px;}
.ms input[type='submit'],.ms input[type='reset']{width: 146px;background: #fa6901;color: #fff;}
.ms textarea{width: 300px;height: 100px;margin-left: 15px;margin-top: 15px;border:1px solid #eee;padding:5px;}
.ms p{font-size: 14px;line-height: 35px;}



/*  新闻资讯 */
.case_list{width: 850px;float: left;}
.case_list li{height: 148px;border-bottom: 1px solid #eee;margin-bottom: 22px;}
.case_list li .case_2{float: right;width: 670px;height: 122px;}
.case_list li > img{width: 108px;height: 135px;margin-left: 30px;border-radius: 5px;}
.case_list li h5{font-size: 18px;color: #333333;margin-bottom: 10px;line-height: 40px;}
.case_list li p{font-size: 16px;color: #666;line-height: 32px;}
.case_list li h5 span{line-height: 36px;font-size: 14px;color: #666666;float: right;}
.case_list li h5 img{margin-top: -4px;margin-right: 10px;}
.case_list li:hover  h5{color: #0770d6;}
.con_right{float: right;width: 300px;background: #fcfdff;padding:15px;}
.con_right h3{font-size: 18px;color: #666;line-height: 40px;border-bottom: 1px solid #eee;}
.con_right ul{margin-top: 10px;margin-bottom: 20px;}
.con_right li{line-height: 40px;background: url("/lib/images/ico/sm2.png") no-repeat center left;}
.con_right li a{font-size: 16px;color: #666;margin-left: 10px;}
.con_right li:hover a{color: #0770d6;border-bottom: 1px solid #0770d6;}
.con_right li i{font-size: 6px;color: #bbb;margin-right: 5px;}

/*  新闻资讯详情 */
.infos{width: 850px;float: left;}
.infos p.next{line-height: 60px;margin:30px 0 30px 0;text-align: left;border-top: 1px solid #eee;padding-top: 30px;color: #666;}
.infos p.next a{font-size: 16px;margin-left: 10px;color: #666;}
.infos p.next a:hover{color:#0770d6;}
.infos p.next span{float: right;font-size: 16px;}
.infos h1{text-align: center;font-size: 22px;color: #666666;line-height: 60px;}
.infos h6{text-align: center;font-size: 14px;color: #999999;line-height: 40px;border-bottom: 1px dashed #eee;padding-bottom: 10px;margin-bottom: 30px;}



.case li{width: 380px;}
.case li h5{text-align: left;}

/* 关于我们 */
.content_a h3{font-size: 30px;color: #333333;line-height: 40px;text-align: center;}
.content_a h2{font-size: 14px;color: #999999;line-height: 30px;text-align: center;margin-bottom: 55px;}
.content_a > p{font-size: 16px;color: #333333;line-height: 30px;margin-top: 40px;}
.hh{background: url("/lib/images/aa0.jpg") no-repeat center;width: 100%;height:826px;margin-top: 70px;overflow: hidden; }
.hh .c{margin-top: 150px;background: #fff;height: 620px;}
.hh .c li{float: left;width: 388px;margin-top: 10px;margin-left: 9px;}
.hh .c li img{width: 388px;height: 294px;}
.content_a dl dd{width: 398px;height: 298px;float: left;border:1px solid #eee;text-align: center;line-height: 298px;}
.content_a dl dd img{max-height: 290px;max-width: 390px;}
.content_a .swiper-slide{width: 283px;height: 377px;background: url("/lib/images/h0.png") no-repeat;text-align: center;line-height: 377px;}
.content_a .swiper-slide img{width: 214px;height: 301px;}
.content_a .swiper-container{height: 480px;}
.content_a .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 100%;opacity: 1;background: #333333;}
.content_a .swiper-pagination-bullet-active{background: #00a2e9;width: 12px;height: 12px;}

.content_a li{float: left;margin-right: 25px;}
.content_a li:nth-child(3n){margin-right: 0;}
.content_a li img{width: 383px;height: 242px;}
.content_a li p{text-align: center;font-size: 16px;color: #666666;line-height: 45px;margin-bottom: 20px;}

/* 在线留言 */

.messages{width: 100%;overflow: hidden;height: 632px;background: #eeeeee;}
.messages > div{height: 494px;background: url("/lib/images/message.png") no-repeat center;margin-top: 70px;}
.messages h2{font-size: 30px;color: #111111;text-align: center;margin-top: 30px;line-height: 40px}
.messages > hr{width: 20px;height: 2px;border:none;background: #333333;margin-bottom: 40px;}
.messages > .c form{padding-top: 116px;}
.messages > .c form input[type='text']{width: 416px;height: 35px;margin-left: 148px;margin-bottom: 35px;}
.messages > .c form textarea{width: 980px;height: 120px;margin-left: 142px;margin-top: 10px;}
.messages > .c form input[type='submit']{width: 128px;height: 38px;margin-left: 1002px;margin-top: 19px;
    cursor: pointer;background: #008fd8;color: #fff;font-size: 20px;border-radius: 5px;}


/* 系统与服务 */
.service{text-align: center;}
.service_1{width: 100%;height: 742px;background: #f8f8f8;overflow: hidden;margin-top :50px;padding-top: 60px;}
.service_1 ul{background: url("/lib/images/s0.png") no-repeat left;height: 480px;width: 1200px;padding-top: 125px;}
.service_1 ul li{width: 395px;height: 130px;margin-left: 800px;}
.service_1 ul li h5{font-size: 18px;color: #333333;}
.service_1 ul li p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 8px;}
/* 下载中心 */
.download li{height: 140px;font-size: 16px;color: #666666;line-height: 120px;}
.download li span{float: right;margin-right: 40px;}
.download li em{margin-right: 20px;display: inline-block;width: 12px;height: 12px;border-radius: 6px;background: #bbb;margin-left: 20px;}
.download li:hover{box-shadow: 0px 8px 0px 1px #eee;}


