@import url(style.css); @import url(pscroll.css); @import url(lrtk3.css); /*内页*/ @keyframes scaleAnim{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1.1); transform: scale(1.1); } } @font-face { font-family:Barlow-Bold; src: url('../fonts/Barlow-Bold.ttf'); } @font-face { font-family:Barlow-Regular; src: url('../fonts/Barlow-Regular.ttf'); } .all { background:#fff !important;} .bode{ /* overflow: hidden; */ margin: 0 auto; margin-top: 0%; margin-bottom: 8%; width: 90%; padding-top: 5%; } .aaaaaaaaaao1{ display:block} .bbbbbbbbbbb0{ display:none} .contact_1_2{ font-size:1.125em; color:#414141;width:100%; padding-top:30px} .contact_1_2 p { font-size: 1.125em; color: #414141; width: 100%; padding-top: 0px; line-height:30px } .bigbox{width:90%; margin:0 auto} .wrap{ width:100%; margin:0 auto} .postions{ height:280px; line-height:60px; overflow:hidden;color:#555555; font-size:15px; width:100%; z-index:5; position: absolute; z-index:7; color:#333; top:230px; } .postions h2{ font-size:56px; text-align:center; color:#fff; display:block; width:100%; font-weight:bold; text-shadow: 0 0 5px rgba(0,0,0,.5); height:70px; line-height:70px} .postions span{ font-size:20px; font-weight:normal; font-family:Barlow-Regular; text-transform:capitalize; color:#fff; text-align:center;text-shadow: 0 0 2px rgba(0,0,0,.4); display:block} .posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5; color:#333;} .postions .wrap2{ background: none; border-radius:0px; width:90%; margin:0 auto} .postions a{color:#333; } .postions a:hover{ color:#333;} .postions label{ color:#555555;} .postions .postions_r{ } .postions .postions_r img{ vertical-align:baseline; margin-right:8px; margin-left:30px;} .postions h2 span{font-size:16px; font-family:Arial; } .postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto; padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none; margin-right:10px;} .postions_b{ padding-right:5%; padding-left:5%; padding-top:40px; line-height:45px; height:65px; margin-bottom:20px;/* border-bottom:1px solid #dedede;*/ padding-bottom:20px; text-align:center; background:#fff; } .postions_b a{ text-align:center;overflow:hidden; font-size:16px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; padding-left:20px; padding-right:20px; display:inline-block;} .postions_b a:hover{color:#0179c6;} .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:100%;opacity: 0;background:url(../images/about_bg2.jpg) center center no-repeat; background-size:cover;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1; } .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;} .postions_b a.isel{color:#fff; font-weight:700; box-shadow:3px 3px 3px 3px rgba(0,0,0,.1);} .postions_b .about_divs { text-align:center; width:100%;} /*分类弹窗*/ .about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;} .about_tc .closed2{ display:none;} .o_big_con{ position:relative; overflow:hidden; } .o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards; height:650px; z-index:-11; } .o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0; } .o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;} .o_big_con .cons .wrap{ height:100%; display:table; } .o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle; color:rgba(255,255,255,1.0); text-align:center; text-transform:uppercase; padding-top:100px;} .o_big_con .h2 span{ display:block; overflow:hidden; font-weight:bold; color:rgba(255,255,255,0.24); line-height:1; text-transform:uppercase; margin-top:12px; font-size:16px; font-family:Arial;} .daohang{ width:70%; background: #fff; opacity: 0.88;border: 1px solid #e4e4e4; border-radius:45px; margin:0 auto; margin-top:30px; height:70px; display:flex;} .daohang a{ flex:1; text-align:center; line-height:70px; font-size:18px} .daohang2{ width:60%; background: #fff; opacity: 0.88;border: 1px solid #e4e4e4; border-radius:45px; margin:0 auto; margin-top:30px; height:70px; display:flex;} .search1 { float: left; height: 70px; width: 88%; border: 0px solid #FFFFFF; color: #6d6d6d; display: inline; line-height: 70px; font-size: 20px; text-align: center; margin-left:30px; letter-spacing:1px } .searchimg1 { float: left; display: inline; margin-top:20px } /*分页*/ .yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4.3%; padding-bottom:4.3%; clear:both;} .yema a{ display:inline-block; height:36px; line-height:36px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:3px; margin-right:3px; text-align:center; color:#828282; font-size:14px; border:1px solid #eeeeee; background:#eeeeee;} .yema a:hover{ text-decoration:none; color:#fff; background:url(../images/news_bg1.png) no-repeat; background-size:cover;border:1px solid #3db247;} .yema a.on{color:#fff; background:url(../images/news_bg1.png) no-repeat; background-size:cover;border:1px solid #3db247;} .yema a.first,.yema a.last{ margin-right:0; } .yema a.first:hover,.yema a.last:hover{background:url(../images/news_bg1.png) no-repeat; background-size:cover;} .yema a span{ font-family:"宋体"; font-size:16px;} /*公司介绍*/ .about_con{ overflow:hidden; line-height:32px;font-size:16px; color:#666666; padding-top:0%; margin-bottom:7%;} .about_con .dingzhi_desc{ text-align:center; overflow:hidden; max-width:930px; margin:0 auto; margin-top:3%;} .about_t{ overflow:hidden;text-align:center; text-transform:uppercase; margin-bottom:0%; position:relative; color:#ededed;font-weight:bold; line-height:1; font-family:Arial, Helvetica, sans-serif; font-weight:900; height:100px} .about_t .h3{ overflow:hidden;text-transform:none; width:100%; color:#333; font-weight:700;} .about_t.bgs2{ margin-bottom:0;margin-top:7%; } .about_t.bgs2 .h3{ position:static;transform: translate(0%, 0%); color:#333; font-weight:normal;} .about_con img{max-width:100%;} .about_con .h4{ font-weight:bold;} .about_ul{ margin-top:4%; overflow:hidden; color:#fff; } .about_ul ul li{ float:left; width:49%;text-align:center; border-radius:6px; overflow:hidden; position:relative; } .about_ul ul a:nth-child(2n+0) li{ float:right;} .about_ul ul li .img{position:absolute; top:0; left:0; width:100%; height:100%;background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .about_ul ul li .img:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);} .about_ul ul li:hover .img{ -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .about_ul ul li .boxs{ padding-bottom:11%; padding-top:12.5%; overflow:hidden;position:relative; z-index:1;} .about_ul ul li i{ display:block; width:80px; height:80px; margin:0 auto; overflow:hidden; background-repeat:no-repeat; background-size:100% 100%; margin-bottom:30px; } .about_ul ul li i.bgs1{ background-image:url(../images/about_pic2.png);} .about_ul ul li i.bgs2{ background-image:url(../images/about_pic3.png);} .about_ul ul a li { color:#fff;} .about_ul ul li .h3{ font-weight:bold; width:94%; margin:0 auto; line-height:36px; height:36px; overflow:hidden; margin-bottom:6px; } .about_ul ul li .p{ width:94%; margin:0 auto;line-height:26px; font-size:16px;} /*联系我们*/ .contact_ul{ overflow:hidden; margin-top:3%; font-size:16px; line-height:26px; color:#666666; margin-bottom:5%;} .contact_ul ul li{float: left; width: 25%; overflow: hidden; text-align: center; border-bottom: 1px solid #e4e4e4; padding-bottom: 5%; } .contact_ul ul li .box{ padding-left:2%; padding-right:2%; padding-top:7%; padding-bottom:12%; } .contact_ul ul li .box a{ color:#666666;transition:all 0.3s;} .contact_ul ul li .box a:hover{ color:#0179c6;} .contact_ul ul li .box .h3 { font-weight: 700; color: #333; margin-bottom: 1%; font-size: 19px; text-align: left; } .contact_ul ul li .box i{ margin:0 auto; width:52px; height:52px; display:block; transition:all 0.3s; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; margin-bottom:3%;transition:all 0.3s; border-radius:50%; float:left;} .contact_ul ul li .box .r { width: 80%; float: right; }.contact_ul ul li .box .r p{ margin:0; text-align:left } .contact_ul ul li .box i.bgs1{ background-image:url(../images/contact_pic1.png);} .contact_ul ul li .box i.bgs2{ background-image:url(../images/contact_pic2.png);} .contact_ul ul li .box i.bgs3{ background-image:url(../images/contact_pic3.png);} .contact_ul ul li .box i.bgs4{ background-image:url(../images/contact_pic4.png);} /*.contact_ul ul li:hover i{transform: rotate(360deg);}*/ /*.contact_ul ul li:hover .box i.bgs1{ background-image:url(../images/contact_pic1_on.png);} .contact_ul ul li:hover .box i.bgs2{ background-image:url(../images/contact_pic2_on.png);} .contact_ul ul li:hover .box i.bgs3{ background-image:url(../images/contact_pic3_on.png);}*/ .contact_ul ul li .p { margin: 0 auto; overflow: hidden; font-weight: 400; text-align: left; font-size: 16px; line-height:30px } .contact_ul ul li .p label{ display:block; color:#999999; margin-top:4px;} .contact_map{ margin-top:0.5%; overflow:hidden; margin-bottom:60px;} .contact_map iframe{height: 522px;} .feedback_div2{padding-bottom:6%; overflow:hidden; text-align:center; margin-top:3%; } .feedback_div2 .divs{float:left; width:32%; margin-right:2%;margin-bottom:2%; position:relative;} .feedback_div2 .divs:nth-child(3n+0){ margin-right:0;} .feedback_div2 .inputs2{ width:99%; background:#f8f8f8; height:46px; line-height:46px; font-size:15px; color:#a0a0a0; border:1px solid #eeeeee; outline:none; text-indent:28px; font-family:"微软雅黑";} .feedback_div2 .feedback_t{ color:#999999; font-size:16px; padding-left:28px; overflow:hidden; background:url(../images/contact_pic5.png) left center no-repeat; text-align:left; margin-bottom:2%; margin-top:2%;} .feedback_div2 .feedback_t.bgs2{ background:none; padding-left:0;} .feedback_div2 .feedback_t font{ color:#fe1212;} .feedback_div2 .textarea{ padding:1%; width:calc(99% - 30px);width:-webkit-calc(99% - 30px);width:-moz-calc(99% - 30px); padding-left:28px; background:#f8f8f8; font-size:15px; border:1px solid #eeeeee; outline:none;margin-bottom:2%; color:#a0a0a0; height:190px;font-family:"微软雅黑"; } .feedback_div2 .bnts2{ float:left; border: none; width:100%; max-width:107px;font-size:14px;height: 40px; line-height:40px; background:url(../images/contact_pic6.png) no-repeat; background-size:100% 100%; text-align: center;color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; border-radius:20px;} .feedback_div2 .bnts2:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;} .feedback_div2 .inputs2.bgs2{ text-indent:80px;} /*.feedback_div2 .selects{ position:absolute; left:2px; padding-left:4%; height:46px; line-height:46px; top:1px; width:70px; border:0; font-size:15px; outline:none;}*/ /*合作伙伴*/ .partner_ul{ overflow:hidden; margin-top:4%; border-left:1px solid #ececec;border-top:1px solid #ececec;} .partner_ul ul li{ width:20%;float:left; overflow:hidden; transition:all 0.3s;} .partner_ul ul li .box{ border-right:1px solid #ececec; border-bottom:1px solid #ececec; overflow:hidden;} .partner_ul ul li .imgs{ overflow:hidden;transition:all 0.6s;} .partner_ul ul li .imgs img{ display:block; width:100%;transition:all 0.6s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/} /*.partner_ul ul li:hover .imgs img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}*/ .partner_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} .partner_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} /*研发定制*/ .feedback_div{ max-width:850px; margin:0 auto;overflow:hidden; text-align:center; margin-top:4%;} .feedback_div label{ display:block; color:#999999; text-align:left; margin-bottom:1%; font-size:14px;} .feedback_div label.bgs2{ margin-bottom:1%;} .feedback_div label .reds{ color:#fe1212;} .feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;} .feedback_div .divs:nth-child(2n+0){ margin-right:0;} .feedback_div .inputs2{ width:99%; background:#f8f8f8; height:56px; line-height:56px; font-size:14px; color:#999999; border:1px solid #eeeeee; outline:none; text-indent:20px; font-family:"微软雅黑";} .feedback_div .inputs2.bgs2{ margin-bottom:2%; text-indent:0; padding-left:10px;} .feedback_div select::-ms-expand { display: none; } /*.feedback_div .textarea{ padding:1%; padding-left:20px; width:99%;box-sizing:border-box;-moz-box-sizing:border-box;webkit-box-sizing:border-box; background:#f8f8f8; font-size:14px; font-family:"微软雅黑";border:1px solid #eeeeee; outline:none; color:#999999; height:170px; }*/ /*.feedback_div .textarea:focus{ color:#666;}*/ .feedback_div .bnts2{ border: none; width:30%; max-width:165px;font-size: 14px; height: 46px; line-height:46px; background:url(../images/dingzhi_bg1.png) no-repeat; background-size:100% 100%; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none; cursor: pointer; -webkit-appearance: none; margin:0 auto; margin-top:2%; border-radius:20px; text-transform:uppercase;transition:all 0.3s;} .feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);} /*新闻中心*/ .news_con1{ /*overflow:hidden;*/ margin:0 auto;margin-top:0%; margin-bottom:2%; width:90%; padding-top:5% } .news_con{ /*overflow:hidden;*/ margin:0 auto;margin-top:0%; margin-bottom:8%; width:90%; padding-top:5% } .news_con ul{ margin-top:5%} .news_con ul li{ overflow:hidden;background: url(../images/about_bg3.png) #f8f8f8 right bottom no-repeat; background-size: 50% auto;display:block; position:relative; border-radius:6px; margin-bottom:28px; padding:3%} .news_con ul li .imgs{ width:20%; float:left; overflow:hidden; position:relative; height:200px; } .news_con ul li .imgs img{ height:100%;width:100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .news_con ul li:hover { box-shadow:5px 5px 5px 5px rgba(0,0,0,.1);} .news_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .news_con ul li .imgs span{ position:absolute; left:0; bottom:0; width:100px; height:40px; line-height:40px; background:#0179c6; color:#fff; text-align:center; font-size:16px; display:none;} .news_con ul li .i_about_r{ position:absolute; right:0; top:15%; width:80%; overflow:hidden;} .news_con ul li .i_about_r .cons{ width:90%; margin:0 auto; overflow:hidden;} .news_con ul li .i_about_r h3{ line-height:28px; max-height:56px; overflow:hidden; font-size:20px; color:#333333; font-weight:normal;transition: all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .anlip { line-height:30px; font-size:15px; color:#fff} .anlih3 { font-size:25px !important; line-height:60px!important; font-weight:700 !important;} .news_con ul li .i_about_r em{ display:block; text-align:right; font-style:normal; font-size:16px; color:#999999; height:30px; line-height:30px; margin-top:5%;background: url(../images/about_bg4.png) left center no-repeat;transition:all 0.3s; font-family:Barlow-Regular} .news_con ul li:hover .i_about_r em{ background-image:url(../images/i_bg4_on.png);} .news_con ul li .i_about_r .p{ height:57px; overflow:hidden; font-size:16px; color:#666; line-height:30px; margin-top:23px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_con ul li:hover .i_about_r h3{ color:#0179c6;} .news_ul{ overflow:hidden; padding-top:1%;} .news_ul ul li{ display:block; overflow:hidden; padding-top:3.5%; padding-bottom:3.5%; border-bottom:1px solid #eeeeee;} .news_ul ul li .txts{ overflow:hidden; max-width:1130px;} .news_ul ul li .dates{ float:right; padding-right:32px; position:relative;line-height:20px; overflow:hidden; text-align:right; margin-top:16px;font-size:16px; color:#999999; margin-left:30px;} .news_ul ul li .dates:after{ content:""; width:1px; height:36px; position:absolute; top:50%; margin-top:-18px; right:0; background:#dddddd;} .news_ul ul li .dates b{ display:block; height:27px; line-height:27px; overflow:hidden; color:#333; font-size:20px;font-weight:bold;} .news_ul ul li .nmores{ float:right; margin-left:30px;margin-top:21px; width:30px; height:30px; background:url(../images/about_bg4.png) no-repeat; background-size:100% 100%;} .news_ul ul li:hover .nmores{ background-image:url(../images/i_bg4_on.png);} .news_ul ul li .h3{ font-weight:normal; font-size:18px; color:#333333; height:28px; line-height:28px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .news_ul ul li .p{ overflow:hidden; line-height:20px; height:40px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px; color:#888888; margin-top:12px;} .news_ul ul li:hover .h3{ color:#0179c6;} /*新闻资讯详细*/ .about_x2{ margin:0 auto;width:90%; padding-bottom:2%; padding-top:6%;} .about_x2.bgs2{ float:none; width:100%; border-right:0; padding-right:0;} .about_x2.bgs2 .show_t{ text-align:center;} .about_x2.bgs2 .con_line{ text-align:center; height:auto;} .about_x2 .show_t{ line-height:32px; font-size:24px; color:#333333; text-align: center; margin-bottom:1%; margin-top:5px; font-weight:bold;} .about_x2 .con_line{height:40px; line-height:40px;font-size:15px; color:#c8c8c8; border-bottom:1px solid #f0f0f0; text-align: center; padding-bottom:1%; } .about_x2 .con_line a { padding-left:25px; color:#c8c8c8;} .about_x2 img{margin-bottom:10px; display:block; max-width:60%; height:auto!important; margin:0px auto;} .about_x2 .con_id{ line-height:28px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:4%;font-size:15px; color:#555555;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;} .about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;} .about_x2 .con_id p{ padding-bottom:10px; overflow:hidden; font-size:15px} .about_x2 table{border-collapse:collapse;border-spacing:0;} .about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/} .prenext{ padding-top:3%; text-align:center; font-size:15px;margin-bottom:7%;border-top:1px solid #e2e2e2; overflow:hidden; line-height:26px; color:#555555; text-align:center; } .prenext span{ width:40%; overflow:hidden;} .prenext span.l{ text-align:left;} .prenext span.r{ text-align:right;} .prenext span.r { text-align: right; display: block; width: 100%; }.f30 { font-size: 34px; line-height:70px } .prenext a{ color:#555555; overflow:hidden; transition:all 0.3s; font-size:15px} .prenext a:hover{ color:#0179c6; text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);} .prenext .goback{ display:inline-block; vertical-align:top; height:38px; line-height:38px; width:120px; border:1px solid #9e0534; border-radius:20px; color:#2f62b6; margin-top:-6px;} .prenext .goback:hover{ background:#0179c6; color:#fff;} .fenxiang{ float:right;} .about_x2.bgs2 .fenxiang{ float:none; margin-top:10px;} .fenxiang div.social-share{ display:inline-block; vertical-align:top;} .fenxiang .news_fx{ text-align:center;display:inline-block; vertical-align:top; padding-left:3px; padding-right:3px;} .fenxiang .news_fx ul li{ display:inline-block; width:30px; height:30px; margin-left:4px; margin-right:4px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;} .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/fx_pic1.png);} .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/fx_pic2.png);} .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/fx_pic3.png);} .fenxiang .news_fx ul li:hover{transition:all 0.3s/*;opacity:0.8;filter:Alpha(opacity=80);*/} .fenxiang .news_fx ul li.bgs1:hover{ background-image:url(../images/fx_pic1_on.png);} .fenxiang .news_fx ul li.bgs2:hover{ background-image:url(../images/fx_pic2_on.png);} .fenxiang .news_fx ul li.bgs3:hover{ background-image:url(../images/fx_pic3_on.png);} .fenxiang .news_fx ul li a{ display:block; width:30px; height:30px; padding:0; margin:0;} .fenxiang .news_fx ul li a:hover{ background:none;} .fenxiang .social-share .icon-qq:before{ content:"";} .fenxiang .social-share .icon-qq{ border:0;} .fenxiang .social-share .icon-qq:hover{ background-image:url(../images/fx_pic1_on.png);background-size:100% 100%;} .fenxiang .social-share .icon-wechat:before{ content:"";} .fenxiang .social-share .icon-wechat{ border:0;} .fenxiang .social-share .icon-wechat:hover{ background-image:url(../images/fx_pic3_on.png);background-size:100% 100%;} .fenxiang .social-share .icon-weibo:before{ content:"";} .fenxiang .social-share .icon-weibo{ border:0;} .fenxiang .social-share .icon-weibo:hover{ background:url(../images/fx_pic2_on.png) no-repeat;background-size:100% 100%;} .news_r{ float:right; overflow:hidden; background:#fff; width:24%; max-width:290px; margin-top:3%; margin-bottom:5%;} .news_r .news_t{ font-weight:normal; overflow:hidden; position:relative; padding-left:10px;} .news_r .news_t .h2{ font-weight:normal; color:#333333; font-size:22px; margin-right:30px;height:70px; line-height:70px;} .news_r .news_ul3{ margin-left:10px;overflow:hidden;} .news_r .news_ul3 ul li{ display:block; border-bottom:1px solid #f0f0f0; padding-bottom:5%; margin-bottom:5%; overflow:hidden;} .news_r .news_ul3 ul li label{ display:block; height:24px; line-height:24px; color:#c8c8c8; font-size:14px;} .news_r .news_ul3 ul li .h3{ font-weight:normal; overflow:hidden;height:30px; line-height:30px; color:#333; font-size:15px;transition:all 0.3s; margin-top:1%; margin-bottom:1%;white-space:nowrap;text-overflow:ellipsis;} .news_r .news_ul3 ul li:hover .h3{ color:#0179c6;} .news_r .news_ul3 ul li:last-child{ border-bottom:0;} /*应用领域*/ .application_ul{ overflow:hidden; margin-top:4%;} .application_ul ul li{ float:left; width:23%; margin-right:2%; margin-bottom:2%; overflow:hidden; text-align:center;transition:all 0.3s; border-radius:6px;} .application_ul ul li:nth-child(4n+0){ margin-right:0;} .application_ul ul li .imgs{overflow:hidden; position:relative; padding-top:60%;} .application_ul ul li .imgs img{ display: block;width: 100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; } .application_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .application_ul ul li .imgs .bgs{ position:absolute; top:0; width:100%; left:0; height:100%; background:rgba(0,0,0,0.5);transition:all 0.3s;opacity:0;filter:Alpha(opacity=0); } .application_ul ul li .imgs .bgs i{left:50%; top:50%;transform: translate(-50%, -50%); position:absolute; width: 30px; height: 30px; overflow:hidden;background: url(../images/i_bg4_on1.png) top center no-repeat; background-size: 100% 100%;} .application_ul ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);} .application_ul ul li .txts{ clear:both; background:#f8f8f8;overflow:hidden;} .application_ul ul li:hover .txts{ background:url(../images/application_bg1.png) center center no-repeat; background-size:cover;} .application_ul ul li .txts .h3{ margin-right:2%; margin-left:2%; overflow:hidden;height:70px; line-height:70px; font-weight:normal; font-size:16px;color:#333333;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;} .application_ul ul li:hover .txts .h3{ color:#fff;} /*应用领域详细*/ .application_bg{ overflow:hidden; background:#f8f8f8; padding-top:7%;} .pro_one{ overflow:hidden; margin-top:0%; padding:35px; color:#999999; font-size:14px; margin-bottom:5%; background:#fff;} .pro_one .product_one_l{ width:620px; overflow:hidden; float:left; margin-right:4%;} .pro_one .product_one_l .phone_img{ /*border:1px solid #dddddd;*/ overflow:hidden;} .pro_one.bgs2 .product_one_l{ overflow:visible; position:relative; max-width:560px; } .pro_one.bgs2 .product_one_l img { width:100%; border-radius:5px; overflow:hidden;} .pro_one.bgs2 .product_one_l:before{ content:""; position:absolute; right:-2%; top:10%; height:80%; width:1px; background:#eeeeee;} .pro_one .pro_one_r{ overflow:hidden;} .pro_one .pro_one_r .product_t2{ margin-top:6%; overflow:hidden;} .pro_one .pro_one_r .product_t2 .h2{color:#333333; font-weight:bold; line-height:1.3; overflow:hidden;} .pro_one .pro_one_r .product_t2 .p2{font-size:14px; overflow:hidden; margin-top:1%; color:#666666; line-height:22px;} .pro_one .pro_one_r .p{line-height:22px; overflow:hidden;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee; padding-top:3%;padding-bottom:3%; margin-top:3%;} .pro_one .pro_one_r .p p{ margin-top:5px; margin-bottom:5px; overflow:hidden;} .pro_one .pro_one_r .p b{ font-weight:bold; display:block; overflow:hidden; font-size:16px; color:#333333; margin-bottom:8px;} .pro_one .pro_one_r .boxs{ margin-top:6%; overflow:hidden;} .pro_one .pro_one_r .a{border-radius:20px; float:left; padding-left:19px; height:41px; line-height:41px; background:url(../images/application_bg4.png) no-repeat; background-size:cover;color:#fff; padding-right:20px;transition:all 0.3s; display:block; font-size:16px; } .pro_one .pro_one_r .a:hover{opacity:0.8;filter:Alpha(opacity=80);} .pro_one .pro_one_r .a img{ display:inline-block; vertical-align:sub; height:22px; margin-right:10px;} .pro_one .pro_one_r .a2{ margin-left:14px; border-radius:20px; float:left; padding-left:22px; height:39px; line-height:39px; border:1px solid #0179c6;color:#0179c6; padding-right:19px;transition:all 0.3s; display:block; font-size:16px; } .pro_one .pro_one_r .a2 img{ display:inline-block; vertical-align:sub; height:17px;margin-right:13px;} .pro_one .pro_one_r .a2:hover{opacity:0.8;filter:Alpha(opacity=80);} /*产品中心详细*/ .product_t3{ line-height: 30px; overflow: hidden; color: #333333; font-size: 20px; margin-top: 4%;} .product_con{ margin-top:2%; overflow:hidden; line-height:28px; color:#666666; font-size:14px;} .product_con.bgs2{ margin-bottom:4%;} .product_con img{ max-width:100%;} .product_con table{border-collapse:collapse;border-spacing:0; text-align:center;} .product_con table th{ line-height:20px;height:46px; padding-top:3px; padding-bottom:3px; border:1px solid #eeeeee; padding-left:3px; padding-right:3px; font-size:16px; color:#333;background:#f5f5f5;} .product_con table td{ line-height:20px;height:46px; padding-top:3px; padding-bottom:3px; border:1px solid #eeeeee; padding-left:3px; padding-right:3px; color:#888888; font-size:14px; } .product_a{ margin-top:1.5%; overflow:hidden;} .product_a a{ float:left; line-height:32px; height:32px; overflow:hidden; text-align:center; padding-left:14px; padding-right:14px; min-width:50px; color:#666666; font-size:14px; border-radius:20px; background:#f3f3f3;transition:all 0.3s; margin-right:12px;} .product_a a:hover{ background:#0179c6; color:#fff;} .anli_con ul li:nth-child(1) { background: #0079c2; }.anli_con ul li:nth-child(2) { background: #4d86d0; }.anli_con ul li:nth-child(3) { background: #094f7b; }.anli_con ul li:nth-child(4) { background: #89a6c3; } .anli_con ul li:nth-child(5) { background: #35a5cf; } .anli_con ul li:nth-child(6) { background: #06307f; }.anli_con ul li:nth-child(7) { background: #0c70c6; } .anli_con{ /*overflow:hidden;*/ margin:0 auto;margin-top:0%; margin-bottom:8%; width:90%; padding-top:5% } .anli_con ul{ margin-top:5%} .anli_con ul li{ overflow:hidden; display:block; position:relative; margin-bottom:28px;} .anli_con ul li .imgs{ width:20%; float:left; overflow:hidden; position:relative; height:200px; } .anli_con ul li .imgs img{ height:100%;width:100%;/* -webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);transition-duration: 0.3s;transition-timing-function: ease-out;transition-property: opacity, transform, filter;*/-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .anli_con ul li:hover { } .anli_con ul li:hover .imgs img{/*-webkit-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg);*/-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .anli_con ul li .imgs span{ position:absolute; left:0; bottom:0; width:100px; height:40px; line-height:40px; background:#0179c6; color:#fff; text-align:center; font-size:16px; display:none;} .anli_con ul li .i_about_r{ position:absolute; right:0; top:0%; width:80%; overflow:hidden; } .anli_con ul li .i_about_r .cons{ width:90%; margin:0 auto; overflow:hidden; padding-top:5%; padding-left:2%} .anli_con ul li .i_about_r h3{ line-height:28px; max-height:56px; overflow:hidden; font-size:20px; color:#fff; font-weight:normal;transition: all 0.3s;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} table th, table td { border: 1px solid #ccc; line-height: 28px; } @media screen and (max-width: 1440px) { /*内页*/ /*.postions{ height:60px; line-height:60px; font-size:14px; } .postions .postions_r img{ margin-left:20px;} .postions_b a{ padding-left:56px; padding-right:56px; background:#eee; margin:0px 5px 20px 5px;} /*新闻资讯详细*/ .news_r .news_t .h2{ margin-right:20px; font-size:22px;} .postions_b a:hover{ box-shadow:3px 3px 3px 3px rgba(0,0,0,.1); background:url(../images/about_bg2.jpg) no-repeat center top; color:#fff; font-weight:700;}*/ } @media screen and (max-width: 1200px) { /*内页*/ .postions .postions_r img{ margin-left:15px;} .postions h2{ font-size:18px;} .postions h2 span{ font-size:14px;} .postions_b a{padding-left:15px; padding-right:15px;} .o_big_con .h2 span{ font-size:15px;} /*联系我们*/ .contact_map iframe{height: 420px; } .feedback_div2 .inputs2{ height:42px; line-height:42px; font-size:14px;} .feedback_div2 .inputs3{ height:42px; line-height:42px; font-size:14px;} .feedback_div2 .inputs4{ height:42px; line-height:42px; font-size:14px;} .feedback_div2 .textarea{ font-size:14px;} /*研发定制*/ .feedback_div .inputs2{ height:42px; line-height:42px; } /*.feedback_div2 .selects{ font-size:14px; height:38px; line-height:38px;}*/ /*新闻中心*/ .news_con ul li .i_about_r em{ margin-top:10%;} .news_con ul li .i_about_r h3{ line-height:26px; max-height:52px;} .news_con ul li .imgs span{ font-size:18px; width:130px; height:46px; line-height:46px;} /*应用领域详细*/ .pro_one{ font-size:14px;} .pro_one .product_one_l{ width:500px; margin-right:3%;} .pro_one .pro_one_r .product_t2{ margin-top:2%;} .pro_one .pro_one_r .p p{ margin-bottom:3px; margin-top:3px;} .pro_one .pro_one_r .boxs{ margin-top:4%;} .pro_one .pro_one_r .a{ font-size:15px;} .pro_one .pro_one_r .a2{ font-size:15px;} /*产品中心详细*/ .product_t3{ font-size:18px;} .product_con table{ min-width:1200px;} .product_con table th{ font-size:15px;} .product_con table td{ font-size:13px;} .product_con .table{ overflow-x:scroll;} } @media screen and (max-width: 1100px) { /*内页*/ .postions_b a{padding-left:13px; padding-right:13px;} .o_big_con .h2{ padding-top:0px;} .o_big_con .h2 span{ margin-top:0px; font-size:14px;} .postions .postions_r img{ margin-left:12px;} /*新闻资讯详细*/ .about_x2{ width:59%;} .news_r{ width:37%;} /*应用领域详细*/ .pro_one{ font-size:13px;} .pro_one .product_one_l{ width:450px;} .pro_one .pro_one_r .product_t2 .p2{ font-size:13px; line-height:20px;} .pro_one .pro_one_r .p{ margin-top:2%; padding-top:2%; padding-bottom:2%;} .pro_one .pro_one_r .p b{ font-size:15px;} } @media screen and (max-width: 960px) { /*内页*/ .postions .rclass{ display:block;} .postions_b{ display:none;} .postions_b a{ float:none; font-size:15px; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;} .postions_b a:hover{ background:#0179c6; color:#fff;} .postions_b a.isel{ color:#fff;background:#0179c6;} .postions_b a:after{ height:0;} .postions .postions_r img{ margin-left:10px;} .o_big_con{ position:static;} .o_big_con .h2 span{ font-size:13px;} /*分类弹窗*/ .about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;} .postions_b.lws .about_tc{ width:80%;} .postions_b.lws{ display:block;} .about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; top:0; overflow:hidden; height:100%;} .about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;} .about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;} /*公司介绍*/ .about_con{ font-size:15px; line-height:24px;} .about_ul ul li i{ width:70px; height:70px; margin-bottom:20px;} .about_ul ul li .h3{ height:30px; line-height:30px;} .about_ul ul li .p{font-size:15px;line-height:24px;} /*联系我们*/ .contact_map iframe{height: 360px;} /*合作伙伴*/ .partner_ul ul li{ width:25%;} /*新闻中心*/ .news_con ul li .i_about_r em{ margin-top:6%;} .news_con ul li .i_about_r h3{ line-height:24px; max-height:48px; font-size:16px;} .news_con ul li .i_about_r .p{ font-size:14px; margin-top:15px;} .news_con ul li .i_about_r em{ font-size:15px;} .news_con ul li .imgs span{ font-size:16px; width:120px; height:42px; line-height:42px;} /*新闻资讯详细*/ .about_x2{ width:100%; float:none;} .about_x2 .con_id{ line-height:26px; font-size:14px;} .news_r{ width:100%; float:none; max-width:none;} .news_r .news_ul3 ul li{ padding-bottom:2%; margin-bottom:2%;} .prenext{ font-size:14px; line-height:24px; text-align:right;} .prenext span{ width:70%;} .prenext .l{ float:none; display:block;} .prenext .r{ float:none; display:block;} .prenext span.r{ text-align:left;} .prenext .goback{ text-align:center; margin-top:-44px; width:110px;} .fenxiang .news_fx ul li{ width:26px; height:26px;} /*应用领域*/ .application_ul ul li .txts .h3{ height:60px; line-height:60px; font-size:15px;} /*应用领域详细*/ .pro_one{padding: 20px; font-size:13px;} .pro_one .product_one_l{ margin-right:2%;} .pro_one .pro_one_r .product_t2{ margin-top:0%;} .pro_one .pro_one_r .p{ padding-bottom:3%; line-height:24px; margin-top:4%; padding-top:3%;} .pro_one .pro_one_r .a{ padding-left:15px;font-size:14px;padding-right:15px;} .pro_one .pro_one_r .a img{ height:20px;} .pro_one .pro_one_r .a2{font-size:14px; padding-left:15px; padding-right:15px; margin-left:6px;} .pro_one .pro_one_r .a2 img{ height:15px; margin-right:10px;} } @media screen and (max-width: 900px) { /*应用领域详细*/ .pro_one{ padding:15px;} .pro_one .product_one_l{ margin-right:0; width:100%; float:none;} .pro_one.bgs2 .product_one_l{ max-width:none;} .pro_one .pro_one_r{ padding-top:4%; margin-bottom:4%;} } @media screen and (max-width: 830px) { /*内页*/ .postions h2{ font-size:16px;} .postions h2 span{ font-size:13px;} } @media screen and (max-width: 780px) { /*内页*/ .o_big{ height:330px;} .postions_b a{ height:44px; line-height:44px; font-size:14px;} /*分页*/ .yema a{ height:26px; line-height:26px; padding-left:6px; padding-right:6px; margin-left:2px; margin-right:2px; font-size:13px;} .yema a span{ font-size:14px;} /*联系我们*/ .contact_ul ul li{ width:50%;} .contact_ul ul li .box{ padding-bottom:6%;} .contact_ul ul li .box i{ margin-bottom:15px;} /*新闻中心*/ .news_con ul li .imgs{ width:100%; float:none;} .news_con ul li .i_about_r{ position:static; width:100%;transform: translate(0%, 0%);} .news_con ul li .i_about_r .cons{ max-width:none; margin-top:4%; margin-bottom:5%;} .news_con ul li .i_about_r em{ margin-top:4%;} /*产品中心详细*/ .product_t3{ font-size:16px;} .product_a a{ font-size:13px;} .product_con{ line-height:26px; font-size:13px;} .product_con table{ min-width:1000px;} .product_con table th{ font-size:14px; height:40px;} .product_con table td{ font-size:12px; height:40px;} } @media screen and (max-width: 640px) { /*内页*/ .position .postions_b a{ font-size:13px;} /*分页*/ .yema a{ font-size:12px;} .yema a span{ font-size:13px;} /*公司介绍*/ .about_con{ font-size:14px; line-height:22px;} .about_ul ul li i{ width:60px; height:60px; margin-bottom:10px;} .about_ul ul li .h3{ height:26px; line-height:26px;} .about_ul ul li .p{font-size:14px;line-height:22px;} /*联系我们*/ .contact_ul{ font-size:14px; line-height:24px;} .feedback_div2 .divs{ float:none; width:100%;} .feedback_div2 .inputs2{ font-size:13px; text-indent:2%;} .feedback_div2 .inputs3{ font-size:13px; padding-left:2%;} .feedback_div2 .inputs4{ font-size:13px; text-indent:2%;} .feedback_div2 .textarea{ font-size:13px; padding-left:2%; width:96%;} .feedback_div2 .bnts2{ font-size:13px; margin:0 auto; float:none;} .feedback_div2 .feedback_t{ font-size:14px;} /*.feedback_div2 .selects{ font-size:13px; padding-left:1.5%; left:3px;}*/ /*合作伙伴*/ .partner_ul ul li{ width:33.33%;} /*新闻中心*/ .news_con ul li .i_about_r .p{ font-size:13px;} .news_con ul li .i_about_r em{ font-size:14px;} .news_ul ul li .nmores{ display:none;} .news_ul ul li .dates{padding-left:15px; padding-right:0; margin-left:15px; font-size:14px;} .news_ul ul li .dates b{ font-size:18px;} .news_ul ul li .dates:after{ left:0; right:auto; } .news_ul ul li .h3{ font-size:16px; height:26px; line-height:26px;} .news_ul ul li .p{ margin-top:6px;} .news_ul ul li .p{ font-size:13px;} .news_con ul li .imgs span{ font-size:15px; width:110px; height:38px; line-height:38px;} /*新闻资讯详细*/ .about_x2 .show_t{ font-size:20px; line-height:28px; text-align:center;} .about_x2 .con_line{ font-size:12px; height:65px; line-height:30px; text-align:center;} .about_x2.bgs2 .con_line{ height:65px;} .about_x2 .con_id{ font-size:14px; line-height:24px;} .news_r .news_t .h2{ margin-right:12px;font-size:18px; height:60px; line-height:60px;} .news_r .news_ul3 ul li .h3{ font-size:15px;} .news_r .news_ul3 ul li label{ font-size:13px;} .prenext{ font-size:13px; text-align:center;} .prenext span{ width:100%;} .prenext .goback{ margin-top:15px; height:32px; line-height:32px; width:99%; margin-bottom:10px;} .fenxiang{ float:none; margin-top:5px;} /*应用领域*/ .application_ul ul li{ width:49%;} .application_ul ul li:nth-child(3n+0){ margin-right:2%;} .application_ul ul li:nth-child(2n+0){ margin-right:0%;} .application_ul ul li .txts .h3{ height:50px; line-height:50px; font-size:14px;} } @media screen and (max-width: 520px) { /*内页*/ } @media screen and (max-width: 480px) { /*内页*/ .o_big{ height:330px;} .o_big_con .h2{ font-size:18px;} .o_big_con .h2 span{ font-size:12px;} .postions{ font-size:12px;} .postions_b a{ font-size:13px;} .postions .postions_r img{ margin-left:6px;} /*分页*/ .yema{ padding-top:35px; padding-bottom:40px;} .yema a{ padding-left:5px; padding-right:5px; margin-left:1px; margin-right:1px;} /*公司介绍*/ .about_con{ font-size:13px; line-height:22px;} .about_ul ul li i{ width:50px; height:50px; margin-bottom:8px;} .about_ul ul li .h3{ height:24px; line-height:24px; margin-bottom:2px;} .about_ul ul li .p{font-size:13px;} /*联系我们*/ .contact_ul{ margin-top:1%; font-size:13px;} .contact_ul ul li .p label{ font-size:12px; margin-top:0;} .contact_ul ul li .box i{ width:50px; height:50px;} .contact_map iframe{height: 320px;} .feedback_div2{ margin-top:5%;} /*合作伙伴*/ .partner_ul ul li{ width:50%;} /*研发定制*/ .feedback_div .divs{ float:none; width:100%; margin-bottom:3%;} .feedback_div label.bgs2{ margin-bottom:2%;} .feedback_div .inputs2{ height:40px; line-height:40px; text-indent:14px; } /*.feedback_div .textarea{ padding:2%; padding-left:14px;}*/ /*新闻中心*/ .news_con ul li .i_about_r h3{ font-size:15px; line-height:22px; max-height:44px;} .news_con ul li .i_about_r .p{ font-size:12px; margin-top:12px;} .news_con ul li .i_about_r em{ font-size:13px; background-size:25px 25px;} .news_con ul li .imgs span{ font-size:14px; width:100px; height:36px; line-height:36px;} /*新闻资讯详细*/ .about_x2 .show_t{ font-size:18px; line-height:26px;} .about_x2 .con_id{ font-size:13px;} .news_r .news_t .h2{font-size:16px; height:50px; line-height:50px;} .prenext{ font-size:12px; line-height:22px;} /*应用领域*/ .application_ul ul li .txts .h3{ height:40px; line-height:40px; font-size:13px;} .application_ul ul li .imgs .bgs i{ width:25px; height:25px;} /*应用领域详细*/ .pro_one{ font-size:12px;} .pro_one .pro_one_r .product_t2 .h2{ font-size:18px;} .pro_one .pro_one_r .product_t2 .p2{ font-size:12px;} .pro_one .pro_one_r .a2{ margin-left:10px;} /*产品中心详细*/ .product_t3{ font-size:15px;} .product_con{ line-height:24px; font-size:12px;} .product_a a{ margin-right:6px; font-family:12px;} } @media screen and (max-width: 420px) { /*研发定制*/ .feedback_div label{ font-size:13px;} .feedback_div .inputs2{ font-size:13px; height:36px; line-height:36px;} /*.feedback_div .textarea{ font-size:13px;}*/ .feedback_div .bnts2{ height:40px; line-height:40px;max-width:150px;} } @media screen and (max-width: 380px) { } @media screen and (max-width: 360px) { } .ny_fac {width:1200px; clear:both; overflow:visible; font-size:15px; text-align:left; margin-top:30px; margin-bottom:60px; padding:50px 0px; } .ny_fac dl { width:360px; margin:20px; text-align:center; color:#404040; background:url(../images/pro_xx2.png) center bottom no-repeat;transition:all 0.4s; float:left; } .ny_fac dl dt {width:360px; } .ny_fac dl dt img { width:360px; height:218px; transition:all 0.5s;} .ny_fac dl dd {background-color:rgba(9,66,138,0); height:90px; text-align:center;width:333px; text-align:left; border-bottom:2px solid #e0e0e0; margin-top:-20px; position:relative; text-align:center; } .ny_fac dl dd h3 { font-size:17px; font-weight:400; line-height:25px; margin-top:16px; text-transform:; } .ny_fac dl dd em { width:40px; height:40px; line-height:40px; text-align:center; font-size:35px; font-family:Arial, Helvetica, sans-serif; background-color:#035cac; color:#fff; border-radius:50%; display:block; margin:-20px auto 0px auto;} .ny_fac dl dd i { width:100px; height:45px; line-height:45px; text-align:center; font-size:17px; background:#e0e0e0; border:1px solid #e0e0e0; color:#fff; font-style:normal; display:block; margin:0px auto; margin-top:0px; font-weight:700;} /*fy*/ .fy .haiwai a{ width:200px; height:50px; background:#0179c6; color:#fff; display:block; margin:0 auto; text-align:center; line-height:50px; font-size:19px} .fy { margin:40px auto; width:100%; clear:both; overflow:visible; height:60px;} .newspage { width:720px;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center } .newspage A { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 15px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; font-family: Arial, "微软雅黑"!important; } .newspage A:hover { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #4e4e4e; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } .newspage A:active { BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #4e4e4e; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid } .newspage SPAN.current { BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #4e4e4e; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid } .newspage SPAN.disabled { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid } /*fy e*/ .pro_list ul { margin-top:3%; margin-bottom:60px; width:100%; display:block; float:left; } .pro_list ul li { width:23%; margin:0.5% 1%; line-height:50px; border:1px solid #d9d9d9; padding:0px 2%; text-align:center; text-align:left; font-size:16px; color:#333; background:#f4f4f4; float:left; overflow:hidden; } .pro_list ul li font {display: inline-block; float:left;transition:all 0.4s; max-width:60%; text-overflow: ellipsis; font-size:15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 50px; line-height: 50px;} .pro_list ul li i { display: inline-block;float:left; color:#999; padding-left:5%; font-family:Arial, Helvetica, sans-serif; font-style:normal;} .pro_list ul li span { width:25px; height:25px; background:#fff; border:1px solid #d9d9d9; text-align:center; line-height:25px; float:right; font-family:"黑体"; color:#999; margin-top:4.8%; border-radius:50%; transition:all 0.4s;} .pro_list ul a:hover li { background:#0179c6; border:1px solid #0179c6; box-shadow:2px 2px 2px 2px rgba(0,0,0,.2); color:#fff;} .pro_list ul a:hover li font { margin-left:2%;} .pro_list ul a:hover li i { color:#fff;} .pro_list ul a:hover li span { margin-right:2%;} .pro_da { width:100%; padding-top:3%} .pro_da h5 { background:#0179c6; line-height:60px; color:#fff; text-align: center; font-size:20px; width:100%; float:left; margin:2% auto 0px; } .pro_da h6 { background:#eeeeee; line-height:60px; height:60px; color:#333; text-align: center; font-size:16px;width:100%; float:left; } .pro_da_con { width:100%; padding:0% 0px 5%;} .pro_da_con0 { width:50%; float:left; padding-bottom:3%; padding-right:5%; display:inline-block;} .pro_da_con0 img { max-width:100%; width:100%; height:auto; max-height:580px; margin-top:20px; } .pro_da_con1 { width:50%; padding-bottom:2%;padding-left:0%; display:inline-block;} .pro_da_con1 img {max-width:100%; height:auto; margin:30px auto; width:auto !important; max-height:580px; } .pro_da_con1 h2 { font-size:20px; line-height:40px; padding:1% 0px; color:#333; font-weight:700;} .pro_da_con1 h3 { font-size:30px; color:#0179c6; line-height:60px; margin-bottom:20px; font-weight:700; margin-top:20px;} .pro_da_con1 table { width:100%;} .pro_da_con1 table tr td { padding:10px 15px; line-height:35px; font-size:15px;} .pro_da_con2 { width:100%; margin:0px 0px 5%; float:left;} .pro_da_con2 img {width:850px!important; height:auto!important; margin:30px auto; text-align:center!important; display:block!important; } .pro_da_con2 table { width:100%;} .pro_da_con2 table tr td { padding:10px 15px; line-height:35px; font-size:15px;} .pro_da_con2.pro_da h5 { text-align:left; padding-left:5%; margin-bottom:2%;} .pro_da_con2 h2 { font-size:20px; line-height:40px; padding:1% 0px; color:#333; font-weight:700;} .pro_da_con2 .cc { padding:0px 2%;} .pro_da_con_fanhui { width:100%; margin:0px auto; overflow:visible; clear:both; height:100px;} .pro_da_con_fanhui a { width:150px; line-height:40px; border:1px solid #999; color:#999; text-align:center; display:block; margin:0px auto; transition:all 0.4s;} .pro_da_con_fanhui a:hover {border:1px solid #0179c6; background:#0179c6; color:#fff;} .tt { width:100%; margin:5% 0px; float:left; display:flex; justify-content: space-between;} .tt a .tt1 { width:190px; background:#0179c6; border-radius:5px; overflow:hidden; text-align:center; font-size:16px; color:#fff; line-height:60px;border:1px solid #0179c6; } .tt a:nth-child(2) .tt1 { background:#fff !important; border:1px solid #0179c6; color:#0179c6;} a .tt1_ewm { display: none; transition: all .4s; width:190px; height:190px; padding:7px; background:#fff; box-shadow:5px 5px 5px 5px rgba(0,0,0,.2); position:absolute; } a .tt1_ewm img { width:100%; height:100%; margin:0px; padding:0px;} a:hover .tt1_ewm { display: block; } /*.recruit-list*/ .join-us .recruit-list{max-width:1200px;padding:20px 0px;} .join-us .recruit-list .item{ background:#fff;border-bottom:0px dashed #D3D3D3; margin-bottom:10px; box-shadow:5px 5px 5px 5px rgba(0,0,0,.1); border-radius:10px; overflow: hidden; padding:0px 3%;} .join-us .recruit-list .item .title{height:80px;line-height:80px;font-size:16px;color:#333333;cursor:pointer;} .join-us .recruit-list .item em { padding:3px 20px; background-color:#0179c6; color:#FFF; line-height:32px; text-align:center; font-size:15px; border-radius:5px; margin-right:10px;} .join-us .recruit-list .item .title .down{ font-family:"黑体";width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#8A8A8A;float:right;border-radius:50%;margin-top:25px; transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;} .join-us .recruit-list .item .title .down:hover{background:#0179c6;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -ms-transform:rotate(180deg);line-height:31px;} .join-us .recruit-list .item .title .down.open{background:#0179c6;color:#FFFFFF;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -ms-transform:rotate(180deg);line-height:31px; font-family: "黑体";} .join-us .recruit-list .item .contents{font-size:13px;color:#999999;line-height:1.8;overflow:hidden;display:none;} .join-us .recruit-list .item .contents.open{} .join-us .recruit-list .item .contents p{padding-bottom:30px; font-size:15px;} .join-us .recruit-list .item .contents p .strong1 { color:#666;} .join-us .investment{max-width:1200px;padding:0px 0px 0px 0px;} .iui-tab-one2{ max-width:1200px; margin:50px auto 0;} .join-us .investment .iui-tab-one .contents .module .rows{padding:45px 0px;border-bottom:1px dashed #D3D3D3;} .join-us .investment .iui-tab-one .contents .module .rows:last-child{border:none;} .join-us .investment .iui-tab-one .contents .module .rows .title{font-size:18px;color:#333333;font-weight:normal;padding-bottom:20px;} .join-us .investment .iui-tab-one .contents .module .rows .text{font-size:14px;color:#999999;line-height:1.8;} .join-us .investment .customer-information-form table{margin:30px 0px;} .join-us .investment .customer-information-form table td{padding:8px 0px;} .join-us .investment .customer-information-form table td .must{color:#FF0000;margin-left:-10px;display:block;float:left;} .join-us .investment .customer-information-form table td:first-child{font-size:14px;color:#333333;padding-right:10px;padding-left:10px;vertical-align:top;} .join-us .investment .customer-information-form table td input[type=text]{border:1px solid #DCDCDC;border-radius:3px;height:40px;line-height:40px;padding:0px 8px;width:380px;outline:none} .join-us .investment .customer-information-form .btn-apply-online{width:144px;height:54px;color:#FFFFFF;background:#0066af;font-size:14px;border:none;outline:none;border-radius:5px; transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;} .join-us .investment .customer-information-form .btn-apply-online:hover{background:#BF3929;} .join-us .investment .customer-information-form textarea{border:1px solid #DCDCDC;border-radius:3px;padding:0px 8px;width:380px;height:140px;resize:none;outline:none;} .tabp{ padding-bottom:30px;} .tabp p{ font-size:13px; color:#999999; line-height:1.8; padding-top:35px; letter-spacing:1.3px;} .content { clear:both; overflow:visible; width:1200px; margin:0px auto;} .job_list { width:1200px; margin:0px auto;} .job_list ul li { width:48%; margin:50px 1%; float:left; height:220px; text-align:center; color:#FFF; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .job_list ul a:hover li {transform: translate(0,-10px); -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); -o-transform: translate(0,-10px); -ms-transform: translate(0,-10px); } .job_list ul li p { line-height:30px; margin-top:60px; font-size:22px; font-weight:bold;} .bai { border:1px solid #fff;} .lan1 { background-color:#3c98d3;} .lan2 { background-color:#0179c6;} /*.recruit-list*/ .nysearch { border:1px solid #fff; background:#fff; height:40px!important; width:250px; border-radius:25px; margin-top:15px;} .nysearch1 { width:180px; border:none; line-height:38px!important; height:40px!important; margin-left:30px; color:#999; background:none; float:left; } .nysearchimg1 { width:20px; height:20px; margin-top:11px;float:left;} .tuandui table { border:none;} .tuandui table tr { border:none;} .tuandui table tr td { border:none; padding:10px;} .tuandui h2 { font-size:20px; line-height:40px; color:#000;} .about_lc { background: url(../images/ablc.jpg) no-repeat center top #f3f3f3; padding:5%;} .about-page { padding-top:5%;} .about-page .features { margin: 50px 0 80px 0; } .about-page .features ul { overflow: hidden; margin: 0 -4px; } .about-page .features li { width: 25%; float: left; padding: 0px; text-align: center; } .about-page .features li:nth-child(4n+1) { clear: left; } .about-page .features li .box { border-radius: 0px; background: #0179c6; padding: 30px 30px;color:#fff; } .about-page .features li img { width: 100%; display: block; } .about-page .features li .icon { width: 69px; margin: 0 auto; } .about-page .features li .tit { font-size: 20px; font-weight: bold; margin: 10px 0 10px 0; } .about-page .features li .txt { line-height: 26px; font-size: 16px; } .rongyu .imgs { overflow:hidden; } .rongyu .imgs img { width:90% !important; margin:5%;} /*.rongyu .imgs:before { width:100%; height:100%; content:" "; background:url(../images/hobg.png) no-repeat center top; background-size:100% 100%; position:absolute; top:0px; left:0px; z-index:5;}*/ .xinw .imgs { position:relative;} .xinw .imgs:before { width:100%; height:100%; content:" "; position:absolute; top:0px; left:0px; background:url(../images/zwsp.png) no-repeat center top; z-index:5; background-size:100% 100%;} .yingyong { width:33.333% !important; float:left;} .yyly { padding:0%!important; padding-top:5%} .contact_ul ul { width:40%; float:left;} .contact_ul ul li { width:100%;} .contact_map { width:57%; float:right;} .nybiaoti { color:#333; padding:0% 0px; font-weight:bold; font-size:40px} .job_1{ overflow:hidden;} .job_1_1{ margin-top:2.8em;} .job_1_1 ul li{ float:left; width:33.33333333333%;} .job_1_1_1{ position:relative; overflow:hidden;} .job_1_1_1 img{ width:100%;} .job_1_1_1_jj{ position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;} .job_1_1_1_jj_mid{ margin:1.5em;} .job_1_1_1_jj_mid_1{ font-size:1.5em;} .job_1_1_1_jj_mid_2{ font-size:1.125em; margin-top:0.4em;} .job_1_2{ font-size:16px; line-height:32px; margin:2.5em 0 4em 0; color:#666; text-align:center;} .jobs_2{ padding-bottom:100px; padding-top:40px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img6.jpg);} .jobs_2_1{ margin-top:2.8em; text-align:center; padding:70px 2.25em; background-color:#fff;} .neirong { font-size:16px; color:#333; line-height:35px; text-align:left;} .neirong h2 { font-size:20px; line-height:30px; padding-bottom:20px; padding-top:10px; color:#000; font-weight:700;} .neirong p { color:#666; line-height:32px; font-size:15px;} .neirong strong { color:#333; font-size:17px; font-weight:700;} .neirong img { max-width:100% !important; height:auto !important;} .neirong table {width:100% !important;} .neirong table tr { width:auto!important;} .neirong table tr td { width:auto!important; text-align:left;} .neirong table tr td p { text-align:left; padding:4% 4%; line-height:28px; } .biaoti {width:100%; margin:0px auto; text-align:center; padding-bottom: 0px;} .biaoti h2 { font-size:33px; font-weight:400; line-height:60px; padding-bottom:0px;} .biaoti p { font-size:16px; color:#999; line-height:30px;} .biaoti img { margin:0px auto 20px; height:100px;} .biaoti b { margin:1% 0px ; display: block; font-size:40px; font-weight:400; } .biaoti b i {display:inline-block; font-size: 40px; font-weight: bold; margin-top: 10px; padding-bottom:10px} .biaoti .line { width: 60px; height: 1px; background: #333; margin:10px 10px; display:inline-block; } .wenhua { width:100%; background: url(../images/ablc1.jpg) repeat-y center top; padding:0 0px 60px !important;} .zhichi { text-align:center;} .hzkh { width:190px !important; height:190px; border-radius:50%; overflow:hidden; } .hzkhz { padding:30px !important; background:rgba(255,255,255,.5)!important;} .bode8{ width:100%; } .bode8 .top_pic{ width:100%; height:240px; background:url("../images/bode17.jpg")no-repeat center center; background-size:cover; } @media only screen and (max-width: 850px){ .bode8 .top_pic{ width:100%; height:150px; background:url("../images/bode17.jpg")no-repeat center center; background-size:cover; } } @media only screen and (max-width: 480px){ .bode8 .top_pic{ width:100%; height:70px; background:url("../images/bode17.jpg")no-repeat center center; background-size:cover; } } .bode8 .tit{ width:100%; display:flex; justify-content: center; align-items: center; margin-top:0px; } .bode8 .tit .line{ width:30px; height:1px; background:#333; } .bode8 .tit h1{ font-size: 40px; font-weight:400; color:#333; padding:0 15px; } .bode8 .content{ padding:0px 0; } .bode8 .content .hc_owla{ width:100%; position: relative; padding-top:3% } .bode8 .content .hc_owla .owl{ width:100%; margin:0 auto } .bode8 .content .hc_owla .owl li{ display:table-cell; width:5%; padding:10px; } .bode8 .content .hc_owla .owl li a:hover img{ transform: scale(1.1)} .bode8 .content .hc_owla .owl li .img{ width:100%; overflow: hidden; position: relative; height:290px;display:flex; } .bode8 .content .hc_owla .owl li .img .picture{ width:100%; display:flex; align-items: center ;justify-content: center } .bode8 .content .hc_owla .owl li .img .picture img{ width:100%; transition:all .4s; align-items: center ;justify-content: center } .bode8 .content .hc_owla .owl li:hover .img .picture img{ width:110%; } .bode8 .content .hc_owla .owl li .img .img_text{ position: absolute; left: 0; top:50%; z-index:10; width:100%; margin-top:-20px; } .bode8 .content .hc_owla .owl li .img .img_text h3{ color:#fff; font-size:24px; line-height: 25px; text-align: center; } .bode8 .content .hc_owla .owl li .img .img_text p{ color:#fff; font-size: 12px; line-height: 20px; text-align: center; margin-top:10px; } .bode8 .content .hc_owla .owl li .img .img_box{ width:100%; position: absolute; left:0; bottom:100%; width:100%; height:100%; background:rgba(0,0,0,.8); z-index: 20; transition: all ease .25s; } .bode8 .content .hc_owla .owl li:hover .img .img_box{ width:100%; position: absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index: 20; transition: all ease .25s; } .bode8 .content .hc_owla .owl li .img .img_box img{ position: absolute; width:150px; height:150px; left:50%; top:50%; margin-left:-75px; margin-top:-75px; z-index:30; } .bode8 .content .hc_owla .owl li .text{ background: rgba(31,31,31,.8); line-height: 60px; padding:0 50px 0 10px; display:flex; justify-content: space-between; align-items: center; margin-top:-60px; position:absolute; z-index:1; width:31.8%; } .bode8 .content .hc_owla .owl li:hover .text{ background:#0179c6; } .bode8 .content .hc_owla .owl li .text p{ color:#fff; font-size: 15px; } .bode8 .content .hc_owla .owl li .text img{ width:10px; height:10px; } .bode8 .content .hc_owla .owl_cur .prev{ width:50px; height:50px; position: absolute; left:0; top:50%; margin-top:-25px; background:url("../images/prev_1.png")no-repeat center center; background-size: 100% 100%; z-index:100%; cursor: pointer; } .bode8 .content .hc_owla .owl_cur .next{ width:50px; height:50px; position: absolute; right:0; top:50%; margin-top:-25px; background:url("../images/next_1.png")no-repeat center center; background-size: 100% 100%; z-index:100%; cursor: pointer; } .about_con p { font-size:16px;} .about_con p strong { font-size:16px; color:#000} .ho_fl { width:100%; line-height:50px; text-align:center; } .ho_fl .p { width:100px; margin:0px 10px 30px; display:inline-block; border:2px solid #00933f; color:#00933f;} .ho_fl a .p {color:#00933f; font-size:16px; font-weight:700 !important;} .ho_fl a:hover .p { background:#00933f; color:#fff; } .fenleimc { width:100%; line-height:60px; text-align:center; color:#fff; background:#0179c6; margin:30px auto; clear:both; overflow:visible; height:60px; font-size:18px; } .rongyu2 .imgs { padding-top:110%!important;} .rongyu1 { width:18.4% !important;} .rongyu2 { width:18.4% !important;} .rongyu1 .imgs { height:160px !important;} .zxly { width:100%; padding:5% 0px; background:#e4e4e4;} .zxly .con { width:1200px; margin:0px auto;} .contact_2{ overflow:hidden; background-color:#f3f3f3;} .contact_2_1{ margin-top:2.5em;} .contact_2_1 ul li{ margin-bottom:1.4375em; float:left; width:49%;} .contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){ float:right} .contact_2_1 ul li:nth-child(5){ width:100%;} .contact_2_1_mid{ background-color:#fff; border:1px #e7e7e7 solid; padding:18px 18px;} .contact_2_1_mid input{ border:none; background:none; width:100%; font-size:15px;} .contact_2_1_mid textarea{ height:45px; border:none; background:none; width:100%; font-size:1em;} .anniu { font-size:1.125em; display:inline-block; color:#fff; background-color:#0179c6; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;} .anniu { margin-bottom:5.625em; margin-top:1.5em;} .anniu:hover{ background-color:#999;} .intitle-h2{ font-size:20px; text-align:center; font-family:Barlow-Regular} .div1270 { width:90%; margin:0px auto; padding-top:6%; padding-bottom:5%} .hls-inews .intitle-h1{font-size: 40px; font-weight: bold; margin:0 auto; margin-top: 30px; padding-bottom: 30px; text-align:center;} .hls-inews .intitle-h2{ margin-bottom:60px; margin-top:10px} .hls-inews {padding:3% 0 9% 0 ;overflow: hidden;position: relative; background:#fff; } .inewslist {padding:0% 0 ;overflow: hidden;position: relative;} .inewslist .inews {position: relative;width: 33.333%;float: left;} .inewslist .inews a{display: block;overflow: hidden;background: #ededed;} .inewslist .inews a .pic{width: 50%;float: left;overflow: hidden;} .inewslist .inews a .pic img{ width:100%} .inewslist .inews a .txt{position: absolute;right: 0;top: 0;width: 50%;height: 100%;padding:0 7%;} .inewslist .inews a .txt h4 {font-size: 14px;color: #666; padding-top:37px; line-height:24px} .inewslist .inews a .txt h5 {font-size: 23px;color: #999;font-weight: normal;line-height: 24px; margin: 30px 0; font-family:'Barlow-Regular' } .inewslist .inews a .txt h6 {font-size: 13px;color: #b2b2b2;font-weight: normal; font-family:Arial, Helvetica, sans-serif; border-bottom:1px #b2b2b2 solid; width:40%; padding-bottom:4px; border-top:1px #b2b2b2 solid; padding-top:4px} .inewslist .inews a .txt::before {content: '';width: 0;height: 0;border-width: 12px 12px 12px 0;border-style: solid;border-color:transparent #ededed transparent transparent ;position: absolute;left: -12px;top: 50%;margin-top: -12px; z-index: 3;} .inewslist .inews:nth-child(6) .txt,.inewslist .inews:nth-child(5) .txt,.inewslist .inews:nth-child(4) .txt{left: 0;right: auto;} .inewslist .inews:nth-child(6) .pic,.inewslist .inews:nth-child(5) .pic,.inewslist .inews:nth-child(4) .pic{float:right;} .inewslist .inews:nth-child(6) .txt::before,.inewslist .inews:nth-child(5) .txt::before,.inewslist .inews:nth-child(4) .txt::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -12px;} .inewslist .inews:nth-child(4).txt::before,.inewslist .inews:nth-child(5) .txt::before,.inewslist .inews:nth-child(6) .txt::before {border-width: 12px 0 12px 12px;border-color:transparent transparent transparent #ededed;left:auto;} .inewslist .inews a:hover .pic img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .inewslist .inews a:hover {background: #0179c6;} .inewslist .inews a:hover .txt h4 {color: #fff;} .inewslist .inews a:hover .txt h5 {color: #fff;} .inewslist .inews a:hover .txt h6 {color: #fff; border-color:fff; border-color:#fff} .inewslist .inews a:hover .txt::before {border-color:transparent #0179c6 transparent transparent;} .inewslist .inews:nth-child(6) a:hover .txt::before,.inewslist .inews:nth-child(5) a:hover .txt::before,.inewslist .inews:nth-child(4) a:hover .txt::before {border-color:transparent transparent transparent #0179c6;} .inewslist .inews:nth-child(4) a:hover{background:#0179c6} .inewslist .inews:nth-child(5) a:hover{background:#0179c6} .inewslist .inews:nth-child(6) a:hover{background:#0179c6} .hls-icontact {overflow: hidden;position: relative;background:url(../images/youshi.jpg) no-repeat center top fixed; width:100%; height:500px; margin:0 auto } .hls-icontact .icontact {} .hls-icontact .icontact a {display: block;margin: auto;font-size: 24px; width: 656px;height: 126px;line-height: 130px; position: absolute;left: 50%;top: 50%;margin-left: -330px;margin-top: -65px;z-index: 3;color: #fff;border: 2px solid #fff;text-align: center; text-transform: uppercase;font-family: 'Conv_Montserrat-Regular',Arial,"微软雅黑","黑体",'宋体';} .hls-icontact .icontact a:hover {color: #000;background: #fff;} .afsl3 { padding: 0%; width: 100%; margin:0 auto; float:left; padding:3%; background:#f7f7f7 } .afone { padding-bottom: 3%; border-bottom: 1px #e5e5e5 solid; width:100%; float:left } .onel { width: 33%; box-sizing: border-box; padding-right: 3%; } .onell { width: 100%; box-sizing: border-box; padding-bottom:5%;display:flex;justify-content:space-between } .fl { float: left; display: inline; } .oner { width: 45%; } .fr { float: right; display: inline; } .numtit { line-height: 1; margin-bottom: 3%; }.numtit .wc { font-size: 64px; color: #0179c6; font-family: "Arial"; display:inline-table }.numtit .wh { font-size: 24px; color: #666; display:inline-table }.numtit i { font-style: normal; font-size: 32px; color: #0179c6; margin-right: 8px; display:inline-table }.numtx h2 { font-size: 18px; color: #8ccaf2; line-height: 28px; margin-bottom: 10px; text-transform:uppercase; font-weight:normal; font-family:'Barlow-Regular' }.numtx p { font-size: 15px; color: #666; line-height: 28px; } .reuoa{ width:90%; padding:5%; background:#fff; float:left} .culture .culli ul li { width: 33.3%; padding: 0; padding-right: 1%; box-shadow: none; } .culture{ padding:5%} .tpic{ width:40%;} .ff67{ width:55%;} .tpic2{ width:40%;} .ff672{ width:55%; margin-left:5%} .numtit1 { line-height: 1; margin-bottom: 1%; width:100% }.numtit2 { line-height: 1; margin-bottom: 1%; width:100%; text-align:right } .numtit2 .wc { font-size: 64px; color: #0179c6; font-family: "Arial"; display:inline-table }.numtit2 .wh1 { font-size: 24px; color: #333; display:inline-table } .numtit2 i { font-style: normal; font-size: 32px; color: #0179c6; margin-right: 8px; display:inline-table } .numtx2 h2 { font-size: 18px; color: #8ccaf2; line-height: 28px; margin-bottom: 10px; text-transform:uppercase; font-weight:normal; font-family:'Barlow-Regular'; text-align:right } .numtx2 p { font-size: 15px; color: #666; line-height: 28px; text-align:right } .numtx{ width:100%} .numtit1 .wc { font-size: 64px; color: #0179c6; font-family: "Arial"; display:inline-table }.numtit1 .wh1 { font-size: 24px; color: #333; display:inline-table } .numtit1 i { font-style: normal; font-size: 32px; color: #0179c6; margin-right: 8px; display:inline-table }.numtx h2 { font-size: 18px; color: #8ccaf2; line-height: 28px; margin-bottom: 10px; text-transform:uppercase; font-weight:normal; font-family:'Barlow-Regular' } .onell3 { width: 100%; box-sizing: border-box; padding-right: 0%; padding-bottom: 1%; border-bottom: 1px #e5e5e5 solid; margin-bottom:2%; } .biaoti3{ font-size:24px; color:#fff; background:#0179c6; padding:5px 0; width:100%; height:50px; text-align:center } .titile000{ width:100%; float:left} .neironths{ width:50%; float:left; margin-top:4%; min-height:190px} .neironths h2{ font-size:20px; background:#0179c6; color:#fff; padding-left:10px; height:37px; padding-right:20px; float:left; line-height:37px} .neironths i{ background:url(../images/wei.png) no-repeat left center; float:left; width:42px; height:37px} .neironths h3{font-size: 18px; color: #92c8eb; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Barlow-Regular'; text-align:left; width:100%; display:block} .neironths p{font-size: 15px; color: #666; line-height: 28px;} .factory_ee { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; margin-top:3% }.cpz { width: 45%; padding-bottom: 50px; margin: 0 2.5%; }.ab_3 { width: 100%; height: 400px; overflow: hidden; border-radius: 4px; }.cpz h3 { width: 100%; height: 130px; font-size: 24px; color: #0179c6; font-weight: normal; line-height: 80px; text-align: left; float: left; }.cpz h3 span { width: 100%; font-size: 16px; color: #828282; font-weight: normal; line-height: 25px; } /*--------------------------------------------------------------------------------------------------------------------------------------550--*/ @media all and (max-width:1200px){ .postions{top:130px} .daohang { width: 100%; background: #fff; opacity: 0.88; border: 1px solid #e4e4e4; border-radius: 45px; margin: 0 auto; margin-top: 30px; height: 50px; display: flex; } .daohang a { flex: 1; text-align: center; line-height: 50px; font-size: 15px; } .postions h2{ line-height:30px; height:30px; font-size:22px} .postions span { font-size: 15px; font-weight: normal; font-family: Barlow-Regular; text-transform: capitalize; color: #fff; text-align: center; text-shadow: 0 0 2px rgba(0,0,0,.4); display: block; line-height:22px } .hls-inews .intitle-h1 { font-size: 24px; font-weight: bold; margin: 0 auto; margin-top: 30px; padding-bottom: 30px; text-align: center; } .inewslist .inews { position: relative; width: 100%; float: left; margin-bottom: 1%; }.inewslist .inews a .txt h4 { padding-top: 17px; } .application_ul { overflow: hidden; margin-top: 0%; } .page-honorary-nav{ width:45%!important; float:right!important} .page-honorary-nav a { margin-left: 0px!important; padding: 3%!important; width: 48%!important; margin-bottom: 1%!important; } .newspage { width: 100%; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN: center; }.daohang2 { width: 100%; background: #fff; opacity: 0.88; border: 1px solid #e4e4e4; border-radius: 45px; margin: 0 auto; margin-top: 30px; height: 50px; display: flex; }.search1 { float: left; height: 50px; width: 80%; border: 0px solid #FFFFFF; color: #6d6d6d; display: inline; line-height: 50px; font-size: 16px; text-align: center; margin-left: 30px; letter-spacing: 1px; }.searchimg1 { float: left; display: inline; margin-top: 15px; width: 22px; } .intitle-h2 { font-size: 14px; text-align: center; font-family: Barlow-Regular; }.pro_da_con0 { width: 100%; float: left; padding-bottom: 3%; padding-right: 0%; display: inline-block; }.pro_da_con1 { width: 100%; padding-bottom: 2%; padding-left: 0%; display: inline-block; }.pro_da_con1 h3 { font-size: 20px; color: #0179c6; line-height: 30px; margin-bottom: 20px; font-weight: 700; margin-top: 20px; }.about_con p { font-size: 14px; line-height:26px }.pro_da h5 { background: #0179c6; line-height: 40px; color: #fff; text-align: center; font-size: 18px; width: 100%; float: left; margin: 2% auto 0px; }.f30 { font-size: 24px; line-height: 70px; } .pro_list ul li { width:98%; margin: 0.5% 1%; line-height: 50px; border: 1px solid #d9d9d9; padding: 0px 2%; text-align: center; text-align: left; font-size: 16px; color: #333; background: #f4f4f4; float: left; overflow: hidden; } .prenext a { color: #555555; overflow: hidden; transition: all 0.3s; font-size: 14px; }.prenext a{ text-align:left; display:block} .nybiaoti { color: #333; padding: 0% 0px; font-weight: bold; font-size: 24px; }.anli_con ul li .imgs { width: 100%!important; float: left; overflow: hidden; position: relative; height: 200px!important; } .anli_con ul li .i_about_r { position:relative; right: 0; top: 0px; width: 100%!important; overflow: hidden; float:left; height:auto!important } .anli_con ul li .imgs img { height: 200px; width: 100%; }.anlih3 { font-size: 17px !important; line-height: 22px!important; font-weight: 700 !important;max-height: 76px!important; padding-bottom:4px } table p{ font-size:12px; line-height:20px} table span{ font-size:12px; line-height:20px} .yingyong { width: 100% !important; float: left; }.bode8 .content .hc_owla .owl li .text p { color: #fff; font-size: 14px; }.bode8 .content .hc_owla .owl li .text { background: rgba(31,31,31,.8); line-height: 60px; padding: 0 2% 0 2%; display: flex; justify-content: space-between; align-items: center; margin-top: -60px; position: absolute; z-index: 1; width: 95%; } .contact_1_2 { font-size: 14px; color: #414141; width: 100%; padding-top: 30px; padding-bottom:30px }.tpic { width: 100%; }.ff67 { width: 100%; }.onell{ flex-wrap: wrap ;} .afsl422{ display:none} .aaaaaaaaaao1{ display:none} .bbbbbbbbbbb0{ display:block} .numtit1 .wc { font-size: 24px; color: #0179c6; font-family: "Arial"; display: inline-table; } .numtit1 .wh1 { font-size: 17px; color: #333; display: inline-table; }.numtx p { font-size: 14px; color: #666; line-height: 28px; } .numtx h2 { font-size: 14px; color: #8ccaf2; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Barlow-Regular'; } .ff67{ margin:20px 0} .numtit2 .wh1 { font-size: 17px; color: #333; display: inline-table; } .numtit2 .wc { font-size: 24px; color: #0179c6; font-family: "Arial"; display: inline-table; } .numtx2 h2 { font-size: 14px; color: #8ccaf2; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Barlow-Regular'; text-align: right; } .numtx2 p { font-size: 14px; color: #666; line-height: 28px; text-align: left; } .numtit1 i { font-style: normal; font-size: 20px; color: #0179c6; margin-right: 8px; display: inline-table; } .numtit2 i { font-style: normal; font-size: 20px; color: #0179c6; margin-right: 8px; display: inline-table; } .neironths { width: 100%; float: left; margin-top: 4%; min-height: 190px; } .neironths h2 { font-size: 18px; background: #0179c6; color: #fff; padding-left: 10px; height: 37px; padding-right: 20px; float: left; line-height: 37px; } .neironths i { background: url(../images/wei.png) no-repeat left center; float: left; width: 42px; height: 37px; display:none } .neironths h3 { font-size: 14px; color: #92c8eb; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-family: 'Barlow-Regular'; text-align: left; width: 100%; display: block; } table{ width:100%!important} .cpz { width: 95%; padding-bottom: 50px; margin: 0 2.5%; } #demo3{ width:100%!important} .ab_3 { width: 100%; height: 230px; overflow: hidden; border-radius: 4px; }.cpz h3 { width: 100%; height: 110px; font-size: 18px; color: #0179c6; font-weight: normal; line-height: 24px; text-align: left; float: left; padding-top:10px }.cpz h3 span { width: 100%; font-size: 14px; color: #828282; font-weight: normal; line-height: 22px; } .contact_1_2 p { font-size: 14px; color: #414141; width: 100%; padding-top: 0px; line-height: 24px; }.bigbox { width: 100%; margin: 0 auto; }.application_ul ul li:nth-child(2n+0){ margin-right:2%;} .application_ul ul li{ width:48%!important} .newspage A{ font-size:14px} .about_x2{ width:95%!important} .prenext span.l{ width:100%!important} .prenext a{ width:100%!important} .prenext span.r{ width:100%!important} .prenext a{ width:100%!important} .contact_ul ul { width: 100%; float: left; }.contact_ul ul li .box .h3 { font-weight: 700; color: #333; margin-bottom: 1%; font-size: 16px; text-align: left; }.contact_ul ul li .box i { width: 40px; height: 40px; } .contact_ul ul li .p { margin: 0 auto; overflow: hidden; font-weight: 400; text-align: left; font-size: 13px; line-height: 30px; }.contact_ul ul li .box .r { width: 83%; float: right; }.contact_map { width: 100%; float: right; display:none }.contact_2_1_mid input { border: none; background: none; width: 100%; font-size: 13px; }.contact_2_1 ul li { margin-bottom: 8px; float: left; width: 49%; }.contact_2_1_mid { background-color: #fff; border: 1px #e7e7e7 solid; padding: 7px 7px; }.anniu { font-size: 15px; display: inline-block; color: #fff; background-color: #0179c6; width: 40%; line-height: 30px; color: #fff; text-align: center; } }