.header{background:#222;}
.n_banner{width: 100%;height: 420px;margin-top: 110px;}
.here{height: 30px;margin-top: 10px;}
.here p,.here p a{line-height: 30px;font-size: 14px;color: #999;text-align: right;}
.here p a:hover{color: #8ec31f;}
.menu{border-bottom: 1px solid #ededed;height: 108px;overflow: hidden;}
.menu_1 p{text-align: center;line-height: 80px;}
.menu_1 a{margin:0 30px;padding:5px 5px 15px 5px;font-size: 18px;color: #666666;}
.menu_1 a.active,.menu_1 a:hover{color: #8ec31f;border-bottom: 2px solid #8ec31f;}


/*  关于我们 */
.ab h2{font-size: 32px;color: #2ac157;margin-bottom: 25px;}
.content p,.content span{font-size: 16px;color: #666666;line-height: 34px;text-align: justify;}
.ab1 > .left > img{width: 600px;height: 395px;margin-top: 80px;}
.ab1 > .right{width: 570px;background: url(../images/a_tit1.png) no-repeat left 30px;padding:80px 0 0 30px;}
.ab1 p{line-height: 34px;font-size: 16px;color: #616161;}
.ab img{max-width: 100%;}

.ab3 h3{text-align: center;height: 80px;line-height: 120px;background:url(../images/a_tit2.png) no-repeat center top;font-size: 40px;color: #555555;font-weight: bold;}
.ab3 hr{width: 40px;border:none;height:2px;background: #02baa0;margin-bottom: 40px;}
.ab3 .ab3_1{width: 394px;height: 300px;margin-right: 9px;margin-bottom: 20px;float: left;}
.ab3 .ab3_1:nth-child(3n){margin-right: 0;}
.ab3 .ab3_1 img{width: 100%;height: 100%;}


.ab4 h3{text-align: center;height: 80px;line-height: 120px;background:url(../images/a_tit3.png) no-repeat center top;font-size: 40px;color: #555555;font-weight: bold;}
.ab4 hr{width: 40px;border:none;height:2px;background: #02baa0;margin-bottom: 40px;}
.ab4 .ab4_1{width: 280px;height: 210px;margin-right: 26px;margin-bottom: 20px;float: left;display: flex;;align-items: center;;justify-content: center;border:1px solid #ddd;}
.ab4 .ab4_1:nth-child(6){margin-right: 0;}
.ab4 .ab4_1 img{max-width: 100%;max-height: 100%;}


/*  工程案例  */
.n_l_1{width: 250px;height: 188px;background: url("../images/con_left.png") no-repeat center;margin-top: 30px;overflow: hidden;}
.n_l_1 h5{font-size: 20px;color: #fff;margin-left: 60px;margin-top: 37px;font-weight: bold;}
.n_l_1 p{font-size: 14px;color: #fff;margin-left: 37px;margin-top: 50px;width: 200px;}

.case_list{width: 920px;float: right;}
.case_list li{margin-bottom: 20px;background: #ecf1f4;float:left;width: 298px;height: 240px;overflow: hidden;margin-right: 13px;position: relative;}
.case_list li:nth-child(3n){margin-right: 0;}
.case_list li .c1{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.case_list li .c1 > img{max-width: 100%;max-height: 100%;}
.case_list li .c2{width: 100%;height: 100%;position: absolute;top:100%;background: rgba(0,0,0,.6);text-align: center;transition: all .5s;}
.case_list li h5{font-size: 18px;color: #fff;margin-bottom: 10px;line-height: 30px;margin-top: 65px;}
.case_list li .c2 hr{border:none;height: 2px;background: #fff;width: 70px;}
.case_list li p{font-size: 14px;color: #fff;line-height: 30px;margin-top: 15px;}
.case_list li:hover .c2{top:0;transition: all .5s;}

/*  案例详情  */
.n_l1 > .right{width: 910px;}
.n_l1 .here h3{line-height: 36px;}
.n_l1 > .right .d_left{width: 460px;height: 520px;float: left;}
.n_l1 > .right .d_left1{width: 100%;height: 375px;background-image: radial-gradient(#ecf1f4, #ecf1f4, #ecf1f4);display: flex;align-items: center;justify-content: center;}
.n_l1 > .right .d_left1 img{max-height: 80%;max-width: 80%;}
.n_l1 > .right .d_left li{float: left;width: 105px;height: 105px;background: #ecf1f4;display: flex;align-items: center;justify-content: center;margin-top:10px;margin-right: 13.3px;}
.n_l1 > .right .d_left li:nth-child(4){margin-right: 0;}
.n_l1 > .right .d_left li img{max-height: 90%;max-width: 90%;}
.d_right{float: right;height: 420px;width: 420px;}
.d_right h1{font-weight: bold;font-size: 24px;color: #444444;margin-bottom: 20px;}
.d_right p{color: #666;line-height: 50px;font-size: 19px;}
.d_right p span{color: #666;line-height: 50px;font-size: 18px;}

.d_right h4{font-size: 20px;color: #404040;margin-bottom: 30px;}
.d_right h4 a{float:right;}
.d_right1{height: 340px;}
.d_right .d_right2 p{font-size: 14px;line-height: 40px;}
.d_right .d_right2 i{font-size: 10px;margin-right: 10px;}
.d_right2{height: 300px;}

.infos_q{position: relative;}
.infos_q h3{line-height: 44px;margin-top: 30px;border-bottom: 1px solid #ddd;}
.infos_q h3 a{float:right;line-height: 44px;font-size: 14px;color: #666;}
.infos_q h3 span{border-bottom: 2px solid #8ec31f;color: #8ec31f;font-size: 18px;padding-bottom: 10px;}
.infos_q .swiper-container{width: 835px;margin-top: 40px;}
.infos_q .swiper-button-prev, .infos_q .swiper-button-next{width: 31px;height: 31px;margin-top: 5px;}
.infos_q .swiper-button-prev{background: url("../images/ico/ne1.png");left:0px;}
.infos_q .swiper-button-next{background: url("../images/ico/pr1.png");right:0px;}
.infos_q .p_pro_1{width: 100%;height: 215px;background: #ecf1f4;display: flex;align-items: center;justify-content: center;}
.infos_q .p_pro_1 img{max-width: 70%;max-height: 70%;}
.infos_q h5{font-size: 16px;color: #666;line-height: 35px;text-align: center;}
.infos_q .swiper-slide:hover h5{color: #8ec31f;}

.infos_q ul{margin-top: 40px;}
.infos_q li{margin-bottom: 20px;background: #ecf1f4;float:left;width: 294px;height: 240px;overflow: hidden;margin-right: 13px;position: relative;}
.infos_q li:nth-child(3n){margin-right: 0;}
.infos_q li .c1{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.infos_q li .c1 > img{max-width: 100%;max-height: 100%;}
.infos_q li .c2{width: 100%;height: 100%;position: absolute;top:100%;background: rgba(0,0,0,.6);text-align: center;transition: all .5s;}
.infos_q li h5{font-size: 18px;color: #fff;margin-bottom: 10px;line-height: 30px;margin-top: 65px;}
.infos_q li .c2 hr{border:none;height: 2px;background: #fff;width: 70px;}
.infos_q li p{font-size: 14px;color: #fff;line-height: 30px;margin-top: 15px;}
.infos_q li:hover .c2{top:0;transition: all .5s;}


    /*  产品中心  */

.n_l .left h3{height: 40px;text-align: center;background: linear-gradient(to right,#21c362,#16be05);line-height: 40px;font-size: 18px;color: #fff;}
.n_l .left dl{background: #fafafa;padding:10px 5px 15px 10px;}
.n_l .left dl dd em{font-size: 12px;color: #aaa;margin-right: 5px;}
.n_l .left dl dd a{font-size: 14px;color: #666;line-height: 40px;}
.n_l .left dl dd span{float:right;font-size: 12px;color: #666;}
.n_l .left dl dd:hover a{color:#8ec31f;}


/*  联系我们  */
.c_contact ul{margin-top:30px;}
.c_contact li{float:left;width: 285px;height: 268px;box-shadow:#eee 1px 1px 5px 5px;margin-right: 20px;text-align: center;padding:150px 30px 0;background: url(../images/c1.png) no-repeat center 30px;}
.c_contact li:nth-child(2){background: url(../images/c2.png) no-repeat center 30px;}
.c_contact li:nth-child(3){background: url(../images/c3.png) no-repeat center 30px;}
.c_contact li:nth-child(4){background: url(../images/c4.png) no-repeat center 30px;margin-right: 0;}
.c_contact li h5{font-size: 16px;color: #666;line-height: 40px;}
.c_contact li p{font-size: 14px;color: #666;line-height: 25px;}
.c_contact li:hover{background: url(../images/c1.1.png) no-repeat center 30px;}
.c_contact li:nth-child(2):hover{background: url(../images/c2.1.png) no-repeat center 30px;}
.c_contact li:nth-child(3):hover{background: url(../images/c3.1.png) no-repeat center 30px;}
.c_contact li:nth-child(4):hover{background: url(../images/c4.1.png) no-repeat center 30px;}


.mess{width: 100%;height: 700px;background: #fbfbfb url("/lib/images/con_mes.png") no-repeat center 60px;padding-top: 40px;overflow: hidden;}
.mess > .c form{margin-top: 80px;}
.mess > .c form input[type='text']{width: 575px;height: 60px;margin-right: 20px;
    margin-bottom: 22px;padding-left:20px;}

.mess > .c form textarea{width: 1190px;height: 230px;padding-top: 15px;padding-left:20px;}
.mess > .c form input[type='submit']{width: 180px;height: 45px;margin-left: 1000px;margin-top: 45px;cursor: pointer;}


.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 #e63955;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;}


.det h4{border-bottom: 1px solid #bbb;line-height: 40px;margin-top: 20px;}
.det h4 span{font-size: 18px;color:#666;padding:8px 5px;cursor: pointer;}
.det h4 span.active{color: #8ec31f;border-bottom: 2px solid #8ec31f;}
.det h4 em{font-size: 12px;margin:0 15px;}
.det .det_s{margin-top: 40px;border:1px solid #eee;background: #fafafa;padding:30px;border-radius: 20px;}

.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: #e63955;}

.det_s form{margin-top: 50px;margin-left: 20px;}
.det_s input{border:1px solid #eee;width: 400px;height: 45px;margin-top: 15px;margin-left: 15px;padding:5px;}
.det_s input[type='submit']{width: 146px;background: #02baa0;color: #fff;margin-left: 310px;}
.det_s textarea{width: 400px;height: 100px;margin-left: 15px;margin-top: 15px;border:1px solid #eee;padding:5px;}
.det_s p{font-size: 14px;line-height: 35px;}




/*  新闻资讯            */
.news_list{margin-top: 50px;}
.news_list li{padding:30px 0;border-bottom: 1px solid #ddd;}
.news_list a{color:#666;}
.news_list > a > img{width: 362px;height: 260px;float:left;}
.news_list li .news_list_1{width: 775px;height: 260px;float:right;}
.news_list li .news_list_1 h5{font-size: 20px;margin-bottom: 10px;line-height: 60px;}
.news_list li .news_list_1 p{font-size: 14px;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 30px;margin-top: 10px;}
.news_list li .news_list_1 span{line-height: 30px;font-size: 14px;color: #888;}
.news_list li .news_list_1 a.detail{font-size: 14px;padding:9px 35px;border-radius: 20px;border:1px solid #ddd;}
.news_list li:hover .news_list_1 h5{color: #8dc320;}
.news_list li:hover .news_list_1 a.detail{color: #fff;background: #8dc320;border:none;}



.n_l{margin-top: 50px;}
.n_l > .left{width: 250px;}
.n_l > .left h2{background: url("../images/m0.png") no-repeat center;height: 70px;overflow: hidden;}
.n_l > .left h2 p{font-size: 25px;color: #fff;line-height: 22px;margin-top: 18px;}
.n_l > .left h2 em{margin-left: 50px;font-size: 42px;color: #fff;float:left;line-height: 70px;margin-right: 3px;}
.n_l > .left h2 span{font-size: 12px;letter-spacing: 6px;line-height: 15px;color: #fff;text-transform: uppercase;}
.n_l > .left ul{padding:15px;margin-bottom: 20px;border:1px solid #eee;}
.n_l > .left > ul > li{line-height: 46px;border-bottom: 1px solid #ddd;background: url("../images/m3.png") no-repeat 25px center;}
.n_l > .left > ul > li:last-child{border-bottom: none;}
.n_l > .left > ul > li a{font-size: 14px;color: #404040;margin-left: 50px;}
.n_l > .left > ul > li:hover a,.n_l > .left li a.active{color: #16be05;}
.n_l > .left ul p{line-height: 70px;background: url("../images/m4.png") no-repeat 25px center;padding-left: 50px;border-bottom: 1px solid #ddd;border-top:1px solid #fff;margin-top: -1px;}
.n_l > .left ul p a{color: #3a0d0f;font-size: 18px;}
.n_l > .left ul p a:hover,.n_l > .left ul p a.active{color: #16be05;}


.tech li img{transition: all .5s;filter:grayscale(0%);
    -webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0);}

.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: #e63955;border-bottom: 1px solid #e63955;}
.con_right li i{font-size: 6px;color: #bbb;margin-right: 5px;}

/*  新闻资讯详情 */
.infos{width: 912px;float: right;}
.n_l .here{height: 36px;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.n_l .here h2{margin-top: 0;float:left;font-size: 18px;color: #8ec31f;}
.n_l .here h2 em{font-size: 8px;border-left:8px solid #8ec31f;margin-right: 8px;}
.n_l .here h2 span{font-size: 18px;color: #a8a8a8;margin-left: 10px;}
.n_l .here p{line-height: 16px;margin-top: 0;float:right;}
.n_l p.next{line-height: 60px;margin:30px 0 30px 0;text-align: left;border-top: 1px solid #eee;padding-top: 30px;color: #666;}
.n_l p.next a{font-size: 16px;margin-left: 10px;color: #666;}
.n_l p.next a:hover{color:#02baa0;}
.n_l p.next span{float: right;font-size: 16px;}
.infos h1{text-align: center;font-size: 30px;color: #000000;line-height: 60px;}
.infos h6{text-align: center;font-size: 16px;color: #404040;line-height: 40px;border-bottom: 1px dashed #eee;padding-bottom: 10px;margin-bottom: 30px;}
.infos h6 i{margin-left: 20px;}


/* 关于我们 */
.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: #e63955;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;}

.con1{width: 100%;background: url("../images/con1.png");height: 237px;margin-top: 30px;overflow: hidden;}
.con1 h3{font-size: 24px;color: #fff;font-weight: bold;margin-left: 90px;margin-top: 110px;}
.con2{width: 100%;height: 380px;margin-top: 30px;overflow: hidden;}
.con2 h3{font-size: 24px;color: #262525;margin-top: 30px;margin-left: 55px;margin-bottom: 55px;}
.con2 h4{font-size: 18px;color: #262525;margin-bottom: 36px;margin-left: 130px;line-height: 28px;}
.con2_1{width: 500px;height: 400px;overflow: hidden;background: #fff;padding:30px;}
.con2_1 h2{font-size: 26px;line-height: 60px;margin-bottom: 20px;}
#map{float: right;margin-right: 20px;margin-top: 12px;}
/* 在线留言 */

.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: #e63955;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;}