.w1920{ width: 1920px; margin-left: -960px; left: 50%; position: relative; } .w1200{ width: 1200px; margin-left: -600px; left: 50%; position: relative; } .wh{width: 1200px;margin:0 auto;} .pos{position: relative;width:1920px;left:50%;margin-left:-960px;} .bxs{overflow: hidden;} .com-img{overflow:hidden;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} .flex{display: flex;justify-content: space-between;flex-wrap: wrap;} .flexs{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } /*头部*/ .top2{height:100px;margin-top:30px;} .logo{line-height:100px;} .lastli{ width:30px; cursor: pointer;position:relative;line-height:100px; } .so img { max-width: 100%; } .ss { display: none; position: absolute; right: 0; top: 100px; width: 238px; padding: 20px; z-index: 999; background:#0075c2; } .ss input { outline: none; line-height: 30px; width:25%; background: none; border: 1px solid #fff; background: #fff; font-size: 13px; color: #0075c2; float: left; } .ss #keyword { padding-left: 5px; line-height: 30px; width:75%; background: none; border: 1px solid #fff; outline: none; font-size: 13px; color: #fff; float: left; } .ss #keyword:-webkit-autofill { -webkit-text-fill-color: #fff !important; transition: background-color 5000s ease-in-out 0s; } .ss #keyword::placeholder { color: #fff; } #container{width:1200px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*��ҳ����*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"΢���ź�"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*��ҳ�����ϵ����*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"΢���ź�"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*���̰���*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"΢���ź�"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*��Ʒ�Ƽ�*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"΢���ź�";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*Ʒ���б�*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*ǰ̨��ҳǩ*/ .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*主体样式*/ .box1{margin-top:82px;} .bt{text-align:center;} .bt .wz{color:#666666;font-size:24px;} .bt .wz2{color:#333333;font-size:54px;font-weight:bold;line-height:65px;} .bt .hx{width:90px;height:5px;background:#0075c2;margin:0 auto;margin-top:15px;} .vd{height:731px;margin-top:66px;} .box2{margin-top:76px;} .cp{position:relative;} .cp .mySwiper1{overflow:hidden;padding:0 1px;} .cp .swiper-slide{width:361px;} .cp .swiper-slide img{width:361px;height:294px;display:block;} .cp .swiper-slide .det{border:1px solid #eaeaea;height:222px;border-top:none;} .cp .swiper-slide .wz{color:#005bac;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;width:90%;margin:0 auto;padding:30px 0 15px;} .cp .swiper-slide .wz2{color:#333333;font-size:18px;overflow:hidden;line-height:30px;height:120px;width:320px;margin:0 auto;font-weight:normal;} .cp .swiper-slide .wz2 strong{font-weight:normal;} .cp .swiper-pagination1{width:100%;text-align:center;left:0;right:0;margin-top:43px;position:relative;z-index:99;} .cp .swiper-pagination-bullet{width:51px;height:9px;margin:0 7px;display: inline-block;border-radius: 100%;background:#ffd9bb;opacity:1;cursor:pointer;border-radius:25px;} .cp .swiper-pagination-bullet-active{background:#ff811f;opacity:1;} a.pm{display:block;text-align:right;margin-top:15px;font-size:20px;font-family:楷体;color:#333333;} a.pm img{vertical-align:2px;margin-left:8px;} .box3{margin-top:45px;} .ads1{margin-top:70px;} .ads1 li{text-align:center;} .ads1 li .img img{width:203px;height:203px;display:block;margin:0 auto;} .ads1 li .wz{color:#333333;font-size:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;text-align:center;margin-top:38px;} .bg{background:url(../images/bg.jpg) no-repeat;height:1981px;} .box4{padding-top:66px;} .abcont{margin-top:69px;} .abpic{position:relative;width:609px;} .abpic .mySwiper2{overflow:hidden;} .abpic .swiper-slide img{width:609px;height:307px;display:block;} .abpic .swiper-pagination2{width:100%;text-align:center;left:0;right:0;margin-top:40px;position:relative;z-index:99;} .abpic .swiper-pagination-bullet{width:51px;height:9px;margin:0 7px;display: inline-block;border-radius: 100%;background:#ffd9bb;opacity:1;cursor:pointer;border-radius:25px;} .abpic .swiper-pagination-bullet-active{background:#ff811f;opacity:1;} .aby{width:553px;} .ab{color:#000000;font-size:24px;line-height:54px;overflow:hidden;text-align:justify;height:378px;margin-top:-15px;} .box5{margin-top:105px;} .xwcont{margin-top:47px;} .xwt{width:609px;} .xwt img{width:609px;height:387px;display:block;} .syxw{border-radius: 16px; background-color: rgb(255, 255, 255);box-shadow: 0px 0px 6.16px 1.84px rgba(225, 225, 225, 0.4);width: 554px;height: 388px;padding:0 20px;} .xw1{padding-top:15px;} .xw1 li{margin:4px 0;} .xw1 li a{height:49px;} .xw1 li .wz{color:#000000;font-size:24px;} .xw1 li .time{color:#000000;font-size:24px;} .xw1 li:hover a{background:#edecec;} .xw1 li:hover .wz{padding-left:15px;color:#0075c2;font-size:30px;} .xw1 li:hover .time{display:none;} .box6{margin-top:155px;} .ads2{margin-top:75px;text-align:center;} .ads2 li{display:inline-block;margin:0 39px;} .ads2 li .img img{width:138px;height:138px;display:block;margin:0 auto;} .ads2 li .wz{color:#333333;font-size:24px;margin-top:33px;} .box7{margin-top:10px;} .anli{position:relative;margin-top:40px;} .anli .mySwiper3{overflow:hidden;} .anli .swiper-slide img{width:388px;height:318px;display:block;} .anli .swiper-pagination3{width:100%;text-align:center;left:0;right:0;margin-top:70px;position:relative;z-index:99;} .anli .swiper-pagination-bullet{width:51px;height:9px;margin:0 7px;display: inline-block;border-radius: 100%;background:#ededed;opacity:1;cursor:pointer;border-radius:25px;} .anli .swiper-pagination-bullet-active{background:#c3c3c3;opacity:1;} a.pm4{margin-top:-25px;position:relative;z-index:9999;} /*底部*/ .foot{background:#ededed;margin-top:110px;} .foot .wh{position:relative;} .codes{width:105px;text-align:center;position:absolute;right:0;top:-58px;} .codes p:nth-child(2){color:#000000;font-size:16px;margin-top:10px;} .fcont{padding-top:90px;} .foot1{width:510px;} .fdh{font-size:62px;font-family:Impact;font-style:italic;color:#000000;line-height:66px;} .rx{color:#000000;font-size:32px;} .yx{font-size:32px;color:#000000;margin-top:20px;} .yx p:nth-child(2){font-size:16px;} .x-message2{width:576px;margin-right:47px;} .ms{width:283px;} .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea { width: 100%; height: 49px; border:2px solid #1065b0; padding: 0 7px; font-size: 20px; color:#005bac; background:none; outline: none; margin-bottom:25px; } .x-message-wrap2 input[type='text']::-webkit-input-placeholder, .x-message-wrap2 textarea::-webkit-input-placeholder { color:#005bac; } .x-message-wrap2 input[type='text']:-ms-input-placeholder, .x-message-wrap2 textarea:-ms-input-placeholder { color:#005bac; } .x-message-wrap2 input[type='text']::-ms-input-placeholder, .x-message-wrap2 textarea::-ms-input-placeholder { color:#005bac; } .x-message-wrap2 input[type='text']::placeholder, .x-message-wrap2 textarea::placeholder { color:#005bac; } .x-message-wrap2 textarea { padding-top: 5px; height:170px; resize: none; } .x-message-wrap2 #checkcode { float: left; width: 31%; margin-bottom: 0; border:2px solid #1065b0;height:49px; } .x-message-wrap2 .checkCodeImg { float: left; display: block; text-align: center; width:32%; height: 49px; font-size: 0; background: #e7e4e4; padding: 5px 10px;cursor:pointer; } .x-message-wrap2 #checkCodeImg2 { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .x-message-wrap2 .checkCodeImg:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; } .x-message-wrap2 #checkCodeImg2 img { cursor: pointer; } .x-message-wrap2 .x-submit { float: right; width: 31%; height: 49px; background: #005bac; color: #fff; font-size:24px; border: none; outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; } .x-message-wrap2 .x-submit:hover { background: #005bac; } .copyright{color:#000000;font-size:14px;line-height:24px;padding:36px 0;text-align:center;} .copyright a{color:#000000;} .copyright a:hover{color:#005bac;} /*------------��ҳ-------------------*/ .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;margin:0 auto;} .n_banner img{width:100%;margin:0 auto} .sitemp{overflow:hidden;color:#333333;font-size:24px;margin-top:56px;} .sitemp .site{} .sitemp .site a{color:#333333;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_album{margin-top: 15px;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .left{margin-top:80px;margin-bottom:70px;} .left .box{} .left .box h3{color:#333333;font-size:54px;} .left .box h3 span{background:url(../images/hx.png) no-repeat top left;display:block;color:#666666;font-size:24px;font-weight:normal;margin-top:22px;padding-top:10px;} .left .box .content{} .right{padding-bottom:10px;} .right .content{} /*新闻列表*/ .nyxw li{margin-bottom:95px;} .nyxw li .time{background-color: rgb(0, 91, 172);width: 237px;height: 237px;text-align:center;color:#fff;} .nyxw li .tm1{font-size:82px;font-weight:bold;padding-top:28px;} .nyxw li .tm2{font-size:32px;} .nyxw li .det{width:930px;} .nyxw li .wz{color:#000000;font-size:32px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nyxw li .wz2{color:#000000;font-size:24px;line-height:40px;height:120px;overflow:hidden;margin:18px 0 15px;text-indent:25px;} .nyxw li .mo{color:#005bac;font-size:24px;} /*案例列表*/ .an1{margin-top:-35px;} .an1 li{float:left;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 24.25px 0.75px rgba(0, 0, 0, 0.24);height: 443px;margin-right:52px;margin-bottom:38px;} .an1 li:nth-child(3n){margin-right:0;} .an1 li .img img{width:365px;height:312px;display:block;} .an1 li .det{width:306px;margin:0 auto;margin-top:24px;} .an1 li .wz{color:#000000;font-size:26px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:15px;} .an1 li .nr{height:23px;} .an1 li .wz2{color:#000000;font-size:18px;} .an1 li .wz2 img{margin-right:5px;} .an1 li .wz3{color:#005bac;font-size:18px;} .an2{margin-top:-35px;} .an2 li{float:left;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 24.25px 0.75px rgba(0, 0, 0, 0.24);height: 443px;margin-right:52px;margin-bottom:38px;} .an2 li:nth-child(3n){margin-right:0;} .an2 li .img img{width:365px;height:312px;display:block;} .an2 li .det{width:306px;margin:0 auto;margin-top:24px;} .an2 li .wz{color:#000000;font-size:26px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:15px;text-align:center;} .an2 li .wz img{margin-right:8px;} .an2 li .nr{text-align:center;} .an2 li .wz2{color:#000000;font-size:18px;display:inline-block;margin-right:10px;} .an2 li .wz3{color:#005bac;font-size:18px;display:inline-block;margin-left:10px;} /*产品列表*/ .nycp li{float:left;margin-right:38px;margin-bottom:82px;width:362px;} .nycp li .img img{width:362px;height:295px;display:block;} .nycp li .det{border:1px solid #eaeaea;height:222px;border-top:none;} .nycp li .wz{color:#005bac;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;width:90%;margin:0 auto;padding:30px 0 15px;} .nycp li .wz2{color:#333333;font-size:18px;overflow:hidden;line-height:30px;height:120px;width:320px;margin:0 auto;font-weight:normal;} .nycp li .wz2 strong{font-weight:normal;} /*招聘*/ .job_list li a{background:#d9e7f3;height:88px;} .job_list li .aa{color:#000000;width:25%;font-size:22px;text-align:center;line-height:88px;} .job_list li .a1{color:#005bac;} .job_list li:nth-child(2n) a{background:#f2f7fb;} .case_detail{margin-top:-40px;} .abana{margin-bottom:37px;} .abana .img{width:479px;height:328px;} .abana .img img{width:479px;height:328px;display:block;} .ynanli{color:#000000;font-size:40px;width:678px;line-height:68px;} /*联系我们*/ .nylxz{width:640px;} .sort_menu22 h3{color:#333333;font-size:54px;} .sort_menu22 h3 span{background:url(../images/hx.png) no-repeat top left;display:block;color:#666666;font-size:24px;font-weight:normal;margin-top:22px;padding-top:10px;} .lxbox1{margin-top:115px;margin-bottom:64px;} .ztlx p:nth-child(odd){color:#005bac;font-size:24px;font-weight:bold;margin-top:30px;} .ztlx p:nth-child(even){color:#005bac;font-size:22px;font-style:italic;} .lxcode{width:345px;text-align:center;} .lxcode p:nth-child(2){color:#005bac;font-size:24px;margin-top:23px;} .lxmap{width:1200px;height:740px;margin-bottom:200px;} /*关于我们*/ .gybox1{margin-top:78px;} .avideo{height:724px;margin:5px 0 22px;} .abadd li{width:588px;} .abadd li img{width:588px;height:353px;display:block;} .nyabwz{color:#000000;font-size:24px;line-height:54px;text-align:justify;margin-top:28px;} .gybox2{margin:108px 0 200px;} .abadd2{margin-top:58px;} .abadd2 li{text-align:center;margin-bottom:66px;} .abadd2 li .wz{font-size:42px;color:#000;font-family:Impact;} .abadd2 li .wz span{margin:0 9px;} .abadd2 li .wz2{font-size:42px;color:#000;line-height:68px;margin-top:5px;} .pernr5{ overflow: hidden; margin: 0 auto; } .pernr51{position: relative;overflow:hidden;width:343px;height:322px;} .pernr51 .swiper-wrapper .swiper-slide img{width: 100%;display:block;overflow:hidden;} .pernr52{overflow:hidden;width:812px;} .pernr52 .swiper-wrapper .swiper-slide{height:244px;overflow:hidden;cursor:pointer;} .pernr52 .swiper-wrapper .on.swiper-slide{} .pernr52 .swiper-wrapper .swiper-slide img{width: 100%;display:block;}