.n_banner{width: 100%;height: 355px;}
.here{height: 30px;margin-top: 10px;}
.here p,.here p a{line-height: 30px;font-size: 14px;color: #999;text-align: left;}
.here p a:hover{color: #de0f16;}
.menu{border-bottom: 1px solid #ededed;height: 90px;overflow: hidden;margin-bottom:45px;}
.menu_1 p{text-align: center;line-height: 46px;}
.menu_1 a{margin:0 30px;padding:5px 5px 15px 5px;font-size: 17px;color: #666666;}
.menu_1 a.active,.menu_1 a:hover{color: #de0f16;border-bottom: 2px solid #de0f16;}

.body{background: #f9f9f9;}
/*  关于我们 */
.ab h2{font-size: 36px;color: #333;margin-bottom: 35px;font-weight: bold;line-height: 60px;text-align: center;}
.content p,.content span{font-size: 16px;color: #666666;line-height: 34px;text-align: justify;}
.content img{max-width:100%;}
.ab1 > .left {width: calc(100% - 620px);}
.ab1 > .right img{width: 540px;}
.ab1 p,.ab1 p span{line-height: 34px;font-size: 16px;color: #616161;}
.ab img{max-width: 100%;}

.ab2 > .right {width: calc(100% - 700px);}
.ab2 > .left img{width: 572px;}
.ab2 p,.ab2 p span{line-height: 34px;font-size: 16px;color: #616161;}

.ab3{position: relative;}
.ab3 img{width: 447px;;}
.ab3 .swiper-button-prev, .ab3 .swiper-button-next{width: 31px;height: 31px;margin-top: 5px;}
.ab3 .swiper-button-prev{background: url("../images/ico/ne1.png");left:-60px;}
.ab3 .swiper-button-next{background: url("../images/ico/pr1.png");right:-60px;}


.ab4{position: relative;}
.ab4 .swiper-container{padding-bottom: 50px;;}
.ab4 p{line-height: 45px;text-align: center;}


/*  工程案例  */
.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 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;} */

/*  案例详情  */
.d_left{width: 692px;height: 550px;float: left;}
.d_left1{width: 100%;height: 425px;background-image: radial-gradient(#ecf1f4, #ecf1f4, #ecf1f4);display: flex;align-items: center;justify-content: center;}
.d_left1 img{height: 100%;width: 100%;}
.d_left li{float: left;width: 163px;height: 100px;background: #ecf1f4;display: flex;align-items: center;justify-content: center;margin-top:10px;margin-right: 13.3px;}
.d_left li:nth-child(4){margin-right: 0;}
.d_left li img{height: 100%;width: 100%;}
.d_right{float: right;height: 420px;width: calc(100% - 740px);}
.d_right h1{font-size: 20px;color: #444444;margin-bottom: 20px;;border-bottom:1px solid #eee;line-height:70px;}
.d_right p{color: #666;line-height: 70px;font-size: 20px;}
.d_right p span{color: #666;line-height: 50px;font-size: 18px;}

.d_right  h3{background: url(../images/de1.png) no-repeat left top;font-size: 30px;color: #eb3339;height:80px;;
    line-height: 50px;padding-top:20px;margin-bottom: 30px;padding-left:70px;border-bottom:1px solid #eee;;}
.d_right h4{font-size: 20px;color: #404040;margin-bottom: 30px;}
.d_right .d_right2 p{font-size: 16px;line-height: 40px;}
.d_right .d_right2 i{font-size: 10px;margin-right: 10px;}
.d_right2{height: 240px;}

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

.infos_q ul{margin-top: 40px;}
.infos_q li{margin-bottom: 20px;float:left;width: calc(33% - 20px);height: 320px;overflow: hidden;margin-right: 20px;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  img{width: 100%;height: 274px;}
.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: #666;margin-bottom: 10px;line-height: 50px;;}
.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:#de0f16;}


/*  联系我们  */
.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;}
.c_contact h3{font-size: 20px;color: #333;margin-bottom: 20px;margin-top: 20px;}

.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: #de0f16;border-bottom: 2px solid #de0f16;}
.det h4 em{font-size: 12px;margin:0 15px;}
.det .det_s{margin-top: 40px;}

.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: #de0f16;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,.det_s p span{font-size: 16px;line-height: 35px;}




/*  新闻资讯            */
.news_list_z dd{width: 440px;height: 280px;background: #fff;float: left;margin-right: 32px;padding:30px 30px 5px 30px;
    box-sizing: border-box;margin-bottom: 32px;max-width:31%;}
.news_list_z dd:nth-child(3n){margin-right: 0;}
.news_list_z dd h3{font-size: 17px;color: #333333;line-height: 35px;margin-bottom: 5px;font-weight: normal;}
.news_list_z dd:hover h3{color: #c40202;}
.news_list_z dd p{font-size: 15px;color: #666666;line-height: 34px;margin-bottom: 18px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.news_list_z dd span{font-size: 16px;color: #888888;}
.news_list_z dd span a{float: right;margin-right: 5px;}
.news_list_z h5{border-bottom:1px solid #eee;line-height:54px;}
.news_list_z h5 span{font-size: 24px;color: #c40202;border-bottom: 3px solid #c40202;padding-bottom:15px;}

.news_list_z ul{margin-top:50px;}
.news_list_z ul li{float:left;margin-left:30px;position: relative;max-width:31%;}
.news_list_z ul li:first-child{margin-left:0;}
.news_list_z ul li img{width:446px;height:390px;max-width:100%;}
.news_list_z ul li p{position: absolute;bottom:0;width:100%;height:50px;line-height: 50px;text-align: center;background: rgba(0,0,0,.6);color:#fff;}
/* 工艺开发 */
.case_list li{height: 340px;border-bottom: 1px solid #eee;margin-top: 40px;}
.case_list li:first-child{margin-top: 62px;}
.case_list li .case_2{float: right;width: calc(100% - 420px);height: 252px;}
.case_list li > a > img{width: 355px;height: 300px;}
.case_list li h5{font-size: 20px;color: #666;line-height: 55px;margin-top:30px;}
.case_list li .case_2 img{margin-right: 10px;margin-top: -4px;}
.case_list li .case_2 span{line-height: 36px;font-size: 14px;color: #666666;}
.case_list li .case_2 p{font-size: 14px;color: #666666;line-height: 30px;margin-top: 20px;margin-bottom: 30px;}
.case_list li .case_2 .xq{color: #fff;background: #df3535;padding:10px 36px;border-radius: 20px;;}
.case_list li:hover h5{color: #df3535;}
/* 工艺开发 */
.case_li ul{padding-top:0;}
.product_li ul li{height:314px;}
.product_li ul li h4{font-size: 18px;color: #333;text-align: center;line-height:45px;}
.case_li .case_li_1{height:274px;}
.case_li .case_li_2{transition: all 0;}
.product_li li:hover .case_li_2 h5{margin-top:20px;}
.product_li .case_li_2 h6 {line-height: 50px;margin-top: 5px;}
.case_li .case_li_2{height:274px;}

.case_u .case_li_1{height: 100%;}
.case_u .case_li_2{height:100%;}

.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{background: #fff;padding:50px 80px;;}
/* .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: #de0f16;}
.n_l .here h2 em{font-size: 8px;border-left:8px solid #de0f16;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;} */
.infos p.next{line-height: 60px;margin:30px 0 30px 0;text-align: left;border-top: 1px solid #eee;padding-top: 30px;color: #666;font-size: 16px;}
.infos p.next a{font-size: 16px;margin-left: 10px;color: #666;}
.infos p.next a:hover{color:#de0f16;}
.infos 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;}