*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *,html,body{padding:0; margin:0; font-size:14px; font-family: "microsoft yahei", "微软雅黑", Tahoma, Helvetica, Arial, sans-serif;outline: none;} body{color:#333;overflow-x: hidden;} a{ transition: all 0.25s linear;} a,a:hover,a:active,a:focus{text-decoration:none;color:#444;outline: none; word-wrap:break-word;/*英文换行*/} a:hover {-webkit-transition: all 400ms;transition: all 400ms;} i{font-style:normal;} ul,li{list-style:none;} img {transition: all 0.5s;overflow:hidden; display:block;} .fl {float: left;} .fr {float: right;} .pr{position: relative;} .pa{position: absolute;} .clear { display: block; height: 0; overflow: hidden; clear: both;} .clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .clearfix { *zoom:1;} .w1200{width:100%;padding:0 15px;} .of{overflow:hidden;} .pt30{padding-top:30px;} .pt50{padding-top:30px;} .mt30{margin-top:30px;} .mt120{margin-top:30px;} .txtcenter{text-align:center;} .maximg{max-width:100%;} /* 阿里图标 */ @font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*首页滚动大图*/ .swiper-container-1{margin-top:50px;} .swiper-container-1 .swiper-pagination-bullet { background:#b37960; width:8px; height:8px; opacity:1; } .swiper-container-1 img{width:100% !important;} .swiper-container-1 .swiper-pagination-bullet-active { width:30px; background:#e2b58d; border-radius:30px; } .swiper-container-1>.swiper-pagination-bullets{ bottom:5px !important; } /* 首页关于 */ .about h2{font-size:24px; color:#1b4496; margin-bottom:30px; text-align:center;} .about ul{ border-bottom:1px solid #dcdcdc; } .about_num {width:100%; overflow:hidden;padding-bottom:20px;} .about_num li {float:left; overflow:hidden;width:50%; margin-top:20px;} .about_num li h3 {font-size:30px; float:left; color:#e06313;} .about_num li .numtxt{float:left;padding-left:5px;} .about_num li .numtxt span{font-size:14px; color:#e06313;} .about_num li .numtxt p{font-size:16px;color:#666;} .about_txt span{color:#b39b77;text-transform:uppercase;font-size:24px;font-family:impact;} .about_txt h3{font-size:20px; color:#222;} .about_txt .fr{width:100%;margin-top:20px;} .about_txt p{font-size:16px; font-weight:normal; line-height:30px;} .about_txt a{font-size:16px; font-weight:normal; width:120px; line-height:35px; display:block; text-align:center; border:1px solid #898989; margin-top:20px;} .about_txt a:hover{color:#b39b77; border:1px solid #b39b77;} .indtit{text-align:center;padding:0 15px;} .white{color:#fff;} .indtit h5{font-size:24px; margin-bottom:15px;} .indtit span{text-transform:uppercase; font-size:20px;} .indtit p{margin-top:15px; line-height:24px;} /* 首页产品服务 */ .product{background:#283c70;padding:30px 0;margin-top:30px;} .product ul{overflow:hidden;} .product li{width:100%;float:left; margin-top:30px; background:#fff;text-align:center; -webkit-box-shadow: 0 0 80px rgba(0,0,0,.2);-moz-box-shadow: 0 0 80px rgba(0,0,0,.2); box-shadow: 0 0 80px rgba(0,0,0,.2);} .product li span{font-size:42px; color:#1b48a1; width:80%; padding-top:15px; display:block; margin:0 auto; border-bottom:1px solid #1b48a1;} .product li h3{font-size:20px; color:#1b48a1; margin:10px auto 15px;} .product li img{max-width:100%;} .product li a{font-size:16px; width:120px; line-height:35px; display:block; margin:20px auto; text-align:center; border:1px solid #898989;} .product li a:hover{color:#1b48a1; border:1px solid #1b48a1;} /* 首页应用案例 */ .case{margin-top:30px;} .case dl{overflow:hidden;} .case dl dt img{width:100%;} .case dl dd{width:100%; background:#283c70;} .case ul{ padding:20px;} .case ul li{width:100%; line-height:30px;color:#fff;font-size:14px;} .case ul li a{ color:#fff;font-size:16px;} /* 首页客户 */ .custom{margin-top:30px; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;display:-webkit-flex;/* Safari */display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .custom img{max-width:100%; padding:10px;/* -webkit-filter: invert(50%); -moz-filter: invert(50%); -ms-filter: invert(50%); -o-filter: invert(50%); filter: invert(50%); */} .custom a{width:calc(100% / 3);height:94px; box-sizing:border-box; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;display:-webkit-flex;/* Safari */display:flex;flex-wrap:wrap;justify-content:center;align-items:center; font-size:16px; color:#757373;} /* .custom a:hover{background:#283c70; color:#fff;} .custom a:hover img{-webkit-filter: invert(0); -moz-filter: invert(0); -ms-filter: invert(0); -o-filter: invert(0); filter: invert(0);} */ /* 首页解决方案 */ .solute{background:#283c70;padding-top:30px;} .solute ul{margin-top:30px;display: flex;-webkit-justify-content: center;justify-content:space-around;flex-wrap:wrap;align-items:center;} .solute ul li{ flex-grow:1;padding-top:20px;padding-bottom:20px; margin:0 5px 30px; background:#fff; border:1px solid #e5e5e5; text-align:center;} .solute ul li i{font-size:30px;width:30px; height:30px; padding:15px; background:#eeeeee; border-radius: 50%; display: block;position: relative;z-index: 1;color:#1b4398;text-align: center; margin:0 auto;box-sizing: content-box;} .solute ul li h5{font-size:18px;font-weight: bold;color:#1b4398; line-height:35px; margin-top:5px;} .solute ul li:hover i{color:#fff;} .solute ul li i:after{pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: 0;left: 0;z-index:-1;background: #1b4398;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;} .solute ul li i:after{-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0;} .solute ul li:hover i:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} /* 首页新闻资讯 */ .tab{margin-top:30px; display: flex;-webkit-justify-content: center;justify-content: center;} .tab a{margin:0 15px;display:block; padding:10px 25px; color:#fff; background:#a19f9d; font-size:18px; border-radius:22px;} .tab a.cur{background:#2465c9;} /* .tabcon ul{overflow:hidden;} .tabcon ul li{width:100%; border:1px solid #eee; border-bottom:2px solid #d2d2d2; margin-top:30px;} .tabcon ul li:hover{ border-bottom:2px solid #1b4398;} .tabcon ul li img{width:100%;} .newstxt{padding:20px 15px;} .newstxt h5{font-size:18px;line-height:32px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .tabcon ul li a:hover h5{color:#1b4398;} .newstxt span{line-height:24px; font-size:16px;color:#6d6d6d;} .newstxt p{line-height:20px;color:#6d6d6d;margin-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} */ .tabcon ul{margin-top:15px;} .newslist{margin-top:30px;} .tabcon ul li,.newslist li{color:#777777; line-height:35px;} .tabcon ul li a,.newslist li a{ color:#333; font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .tabcon ul li a:hover,.newslist li a:hover{color:#1b4398;} .tabcon ul li span,.newslist li span{padding-left:10px;font-size:14px;} /* 内页 */ /* 内页大图 */ .banner{width:100%; height:200px; text-align:center; display:table; margin-top:50px;} .channel{color:#fff; display:table-cell; vertical-align:middle;} .channel b{font-size:14px;text-transform:uppercase;} .channel p{font-size:24px; margin-bottom:10px;} .channel span{font-size:32px;} /* 内页栏目列表 */ .catlist{margin-top:30px; padding-bottom:15px; border-bottom:1px solid #aaa; display: flex;-webkit-justify-content: center;justify-content: center;flex-wrap:wrap;} .catlist a{margin:0 8px 8px;display:block; padding:8px 15px; background:#f4f4f4; color:#444; font-size:14px;} .catlist a.current,.catlist a:hover{background:#2c3b70; color:#fff;} /* 简介 */ .aboutcon{margin-top:30px;} .abouttxt p{font-size:16px;font-weight: normal;line-height:24px; margin-bottom:15px;} .aboutpic img{max-width:100%;margin:0 auto;} .aboutnumbg{background:url(../wyimages/about_num_bg.jpg) center top; height:141px; margin-top:30px;} .aboutnumbg .about_num h3,.aboutnumbg li .numtxt span,.aboutnumbg li .numtxt p{color:#fff;} /* 其它简介 */ .about_other{} .about_other h4{margin-top:30px; color:#b39b77; font-size:24px;} .about_other p{margin-top:30px; line-height:24px; font-size:16px;} .about_other ul{margin-top:30px;} .about_other ul li img{width:100%;margin-top:15px;} #conbox img{margin:0 auto;} /* 董事长致辞 */ .dszzc{margin-top:60px;} .dszzcinfo p{font-size:16px;font-weight:normal;line-height:24px; margin-bottom:20px;} /* 荣誉 */ .cat_intro span{color:#b39b77;text-transform:uppercase;font-size:24px;font-family:impact;} .cat_intro b{font-size:20px; color:#222;display:block;} .cat_intro p{font-size:16px; line-height:24px; margin-top:20px;} .honor{margin-top:30px;} .honor li{width:calc(50% - 6px); float:left; margin-top:15px; margin-right:12px;} .honor li:nth-child(2n-2){margin-right:0;} .honor li img{width:100%;height:225px;} .honor li p{font-size:14px;text-align:center; line-height:20px; height:40px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .culture_three li{width:calc(50% - 6px); float:left; margin-top:12px; margin-right:12px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .culture_three li:nth-child(2n-2){margin-right:0;} .culture_three li img{width:100%;} .culture_two li{width:100%;margin-top:20px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .culture_two li img{width:100%;} .cultxt{padding:15px 10px;} .cultxt h5{font-size:18px; color:#2c3b70;} .cultxt p{font-size:14px; line-height:20px; height:60px; margin-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;} .culture_two li p{ height:40px;-webkit-line-clamp:2;} .fengcai{margin-top:30px;} .fengcai li{width:calc(50% - 6px); float:left; position:relative; margin-top:15px;margin-right:12px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .fengcai li:nth-child(2n-2){margin-right:0;} .fengcai li img{width:100%; height:120px;} .fengcai li p{font-size:14px; line-height:24px; height:48px; margin:15px 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; box-sizing:content-box;} .fengcai li a:hover p{background:#2c3b70; color:#fff;} /* 发展历程 */ .c_deve {margin-left:100px;margin-top:30px;} .c_deve ul li {padding:30px 0 20px 26px;border-left:1px solid #b39b77;position:relative;} .c_deve ul li .d_year {position:absolute;top:19px;left:-88px;font-size:30px;color:#b39b77;} .c_deve ul li .i_circle {display:block;width:11px;height:11px;background:#fff url("../wyimages/icon_02.png") no-repeat;position:absolute;left:-6px;top:35px;} .c_deve ul li .d_detail {color:#000000;line-height:20px;} .c_deve ul li .i_jiantou {display:block;width:16px;height:7px;background:url("../wyimages/icon_04.png") no-repeat;position:absolute;left:-9px;top:-2px;} /* 产品列表 */ .productlist{margin-top:30px;} .productlist li{width:calc(50% - 6px); float:left; margin-top:15px;margin-right:12px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .productlist li:nth-child(2n-2){margin-right:0;} .productlist li img{width:100%;height:134px;} .productlist li .proname{ padding:20px 10px;} .productlist li .proname h4,.productlist li .proname h5{line-height:20px; font-weight:normal; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;} .productlist li a:hover .proname{background:#2c3b70; color:#fff;} /* 研发团队 */ .yanfapd{ padding-top:30px;} .yanfa_team{background:#e5e5e5; margin-top:30px;padding-bottom:30px;} .yanfa_cat span{color:#b39b77;text-transform:uppercase;font-size:24px;font-family:impact;} .yanfa_cat h3{font-size:20px; color:#222;} .swiper-container-2{width:calc(100% - 30px); margin:30px auto 0;} .swiper-container-2 .swiper-button-next,.swiper-container-2 .swiper-button-prev{top:75px;} .teamli img{width:150px; height:150px; border-radius:50%; margin:0 auto;} .teamli p{padding-top:30px; font-size:16px; line-height:30px;} /* 研发设备 */ .yanfa_pro{width:100%; margin:30px auto 0;position:relative;} .yanfa_pro .swiper-button-prev{left:0;} .yanfa_pro .swiper-button-next{right:0;} /* 客户 */ .customlist{margin-top:30px; display:-webkit-flex;/* Safari */display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;} .customlist li{width:calc(50% - 7px);height:93px;margin-bottom:14px; padding:10px; border:1px solid #dcdcdc;display:-webkit-flex;/* Safari */display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .customlist li.cur,.customlist li:hover{border:1px solid #1b4398;} .customlist img{width:100%;} .hcase{margin-top:30px;} .hcase li{width:calc(50% - 6px); float:left; position:relative; margin-bottom:15px;margin-right:12px;} .hcase li:nth-child(2n-2){margin-right:0;} .hcase li img{width:100%; height:125px;} .hcase li b{position:absolute; left:calc(50% - 16px) ; top:107px;} .hcase li b span{color:#b39b77; font-size:32px;background:#fff; border-radius:100%;} .hcase li h5{font-size:16px;font-weight:normal;padding:20px 10px 5px;} .hcase li p{line-height:20px;padding:0 10px 15px; height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /* 售后保障 */ .service{margin-top:30px;} .service li{width:100%;padding:10px 10px 20px;margin-top:15px; position:relative; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .service li img{width:100%;height:193px;} .service li b{background:#b39b77; text-align:center;width:50px; height:50px; line-height:46px; border:2px solid #fff; border-radius:50%; position:absolute; left:calc(50% - 25px) ; top:177px;} .service li b span{color:#fff; font-size:24px;} .service li h5{font-size:20px; padding-top:35px; color:#2c3b70; text-align:center;} .service li p{line-height:24px;margin-top:10px;} /* 客户维护 */ .weihulist{margin-top:30px;} .weihulist li{ margin-bottom:15px; padding:10px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .weihulist li img{width:100%;} .weihulist li .weihut{margin-top:15px;} .weihulist li .weihut h5{font-size:18px;color:#2c3b70;} .weihulist li .weihut p{line-height:24px;margin-top:5px;} .weihulist li .weihui{margin-top:10px;} .weihulist li .weihui span{font-size:32px; color:#b39b77; } /* 人才招聘 */ .zhaopin{margin-top:30px;} .zhaopin li{width:100%; margin-bottom:15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .zhaopin li h4{padding:0 15px; line-height:50px; font-size:18px; background:#283c70;color:#fff;} .zhaopin li h4 span{text-align:right; font-size:16px;} .zhaopin li .zpinfo{padding:20px 10px;} .zhaopin li .zpinfo h5{font-size:18px;} .zhaopin li .zpinfo p{font-size:14px; line-height:24px; margin-top:10px;} .zhaopin li .zpinfo span{font-size:42px;color:#b39b77; display:block; text-align:center; margin:15px auto 0;} /* 新闻列表 */ /* .newslist{margin-top:30px;} .newslist li{width:calc(50% - 6px); float:left; position:relative; margin-top:15px;margin-right:12px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2);} .newslist li:nth-child(2n-2){margin-right:0;} .newslist li img{width:100%; height:120px;} .newslist li b{position:absolute; left:calc(50% - 16px) ; top:104px;} .newslist li b span{color:#b39b77; font-size:32px;background:#fff; border-radius:100%;} .newslist li .newst{padding:20px 10px;} .newslist li h5{font-size:16px;font-weight:normal; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .newslist li a:hover .newst{background:#2c3b70; color:#fff;} .newslist li .newst p{ margin-top:10px; } */ /* 新闻详情页 */ .newsview {text-align:left;overflow:hidden; margin-top:30px;} .newstit {text-align:center;font-size:18px;margin:20px auto;} .newsinfo {padding-bottom:10px!important;margin-top:10px!important;text-align:center;color:#b4b4b4;font-size:14px;border-bottom:1px solid #d1d2d3;} .pipe {color:#b4b4b4;padding:0 8px;} .newscon,.procon{ padding-top:10px; font-size:14px; line-height:24px; color:#746969;} .newscon p {padding:8px 0; font-size:14px; line-height:24px; color:#746969; text-indent:2em;} .newscon img,.procon img{margin:0 auto;} /* 上一篇下一篇 */ .nextcon {border-top:1px solid #d1d2d3;padding-top:10px;margin-top:20px;} .nextcon p {font-size:14px; white-space:nowrap;text-overflow:ellipsis;margin-top:5px;padding:0;overflow:hidden;} .nextcon p,.nextcon p a{font-size:14px;} /* 联系我们 */ .contact{margin-top:30px; border:1px solid #aaa; border-radius:5px;padding:20px 15px;display:-webkit-flex;/* Safari */display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .contact li{width:100%; box-sizing:border-box; border-top:1px solid #aaa;text-align:center;padding-top:10px;margin-top:10px;} .contact li:first-child{border:none;padding-top:0;margin-top:0;} .contact li span{color:#2c3b70; font-size:36px;} .contact li p{font-size:18px; font-weight:bold;} /* 网上留言 */ .msgcon{padding:0 15px 30px;} .msgcon h3{margin-bottom:15px; line-height:30px; font-weight:normal;} .form_name{margin:15px 0 5px;} .ib{margin-right:30px;} .farea{background:#f2f2f2; width:50%; height:100px; border:1px solid #e2e2e2; padding:10px;} .input-text{background: #f2f2f2;padding:0 10px;width:50%; line-height:35px; border:1px solid #e2e2e2;} #code_img{display:inline-block; height:37px;} #dosubmit{background:#283c6f; color:#fff; line-height:38px; border:none; border-radius:19px; padding:0 80px; cursor:pointer;} /* 联系我们地图 */ .map{margin-top:30px;} .map_position{ position:relative; background:#283c6f; border:1px solid #283c6f; display:inline-block; padding:0 5px; color:#fff; cursor:pointer; height:24px; line-height:24px; border-radius:2px;} .map_position:hover{ background:#b39b77; border:1px solid #b39b77;} .map_position .map_pos_bt{ position:absolute; width:8px; height:8px; background:url(../wyimages/map_ico.png) no-repeat; left:10px; top:22px;} .map_position .map_mouseover{ background-position:0px -9px;} .map_position:hover .onepoint{ background-position:0px -9px;} h3.lt{font-size:16px; font-weight:normal; margin-top:10px; margin-bottom:10px;} .map_tip_top{ width:100%;} .map_tip_intro p{color:#8A8A8A; font-size:12px; margin:5px 0 0 0;} /* 分页 */ #pages {float:right;margin:20px 15px;border-radius:4px;} #pages > a,#pages > span {float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#283c6f;text-decoration:none;background-color:#fff;border:1px solid #ddd;} #pages > span:first-child {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;} #pages > a:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px;} #pages > a:hover,#pages > a:focus,#pages > span {color:#fff;background-color:#283c6f;border-top-color:#283c6f;border-bottom-color:#283c6f;border-left-color:#fff;border-right-color:#fff;} #pages > span.pagemore,#pages > span.pagenum {color:#283c6f;background:none;border-color:#ddd;} /* foot底部 */ .footer{ color:#fff;} .footer a{ color:#fff; font-size:16px;} .footer1{ padding:20px 0;background:#283c6f;} .footer2{ text-align:center; font-size:14px; background:#000000; line-height:1.5; padding:18px 0;} .footer2 a{font-size:14px;} .link_a{ float:left; position:relative; display:none;} .link_a .item{padding-right:80px; float:left;} .link_a .item h5{font-size:22px; font-weight:normal; margin-bottom:30px;} .link_a .item a{ line-height:2; display:inline-block; font-size:16px; } .qr_f{ float:left; margin-right:80px; position:relative; margin-top:5px; text-align:center;display:none;} .qr_f img{margin:0 auto 20px;} .contact_f{float:left;} .contact_f .volc{ line-height:30px;} .contact_f .volc span{font-size:24px; margin-right:10px;}