@charset "utf-8"; .pc{display:block;} .wap{display:none;} @media screen and (max-width:1200px){ .pc{display:none;} .wap{display:block;} } /*导航栏样式*/ .navv{height:90px;margin-bottom:0;margin-right:44px;} .navv li{line-height:90px;height:90px;text-align:center;float:left;z-index:999;padding:0 15px;} .navv li>a{display:block;line-height:90px;color:#333333;height:90px;font-size:16px;position:relative;padding:0 5px;} .navv li a:hover{color:#033f97} .navv li>a::after{width:0%;height:3px;background:#033f97;content:"";left:-10%;bottom:0px;position:absolute;transition:.5s;} .navv li:hover>a::after{width:120%;} .sec{width:100%;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:90px;display:none;left:0%;} .sbg{width:100%;left:0;top:90px;background:rgba(255,255,255,.9);border-top:1px solid #eaecee;border-bottom:1px solid #eaecee;position:absolute;display:none;min-height:273px;} .sec a{color:#666666;text-align:left;font-size:13px;line-height:48px;height:48px;} .sec a:hover{background:none;text-decoration:none;} .sec-container{width:82%;margin:0 auto;position:relative;} a.aclose{position:absolute;right:-20px;bottom:-5px;} .sec-list{width:68%;float:left;padding:32px 0;} .sec-list a{display:block;color:#666;font:400 13px/45px "microsoft yahei";border-bottom:1px solid #e0e0e0;width:40%;margin:0 5%;text-align:center!important;float:left;} .sec-content{width:28%;float:left;text-align:right;border-left:1px solid #efefef;padding:20px 0;} .sec-content img{padding-left:8%;} .sec-content img{max-width:100%;height:auto} .sec .nav-list li{width:49%;margin-right:1%;padding:0;height:auto;line-height:auto;} .sec .nav-list li a::after{display:none;} .sec .nav-list li a{display:block;color:#fff;text-shadow:rgba(0,0,0,.8) 0 -1px 0;font-size:14px;height:auto;line-height:22px;} .sec .nav-list li img{width:100%;height:auto;border:3px solid #fff;} @media (max-width:1200px){.navv li{padding:0 21px;}} .navbar-header{padding-top:10px;} .navbar-header .navbar-toggle{height:34px;} .navbar-header .navbar-toggle .menu{position:absolute;left:10px;top:0;line-height:34px;} .navbar-header .navbar-toggle.active{} .navbar-header .navbar-toggle a:hover{text-decoration:none;} .navbar-header .navbar-toggle .icon-bar{background-color:#999;} .navbar-header .navbar-toggle:hover .menu{color:#fff;} .navbar-header .navbar-toggle:hover .icon-bar{background-color:#fff;} .toleft{position:relative;overflow-x:hidden;left:0;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .push-toleft{left:-260px;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .menuid.menuopen{left:0px;opacity:1;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .push-toleft .head{left:-260px;} #cbp-spmenu-s2{-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .navbar-header{position:relative;} .menuid{width:100%;height:100%;position:fixed;top:0;left:100%;opacity:0;z-index:9999;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .mobile-menu-overlay{opacity:0;filter:alpha(opacity=30);position:absolute;display:none;background:#ababac;z-index:9;top:0;right:0;width:200%;height:100%;} .cbp-spmenu-open .mobile-menu-overlay{display:block;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .cbp-spmenu-right{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);position:absolute;display:block;background:#ababac;z-index:10;top:0;right:0;width:100%;height:100%;max-width:260px;overflow:auto;-webkit-overflow-scrolling:touch;padding:60px 0 40px 0;} .cbp-spmenu-right li a{padding:15px 23px;color:#fff;display:block;border-bottom:solid 1px #fff;} .cbp-spmenu-right li a:hover{background:#aaa;text-decoration:none;} .menuid .icon-close{-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;position:absolute;display:block;cursor:pointer;top:0;right:0;padding:20px 20px 0 0;font-size:16px;} .menuid .icon-close span{color:#fff;font-size:18px;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} .menuid .icon-close:hover span{color:#aaa;} .menuopen .mobile-menu-overlay{display:block;-webkit-transition:all 0.21s ease-out;transition:all 0.21s ease-out;} /* banner1效果 */ .banner-box{position:relative;overflow:hidden;} .banner{width:100%;height:100%;overflow:hidden;} .banner img{margin:0px auto;width:100%;} .banner ul.banner-img-list{position:relative;z-index:5;width:100%;height:100%;margin:0;padding:0;} .banner ul.banner-img-list li{position:absolute;display:none;width:100%;height:100%;} .banner ul.banner-img-list li a{display:block;width:100%;height:100%;} .banner ul.banner-img-list li img{width:100%;height:100%;} .banner .preNext{position:absolute;z-index:9999;top:calc(50% - 37.5px);display:block;overflow:hidden;width:50px;height:75px;cursor:pointer;opacity:.3;filter:alpha(opacity=10);} @media (max-width: 768px){ .banner .preNext{top:calc(50% - 25px);width:30px;height:50px;} } .banner .preNext:hover{opacity:.7;} .banner .pre{left:0;background:url(../../images/home/left.png) no-repeat center #000;background-size:50%;} .banner .next{right:0;background:url(../../images/home/right.png) no-repeat center #000;background-size:50%;} .banner .num{position:absolute;z-index:100;right:0;bottom:10px;left:0;margin:auto;text-align:center;display:none;} .banner .num li{line-height:18px;display:inline-block;overflow:hidden;width:18px;height:18px;margin-right:4px;text-indent:-100px;border-radius:10px;background:#fff;cursor:pointer;} .banner .num li.num_hover{background-color:#f7de07;} .banner-text{position:absolute;top:30%;z-index:9999;width:100%;text-align:center;} .banner-text .text1{font-size:20px;color:#fff;text-shadow:0px 2px 8px rgba(0,0,0,0.5);font-family:"Arial";padding-top:10px;} .banner-text .text2{font-size:42px;color:#fff;text-shadow:0px 2px 8px rgba(0,0,0,0.8);font-weight:bold;background:url(../../images/home/pbj.png) no-repeat center bottom;} .banner-text .text3{font-size:24px;color:#fff;text-shadow:0px 2px 8px rgba(0,0,0,0.8);padding-top:10px;} .banner-text .text4{width:178px !important;height:41px !important;display:block;font-size:14px;background:#d2003c;text-align:center;line-height:41px;color:#fff;margin:0 auto;margin-top:3%;} @media (max-width: 768px){ .banner-text{display: none;} .banner-text .text1{font-size:14px;padding:5px 35px 0px 35px;letter-spacing:1px;} .banner-text .text2{font-size:18px;} .banner-text .text3{font-size:12px;padding:5px 35px 0px 35px;letter-spacing:1px;} } /*幻灯片样式2*/ #focus{width:255px;height:188px;overflow:hidden;position:relative;} #focus ul{height:188px;position:absolute;} #focus ul li{float:left;width:255px;height:188px;overflow:hidden;position:relative;background:#000;} #focus ul li a img{height:188px;width:255px;} #focus ul li div{position:absolute;overflow:hidden;} #focus .btnBg{position:absolute;width:255px;height:20px;left:0;bottom:0;background:#000;} #focus .btn{position:absolute;width:255px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;} #focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;} #focus .btn span.on{background:#fff;} /*搜索和热门搜索*/ .hotSearch a{margin-right:6px;} #formsearch input{height:50px;float:left;line-height:50px;} #formsearch input#keyword{height:50px;line-height:50px;padding-left:10px;color:#666;width:85%} #formsearch button#s_btn{width:15%;height:50px;line-height:50px;text-align:center;background-color:#e10029;color:#fff;border:none;cursor:pointer;} @media(max-width:768px){ #formsearch input#keyword,#formsearch button#s_btn{height:35px;line-height:35px;} } /*产品分类*/ .cate{border:1px solid #e0e1dc;padding:10px;background-color:#f7f7f7;} .cate li{line-height:28px;border-bottom:1px dashed #d7d7d7;line-height:28px;} .cate li a{padding-left:60px;display:block;height:28px;line-height:28px;background:url(../../images/home/ico1.gif) 34px center no-repeat;} .cate li a:hover{background-color:#ececec;text-decoration:none;} /*详细介绍分页样式*/ .total{border-bottom:1px dashed #e0e1dc;padding-bottom:10px;} .paging_num{padding:10px 0px;overflow:hidden;text-align:right;} .paging_num a{width:25px;height:20px;line-height:20px;text-align:center;display:inline-block;border:1px dashed #e0e1dc;color:#666;margin-left:15px;} .paging_num a:hover{text-decoration:none;color:#005a98;border:1px dashed #005a98;} .paging_num .paging_hover{text-decoration:none;color:#005a98;border:1px dashed #005a98;} /*新闻列表*/ .news_list{} .news_list li{line-height:27px;position:relative;padding-left:10px;} .news_list li a{line-height:27px;color:#666;} .news_list li a:hover{text-decoration:none;color:#e10029;} .news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;} .news_list li h3{font-size:14px;} .news_list li div{line-height:24px;} .news_list1{margin-top:12px;} .news_list1 li a{display:block;color:#333;line-height:62px;border-bottom:1px solid #c9c9c9;font-size:16px;height:62px;overflow:hidden;} .news_list1 li a:hover{color:#e10029} /*热门关键词*/ .words{overflow:hidden;margin-right:-1.3%;padding-top:5px;} .words li{width:46%;float:left;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;} .new1 li{border-bottom:1px solid #dddddd;background:url(../../images/home/list_dot1.gif) no-repeat 0% 50%;padding-left:13px;} .right_word{margin-left:5%;} /*案例列表*/ .case_detail h1{font-size:18px;} .case_list{} .case_list li{float:left;_display:inline;margin-bottom:15px;} .case_list li a.img img{width:100%;height:auto;} .case_list li h3{text-align:center;padding-top:5px;overflow:hidden;height:30px;line-height:24px;} .case_list li h3 a{font-weight:normal;font-size:16px;color:#333;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .case_list li a.img{display:block;padding-top:80%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .case_list li a.img2{background-size:contain;} .case_list2 li a.img{padding-top:65%;} @media(min-width:1200px){ .case_list li a.img::after{content:'';position: absolute;top: 0px;left:0px;right:0px;bottom:0px;background-color: rgba(0,0,0,0.2);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .case_list li:hover a.img::after{background-color:transparent;} .case_list li:hover a.img{top:-2px} /* .case_list li a.img::after{content:'';position:absolute;width:30%;height:100%;top:0;left:130%;overflow:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.02) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,.02) 100%);transform:skewX(-25deg);} .case_list li:hover a.img::after{transition:left 1.5s;left:-30%} */ } .case_list li:hover h3 a{color:#033f97;} /*Tag列表*/ .tag_list_product{margin-top:10px;} .tag_list_product li{float:left;width:31.3%;margin:0 1%;padding-bottom:15px;_display:inline;} .tag_list_product li a.img{padding:1px;border:1px solid #e0e1dc;} .tag_list_product li a.img img{width:100%;height:auto;} .tag_list_product li h3{text-align:center;padding-top:5px;font-size:16px;} .tag_list_product li h3 a{font-weight:normal;} .tag_list_product li a.img{display:block;} .tag_list_product li a.img:hover{border-color:#e10029;} .tag_list_news{} .tag_list_news li{line-height:27px;position:relative;padding-left:10px;} .tag_list_news li a{line-height:27px;} .tag_list_news li span{color:#999;z-index:0;line-height:27px;} .tag_list_news li h3{font-size:14px;} .tag_list_news li div{line-height:24px;} .tag_total{height:36px;line-height:36px;text-align:left;padding-left:20px;background-color:#edf1f5;border:1px solid #b6c7db;} /*产品里列表*/ /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo{float:left;width:800%} #demo1{float:left;} #demo2{float:left;} #m_demo{overflow:hidden;width:100%;margin:0 auto;} #m_indemo{float:left;width:800%} #m_demo1{float:left;} #m_demo2{float:left;} .product_list{} .product_list li{float:left;margin-left:15px;margin-right:15px;padding-bottom:15px;_display:inline;} .product_list li a.img{padding:1px;border:1px solid #e0e1dc;} .product_list li a.img img{width:150px;height:120px;} .product_list li h3{text-align:center;padding-top:5px;} .product_list li h3 a{font-weight:normal;} .product_list li a.img{display:block;} .product_list li a.img:hover{border-color:#e10029;} .roll_product{float:left;} .sort_a{overflow:hidden;} .sort_a .layer1{padding:15px 0px;border-bottom:1px dashed #a7b8d4;position:relative;height:133px;z-index:1;} .sort_a .layer1 .img{float:left;padding:5px;border:1px solid #dddddd;} .sort_a .layer1 .img img{width:150px;height:120px;} .sort_a .layer1 .img_right{width:560px;float:right;} .sort_a .layer1 .img_right h3{font:bold 14px/36px "微软雅黑";} .sort_a .layer1 .img_right span{line-height:25px;display:block;} .sort_a .layer1 .pro_more{position:absolute;right:0px;bottom:15px;width:110px;padding-left:10px;height:28px;line-height:28px;background:#666666;color:#fff;font:bold 24px/24px "微软雅黑";} .sort_a .layer1 .pro_more span{float:left;} .sort_a .layer1 .pro_more a{font:normal 12px/28px "宋体";color:#fff;float:right;padding-right:15px;display:inline-block;} .sort_a .layer1 .pro_more a:hover{text-decoration:none;color:#faf104;} .sort_a .abb_product{padding-top:15px;border:1px dashed #a7b8d4;border-top:none;} .productcates{padding-top:10px;} .catemore{color:#0080d9;margin-top:6px;overflow:hidden;position:relative;} .catemore h2{width:360px;float:left;font:bold 15px/36px "微软雅黑";} .catemore a{float:right;font:normal 14px/36px "微软雅黑";color:#444444;padding-right:28px;} .catemore a:hover{text-decoration:none;color:#0080d9;} /*地图样式*/ #allmap{width:95%;height:500px;margin-top:20px;margin-bottom:10px;margin:0 auto;} .maplist{position:relative;overflow:hidden;padding:18px 0px;} .maplist ul li{width:26%;float:left;margin-right:1.5%;margin-left:1.5%;_display:inline;background:url(../../images/home/ditulogo.png) no-repeat 18px 6px;padding-left:40px;line-height:26px;font-family:"微软雅黑";height:110px;border-right:1px dashed #ddd;margin-bottom:20px;} .maplist ul li h2{font-size:15px;} .maplist ul li span{font-size:12px;color:#666;} .province{font:normal 14px/32px "微软雅黑";padding:0px 10px;} #search_form{margin:15px 0px;padding-left:20px;} #search_form select{width:180px;border:1px solid #d9d9d9;line-height:32px;height:32px;} .button_s{border:none;background:#459afa;line-height:30px;color:#fff;text-align:center;width:80px;margin-left:15px;border-radius:3px;transition:all 0.3s ease 0s;} .button_s:hover{background:#fb9108;} /*下载列表*/ .down_list{} .down_list li{line-height:27px;height:27px;position:relative;background:url(../../images/home/list_dot1.gif) 0 50% no-repeat;padding-left:10px;} .down_list li a{} /*招聘列表*/ .job_list{} .job_list li{line-height:27px;height:27px;position:relative;background:url(../../images/home/list_dot1.gif) 0 50% no-repeat;padding-left:10px;} .job_list li a{} .job_list li span{position:absolute;color:#999;right:0;z-index:0;} /*招聘列表*/ .download_list{} .download_list li{line-height:27px;height:27px;position:relative;background:url(../../images/home/list_dot1.gif) 0 50% no-repeat;padding-left:10px;} .download_list li a{} .download_list li span{position:absolute;color:#999;right:0;z-index:0;} /*详细页面公共样式*/ h3.title_bar{margin-left:40px;width:420px;float:left;} .share{padding-left:5px;padding-bottom:8px;float:left;width:240px;height:26px;} .info_title{border-bottom:1px solid #e1e4e6;} .case_title{border-bottom:1px solid #e1e4e6;} /*产品详细*/ .product_detail{padding:5px;} .product_detail h1.title{line-height:52px;font-size:24px;font-family:"Microsoft YaHei";color:#000;margin:0;margin-bottom:15px;} @media (max-width: 768px){ .product_detail h1.title{font-size:16px;} } .product_detail .img{width:31%;float:left;padding:2px;border:1px solid #e0e1dc;} .product_detail .img img{} .product_detail .small{width:100%;height:auto;} .jqzoom{text-decoration:none;float:left;} .product_detail .list{width:60%;float:left;padding-left:5%} .list_p{} .list_p li{height:26px;font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"Microsoft YaHei"} .list_p li h2{font-size:12px;font-weight:normal;font-family:"Microsoft YaHei"} .product_detail .inquiry{line-height:32px;border:none;margin-top:6px;} .product_detail .inquiry a{background:url("../../images/home/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;} .product_detail .inquiry a:hover{background-image:url("../../images/home/xunjia_hover.gif");} .list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"} .p_detail span.title{line-height:52px;height:52px;text-align:left;margin-top:2.6vw;display:block;font-size:24px;border-bottom:1px solid #959595;color:#1c75c2;} @media (max-width: 768px){ .p_detail span.title{font-size:16px;} } .p_detail p.dd{padding-top:5px;padding-bottom:5px;} h3.tag{line-height:32px;border-top:1px dashed #e0e1dc;margin-top:10px;color:#999;font-weight:normal;} h3.tag a{color:#005a98;} h3.tag a:hover{color:#e10029;} .page{line-height:32px;font-size:14px;margin-top:6px;padding-top:15px;color:#000} .page a{color:#000;font-size:14px;} .page a:hover{color:#e10029;} .page span{color:#000;} /*新闻详细*/ .news_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;line-height:24px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;padding-bottom:10px;} @media(max-width:768px){ .news_detail h1.title{font-size:16px;} } /*招聘详细*/ .job_detail{} .job_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;padding-bottom:10px;} .job_detail h3.title_bar{line-height:26px;text-align:center;font-weight:normal;color:#808080;} .job_detail h3.title_bar span{padding-right:10px;} .job_detail .content h4{background-color:#f1f1f1;height:26px;line-height:26px;text-align:left;padding-left:15px;} .job_detail .content div.text{padding-top:10px;padding-left:22px;padding-right:8px;} /*下载详细*/ .down_info{padding:10px;margin-top:15px;} .down_info table{width:100%;} .down_info table thead{line-height:26px;background-color:#f2f2f2;} .down_info table th{border:1px solid #b6d5f1;} .down_info table td{padding:3px;padding-left:10px;padding-right:5px;border:1px solid #b6d5f1;text-align:center;line-height:28px;height:28px;} #download{text-decoration:underline;} #down_detail{} #down_detail .title{line-height:26px;text-align:left;padding-left:15px;font-size:14px;height:26px;background-color:#ececec;} #down_detail .text{padding:10px;} /*内页左侧分类通用样式*/ //.sort{border-bottom:#D9D9D9 1px solid;} .sort li{position:relative;z-index:999;} .sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;border-bottom:2px solid #3a78c1;z-index:9999;} .sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;border-bottom:2px solid #3a78c1;z-index:9999;} .sort li .layer2 li{overflow:hidden;} .sort li .layer2 li a{font-weight:bold;background:url(../../images/home/ico1.gif) no-repeat 0% 50%;} .sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;} .sort li .layer2 li .layer3 li{border-bottom:1px dashed #d5d5d5;margin:6px 0px;height:24px;line-height:24px;} .sort li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;} .sort li a{display:block;color:#333333;font-size:18px;display:block;line-height:60px;font-family:"微软雅黑";border-right:1px solid #d7d7d7;background:#fefefe;text-align:center;} .sort li a:hover,.sort li a.linshi{background:#014296;text-decoration:none;color:#fff;} /*内页留言*/ .message{width:88%;margin:0 auto;z-index:100;position:relative;padding-top:2vw;} .message input{vertical-align:middle;width:88%;margin:0 auto;} .message #name{display:block;height:26px;line-height:26px;padding:0;padding-left:6px;border:1px solid #dedede;} .message #contact{display:block;height:26px;line-height:26px;padding:0;padding-left:6px;border:1px solid #dedede;} .message #email{display:block;height:26px;line-height:26px;padding:0;padding-left:6px;border:1px solid #dedede;} .message #address{display:block;height:26px;line-height:26px;padding:0;padding-left:6px;border:1px solid #dedede;} .message #content{display:block;height:120px;padding:6px;font-size:12px;border:1px solid #dedede;width:88%;margin:0 auto;} .message .msgbtn{background:#e10029;cursor:pointer;width:98px;height:32px;line-height:32px;text-align:center;border:none;color:#fff;font-size:14px;font-family:"Microsoft YaHei";margin:0 auto;display:block;margin-top:22px;} #code{padding-top:0px;line-height:26px;width:88%;margin:0 auto;} #checkcode{height:32px;line-height:32px;width:120px;border:1px solid #dedede;} #message_main{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} #message_main tr{border-bottom:1px dotted #d2d2d2;} #message_main tr th{font-weight:normal;text-align:center;height:45px;line-height:45px;color:#666;width:25%;background:#eeeeee;color:#e10029;font-size:14px;border-right:2px solid #d2d2d2;} #message_main tr td{width:75%;position:relative;padding:10px 0;} .m_label{position:absolute;width:88%;margin:0 auto;text-align:left;line-height:26px;padding-left:8px;color:#ccc;z-index:1;cursor:text;left:6%;} .c_label{line-height:18px;padding-top:12px;} /*首页留言表单*/ .index_message{position:relative;} .name_input{border:1px solid #cccccc;margin-top:5px;background:#fff;height:22px;width:189px;} .input_left{float:left;width:40px;text-align:center;background:url(../../images/home/title_left.jpg) left top repeat-x;height:22px;line-height:22px} .input_right{position:relative;float:right;} .input_right input{height:22px;line-height:22px;} .input_right .m_label{position:absolute;width:100px;text-align:left;line-height:22px;padding-left:6px;color:#ccc;z-index:1;cursor:text;} #m_div{width:222px;position:fixed;right:2px;bottom:0px;padding-bottom:1px;z-index:99999;background:none;} .d_label{line-height:18px;padding-top:8px;width:160px;} .w_message{border:1px solid #4a9cf9;padding:7px;padding-top:3px;height:238px;background:#fff;padding-bottom:27px;background:url(../../images/home/message_bg.jpg) left top no-repeat;} .w_message #name{width:142px;height:22px;line-height:22px;border:none !important;} .w_message #contact{width:142px;height:20px;line-height:20px;border:none !important;} .w_message #email{width:142px;height:20px;line-height:20px;border:none !important;} .w_message #address{width:142px;height:20px;line-height:20px;border:none !important;} .w_message #content{width:176px;height:65px;resize:none;overflow-y:auto;overflow-x:hidden;} .w_message #checkcode{width:82px;height:22px;line-height:22px;border:1px solid #ccc;background-color:#fff;} #message_main{/* display:table-cell;*/} .w_message #message_main tr{display:block;width:100%;overflow:hidden;line-height:28px;} .w_message #message_main tr th{height:28px;line-height:28px;width:37px;text-align:center;vertical-align:middle;overflow:hidden;} .w_message #code{padding-top:0px;margin-top:5px;} .w_title{background:none;color:#fff;;position:relative;cursor:pointer;height:33px;width:222px;overflow:hidden;} .w_message #message_main .m_input{border:1px solid #ccc;background-color:#fff;} .w_message .msgbtn{width:93px;height:29px;line-height:20px;background:url(../../images/home/submit.png) 50% 50% no-repeat;margin-top:3px;border:none;font-family:"宋体",arial;font-size:12px;margin-left:54px;font-family:"微软雅黑";color:#fff;} .w_message .msgbtn_hover{background:#3c96fc;color:#fff;border:1px solid #3c96fc;} .m_close{background:url(../../images/home/messbtn.png) left top no-repeat;position:absolute;right:0px;top:0px;cursor:pointer;overflow:hidden;width:19px;height:20px;right:12px;top:8px;cursor:pointer;} .m_open{background:url(../../images/home/messbtn1.png) left top no-repeat;} .w_message .m_under{position:absolute;width:227px;height:37px;line-height:41px;left:0;bottom:1px;} .w_message .support{color:#000;width:100px;position:absolute;bottom:1px;right:8px;font-size:12px;} #m_top{height:1px;font-size:0px;line-height:1px;margin:0 2px;background:#4a9cf9;} #m_mid{height:1px;font-size:0px;line-height:1px;margin:0 1px;background:#4a9cf9;} #m_bot{background:#4a9cf9;height:31px;line-height:31px;padding-left:9px;font-family:"微软雅黑";font-size:13px;} /*分页样式1*/ .pageController{position:relative;padding-right:10px;padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;margin-top:16px;line-height:24px;height:84px;} .pageController .pagination{position:absolute;left:50%;transform:translate(-50%,0%);} .pageController span{margin-right:3px;} .pageController a{background-color:#FFF;vertical-align:middle;border:#efefef 1px solid;color:#505050;padding:5px 8px;margin-right:3px;margin-left:3px;} .pageController a:hover{background-color:#efefef;color:#e10029;text-decoration:none;border:#efefef 1px solid;} .pageController .currPage{background-color:#efefef;color:#ff0000;border:#efefef 1px solid;} .pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;display:none;} .pageController .t2{text-align:center;vertical-align:middle;line-height:24px;} .pageController .t2 #current{padding:0 5px;line-height:24px;} .pageController .t1 span{padding-left:4px;padding-right:4px;} .pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;display:none;} .pageController select option{vertical-align:middle;} /*相关产品和新闻*/ .relate_list{margin-top:10px;} .relate h4{line-height:30px;border-bottom:1px solid #e10029;padding-left:5px;} #relate_p .img img{width:120px;height:96px;} #relate_p li{margin-left:10px;margin-right:10px;_display:inline;} #relate_n li{width:48%;float:left;} .relate ul{float:none;} /*博客列表*/ .blog_list{} .blog_list li{border-bottom:1px solid #ccc;padding-bottom:20px;} .blog_list li h2{line-height:42px;height:42px;padding-left:10px;padding-left:20px;border-bottom:1px dashed #ccc;} .blog_list li h2 a{font-size:14px;font-family:"Microsoft YaHei";font-weight:bold;color:#4C4C4C;line-height:42px;color:#204e7d;} .blog_list li .summary{color:#878787;line-height:28px;height:28px;text-indent:20px;padding-top:5px;padding-bottom:5px;} .blog_list li .under{padding-left:20px;padding-top:5px;height:24px;line-height:24px;padding-bottom:5px;color:#2970a6;} .blog_list li .under a{color:#2970a6;} /*网站地图*/ h3.map_title{line-height:30px;line-height:30px;background-color:#f5f8fa;border:1px solid #d6dbe1;text-indent:20px;color:#3b639f;border-bottom:2px solid #458fce;} .map_list{line-height:30px;padding-left:20px;margin-top:8px;margin-bottom:8px;} .map_list a{padding:4px;white-space:nowrap;} .map_list a:hover{text-decoration:none;background-color:#3b639f;color:#fff;padding:4px;} /*热推产品*/ .content-getkey{padding:15px 10px;} .getkey_list{} .getkey_list li{float:left;margin-left:20px;margin-right:20px;padding-bottom:15px;_display:inline;} .getkey_list li a.img{padding:1px;border:1px solid #e0e1dc;} .getkey_list li a.img img{width:150px;height:120px;} .getkey_list li h3{text-align:center;padding-top:5px;} .getkey_list li h3 a{font-weight:normal;} .getkey_list li a.img{display:block;} .getkey_list li a.img:hover{border-color:#e10029;} .content-getkey .content{line-height:24px;overflow:hidden;padding:15px 10px 10px;} .getkey_detail .content{line-height:24px;overflow:hidden;padding:15px 10px 10px;} /*简历提交*/ .job-title{padding-left:10px;line-height:40px;font-size:16px;margin-bottom:15px;} .job-title .job-send{background:#f1f1f1;padding:5px 10px;border-radius:4px;} .send-title{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#060;} .message-job{padding-left:10px;padding-bottom:10px;} .message-job li{line-height:30px;margin-bottom:10px;} .message-job li label{font-size:14px;width:70px;float:left;text-align:right;} .message-job li span{color:red;} .message-job li input[type='radio']{margin:0 10px;} .message-job li input.jobinput{border:1px solid #ccc;width:200px;margin:0 5px;line-height:24px;height:24px;padding:0 5px;} .message-job li select{line-height:24px;height:24px;padding:0 5px;} .message-job li #experience{width:400px;height:80px;} .message-job li input#file{margin-top:18px;margin-right:20px;} .message-job input.jobbtn{width:80px;border:1px solid #f1f1f1;background:#BBB;color:#fff;border-radius:4px;font-family:"Microsoft Yahei";line-height:30px;height:30px;margin:0 8px 0;cursor:pointer;} .message-job input.jobbtn:hover{background:#aeaaaa;} .message-job li.last{border-bottom:1px solid #ddd;margin-bottom:8px;padding:5px 0;font-size:14px;color:#060;} .resume-prompt{line-height:36px;color:#999;} .message-job span.last{color:red;display:inline-block;line-height:36px;} /*头部样式*/ .head1{background:#fff;position:relative;z-index:9999} .head{border-bottom:5px solid #bfbfbf;background:#232323;height:47px;line-height:42px;overflow:hidden} .wel{float:left;line-height:42px;color:#fff;height:42px;} .top{min-height:90px;display:flex;align-items:center;} .logo{width:20%;position:relative;} .logo img{max-width:100%;height:auto;} @media (max-width: 768px){ .logo img{height:42px;margin-left:25px;} } .topLink{float:right;text-align:right;position:relative;z-index:9999;} .translate{width:100px;position:absolute;left:0;top:10px;z-index:9999;} .tran-in{left:120px;} .translate li{border:1px dashed #cccccc;line-height:26px;text-align:left;background:#fff;} .translate li a{display:block;padding-left:10px;background:url(../../images/home/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration:none;color:#275cea;cursor:pointer;} .translate-en{display:none;padding:6px;padding-top:0px;} .translate li .translate-en a{padding-left:0px;text-align:center;background:#fff;border-bottom:1px solid #cccccc;} .translate li .translate-en a:hover{font-weight:bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .k1{line-height:35px;float:right;color:#999999;} .k1 a{color:#999999;} .k1 a:hover{text-decoration:none;color:#e32433;} .conbg1{position:relative;z-index:99999;background:#fff;} .line{position:absolute;width:8px;height:100%;left:0;top:0%;background:#e10029;animation:mymove 2s;overflow:hidden;z-index:99999;} @keyframes mymove{ from{height:0px;top:50%;} to{height:100%;top:0%;} } @-moz-keyframes mymove{ from{height:0px;top:50%;} to{height:100%;top:0%;} } @-webkit-keyframes mymove{ from{height:0px;top:50%;} to{height:100%;top:0%;} } @-o-keyframes mymove{ from{height:0px;top:50%;} to{height:100%;top:0%;} } #menu{float:right;} .ss{padding:0 12px;cursor:pointer;line-height:90px;} .top1{width:80%;position:absolute;z-index:99;} .top1 .lan{line-height:90px;padding:0px 10px;background:url(../../images/home/lan.png) no-repeat left;font-size:18px;color:#000;} .phone1{padding:12px 0} .phone2{padding:15px} .phone2 img{max-width:100%;height:auto;display:block;} .topbanner img{max-width:100%;height:auto;} .topbanner>img{min-height:250px;} .ncontainer{max-width:1630px;margin:0 auto;padding:0 15px;position:relative;} .word1{position:absolute;left:7%;top:6vw;color:#e10029;font-family:"arial";font-size:3.5vw;font-weight:bold;} .word1 p{color:#000;font-size:2vw;font-weight:normal;} .nimg1{position:absolute;right:7%;bottom:0;width:48%;} .nimg2{position:absolute;bottom:0px;width:1200px;font-size:2vw;font-weight:bold;z-index:9999;left:50%;margin-left:-600px;height:102px;} .nimg2 a.more{color:#fff;font-size:18px;text-transform:uppercase;font-weight:normal;} .icon_list{text-align:justify;} .icon_list li{position:relative;display:inline-block;width:32.6%;vertical-align:top;background:#fff;transition:0.3s;} .icon_list li:hover{background:none;} .icon_list li:hover div{color:#fff;} .icon_list li div{font-size:20px;font-weight:normal;padding:20px 29px;} .icon_list li div p{font-size:14px;} .icon_list li.ico-1 div{background:url(../../images/home/d1.png) no-repeat 93%;} .icon_list li.ico-1:hover div{background:url(../../images/home/d11.png) no-repeat 93%;} .icon_list li.ico-2 div{background:url(../../images/home/d2.png) no-repeat 93%;} .icon_list li.ico-2:hover div{background:url(../../images/home/d22.png) no-repeat 93%;} .icon_list li.ico-3 div{background:url(../../images/home/d3.png) no-repeat 93%;} .icon_list li.ico-3:hover div{background:url(../../images/home/d33.png) no-repeat 93%;} .icon_list:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';} .hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.7s;transition-duration:0.7s;} .hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#014296;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.7s;transition-duration:0.7s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white;} .hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);} .c1{background:url(../../images/home/c1.png) center top no-repeat;padding:8vw 0 7vw;background-size:cover;} .c1 .slideBox{overflow:hidden;position:relative;} .c1 .slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1;} .c1 .slideBox .bd{position:relative;height:100%;z-index:0;} .c1 .slideBox .bd li{zoom:1;vertical-align:middle;display:flex;align-items:center;} .aintro{width:17%;margin-right:3%;text-transform:uppercase} .aintro b{color:#033f97;font-size:2vw;font-weight:bold;font-family:"arial"} .aintro p{color:#272727;font-size:2vw} .aintro span{color:#666;font-size:1vw;position:relative;display:inline-block;padding-top:8px;} .aintro span::after{position:absolute;content:"";top:0;left:0;width:50%;background:#d9d9d9;height:1px} .avideo{width:35%;} .avideo img{max-width:100%;height:auto !important;width:auto !important;} .atext{width:43%;margin-left:2%;font:400 16px/35px "microsoft yahei"} .num{margin-top:4vw;} .num p{color:#033f97;font-size:3vw;width:25%;padding:0px 5px;float:left;text-align:center;font-family:"impact";} .num p span{font-size:12px;display:block;padding-top:10px;color:#232d33;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .c1 .slideBox .prev,.c1 .slideBox .next{position:absolute;left:0;bottom:6px;display:block;background:#ededed;border-radius:50%;width:55px;height:55px;text-align:center;line-height:55px;} .c1 .slideBox .next{left:auto;left:65px;} .c1 .slideBox .prev:hover,.c1 .slideBox .next:hover{background:#e10029} .c2{background-color:#fff;font-size:2vw;line-height:8vw;color:#033f97;text-align:center;position:relative} .c2::after{position:absolute;content:"";top:70%;left:0;width:65px;background:#d9d9d9;height:1px;left:50%;margin-left:-32px;} .c3{overflow:hidden;padding-bottom:6px;} .c3 .slideBox{position:relative;} .c3 .slideBox .hd{background:#fff;box-shadow:0 0 6px #d1d0d0;padding:0 6%;position:relative;width:52%;margin:0 auto;padding:2vw 0;margin-top:-3vw} .c3 .slideBox .hd ul{margin:0;padding:0 6%;display:flex;flex-wrap:wrap;} .c3 .slideBox .bd ul{margin:0;} .c3 .slideBox .hd ul li{float:left;text-align:center;cursor:pointer;width:20%;color:#666;border-right:1px solid #f2f2f2;position:relative;padding-bottom:20px;} .c3 .slideBox .hd ul li:nth-child(5n){border:none} .c3 .slideBox .hd ul li p{padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .c3 .slideBox .hd ul li.on p{color:#033f97} .c3 .slideBox .hd ul li img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity:.6;} .c3 .slideBox .hd ul li.on img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);opacity:1;} .c3 .slideBox .hd ul li.on::after{position:absolute;bottom:10px;left:7%;content:"";width:86%;height:4px;background:#033f97;} .c3 .slideBox .bd{position:relative;height:100%;z-index:0;} .c3 .slideBox .bd li{zoom:1;vertical-align:middle;position:relative;} .c3 .slideBox .bd .limg{width:100%;height:auto;display:block;} .lintro{width:100%;position:absolute;left:0;top:40%;text-align:center;font-size:3vw;color:#fff;text-shadow:2px 2px 5px #333;} .lintro a{display:block} .lintro a:hover img{opacity:.8;transition:.5s} .c3 .slideBox .bd li::after{content:'';position:absolute;width:15%;height:100%;top:0;left:130%;overflow:hidden;background-image:linear-gradient(to right,rgba(255,255,255,.2) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 100%);transform:skewX(-25deg);} .c3 .slideBox .bd li:hover:after{transition:left 1.5s;left:-30%} /* 下面是前/后按钮代码,如果不需要删除即可 */ .c3 .slideBox .prev,.c3 .slideBox .next{position:absolute;left:0%;top:50%;margin-top:-10px;display:block;width:6%;text-align:center} .c3 .slideBox .next{left:auto;right:0;} .c3 .slideBox .prev:hover,.c3 .slideBox .next:hover{filter:alpha(opacity=50);opacity:.5;} .c4{overflow:hidden;margin-top:4vw;padding-bottom:2vw;} .ntitle{font-size:2vw;color:#033f97;position:relative;line-height:3vw;padding-bottom:.8vw;} .ntitle::after{position:absolute;content:"";bottom:0;left:0;width:65px;background:#d9d9d9;height:1px;} /*热门搜索*/ .search{position:absolute;top:90px;width:100%;left:0;background:#2f2f2f;display:none;padding:15px;position:absolute;z-index:9999;} #formsearch{max-width:1200px;margin:0 auto;} .container1{width:85.6%;margin:0 auto;} @media (max-width:415px){ .logo{padding-top:0;margin-bottom:12px;width:58%;margin-top:10px;} .top1{margin-right:6px;} } @media (max-width:992px){ .logo{padding-top:0;margin-bottom:12px;} .search{top:145px;} } @media (max-width:768px){.nimg2,.nimg1{width:72%;right:0;}} .icon-list li{width:25%;float:left;margin-top:3vw;} .icon-list li>a,.icon-list li>div{margin-left:10px;margin-right:10px} .icon-list li img{display:block;width:100%;height:auto;} .icon-list li div{margin-top:0px;margin-bottom:0px;} .icon-list li div a{color:#272727;font-size:20px;line-height:27px;margin:20px 0 18px;display:block;height:27px;overflow:hidden;} .icon-list li:hover div a{color:#033f97;} .icon-list li div p{color:#666;font-size:16px;line-height:30px;height:60px;overflow:hidden;} .icon-list li a.nmore{color:#666;font:400 14px/32px "microsoft yahei";border:1px solid #e4e4e4;width:125px;text-align:center;display:block;height:32px;} .icon-list li a.aimg{display:block;overflow:hidden;} .icon-list li a.aimg img{transform:scale(1);transition:.3s;} .icon-list li:hover a.aimg img{transform:scale(1.2);transition:.3s;} .new_slideBox_hd{display:none;} #tabs{margin-top:3vw;} #tabs li{cursor:pointer;color:#dcdcdc;font-size:14px;height:48px;line-height:48px;padding:0 25px;border-top-left-radius:6px;border-top-right-radius:6px;float:left;margin-right:8px;background:#666666} #tabs li.ck{background:-webkit-linear-gradient(#949393,#f1f1f1);background:linear-gradient(#949393,#f1f1f1);color:#535353} .tabs-cont{display:none;padding:2.3vw 12px;background:#f1f1f1;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-bottom:2.5vw;} .news-list{display:flex;} .news-list li{display:flex;width:30.3%;margin:0 1.5% 12px;align-items:center;} .news-list li a.img{width:25%;padding-right:20px;} .news-list li a.img img{display:block;width:100%;height:auto;} .news-list li h3{width:75%;margin:0;font-weight:normal;} .news-list li h3 a{display:block;color:#000;font-size:14px;} .news-list li h3 p{color:#707070;font:400 12px/18px "Microsoft Yahei";} .foot2{background:#1d1f25;border-top:5px solid #033f97;line-height:4vw;color:#636467;position:relative;z-index:99999} .foot2 a{color:#636467} .foot2 a:hover{color:#033f97} .foot2 .bdsharebuttonbox a{margin:0;padding:0;margin-left:15px;background-image:none;display:inline-block;line-height:4vw;} .foot2 .container1{position:relative;} #gotop{position:absolute;right:0;top:-62px;cursor:pointer;} .foot-list{display:flex;} .foot-list li{} .foot-list li:last-child{margin-right:0;} .foot-list li a.img{width:25%;padding-right:20px;} .foot-list li a.img img{display:block;width:100%;height:auto;} .foot-list li h3{width:75%;margin:0;font-weight:normal;} .foot-list li h3 a{display:block;color:#313131;font-size:16px;} .foot-list li h3 p{color:#707070;font:400 14px/18px "Microsoft Yahei";} .foot1{background:#868689;padding:1vw 0 1vw;position:relative;z-index:99999;overflow:hidden;} .fnav{width:73%;float:left;border-right:1px solid #cdcdcf;padding:10px 0 3vw;} .fnav li{width:20%;float:left;} .fnav li a{display:block;color:#fff;font-size:16px;line-height:36px;} .fnav li a:hover{color:#1c75c2} .fnav li .sec1{margin-top:10px;} .fnav li .sec1 a{font-size:14px;line-height:30px;display:block;color:#cdcdcf} .fnav li .sec1 a:hover{color:#033f97;} .fcontact{width:27%;color:#fff;font-size:14px;line-height:19px;float:left;text-align:center;padding-top:1vw;padding-bottom:1vw;} .fcontact>p{margin-bottom:10px;} .copy{border-top:1px solid #cdcdcf;line-height:26px;color:#525255;padding-top:18px;} .copy a{color:#525255} .copy_center{text-align:center;} @media(max-width:768px){ .copy{line-height:20px;padding-top:10px;padding-bottom:10px;} .copy a{display:inline-block;} } .sort-list{display:flex;flex-wrap:wrap;padding:30px 0 20px} .sort-list li{display:flex;width:22.5%;margin:0 3% 25px 0;align-items:center;} .sort-list li:nth-child(4n){margin-right:0;} .sort-list li a.img{width:33.33%;padding-right:5px;} .sort-list li a.img img{display:block;width:100%;height:auto;} .sort-list li h3{width:66.66%;margin:0;font-weight:normal;} .sort-list li h3 a{display:block;color:#000;font-size:18px;} .sort-list li h3 p{color:#000;font:400 14px/18px "Microsoft Yahei";margin-top:5px;} .sort-list1 li{width:100%;border-bottom:1px solid #e7e7e7;padding-bottom:18px;margin-bottom:18px;} .sort-list1 li a.img{width:33.33%;padding-right:5px;float:left;} .sort-list1 li a.img img{display:block;width:100%;height:auto;} .sort-list1 li h5{width:66.66%;margin:0;font-weight:normal;float:left;padding-top:6px;} .sort-list1 li h5 a{display:block;color:#000;font-size:18px;} .relateproduct h4{color:#000;font-size:24px;margin:0;margin-bottom:13px;} .site{color:#0a47ba;font-size:14px;margin-top:15px;margin-bottom:2.5vw;} .site a{color:#0a47ba;font-size:14px;padding:0 5px;} .site span{color:#b5b5b5;padding:0 5px;} /*主体样式*/ #container{width:1000px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0;border-width:0px 1px 1px 0px;padding:10px 5px;} .index-table{border:solid #add9c0;border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*首页新闻*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*联系我们*/ .contact>div:last-child{border-left: 1px solid #e3e5e6;} .contact form{padding:5%;} .contact input{width:calc(100% - 30px);padding:0 15px;height:40px;line-height:40px;background:#fff;border:1px solid #d4d4d1;font-size:12px;color:#474949;margin:0 15px 15px 0;outline:none;float:left;} .contact textarea{width:calc(100% - 30px);height:160px;resize:none;margin-bottom:20px;background:#fff;border:1px solid #d4d4d1;padding:10px 15px;font-size:12px;color:#474949;line-height:20px;;outline:none;} .contact input.captcha{width:calc(50% - 30px);} .contact .vimg{width:calc(50% - 30px);height:40px;} .contact .vimg img{height:40px;} .contact button{background:#076ce0;font-size:14px;border:0;height:36px;color:#fff;line-height:36px;width:calc(100% - 30px);cursor:pointer;} .contact .error{color:#e10029;line-height:24px;} .contact_link{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;overflow:auto;height:500px;} .contact_link::-webkit-scrollbar{width:5px;height:1px;} .contact_link::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#868689;} .contact_link::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:5px;background:#ededed;} .contact_link p{width:33.33%;padding:1.5%;} .contact_link strong,.contact_link b{color:#1c75c2;} .contact_link dl{width:100%;border-bottom:1px #e3e5e6 solid;margin-bottom:1.5%;overflow:hidden;} .contact_link dl>dt{padding:.5% 1.5%;color:#1c75c2;border:1px #1c75c2 solid;border-radius:10px;display:inline-block;margin:0 1.5%;} .contact_link dl>dd{display:flex;flex-wrap:wrap;clear:both;} .contact_link dl:nth-child(2){width:33.33%;} .contact_link dl:nth-child(2) p{width:100%;} .contact_link dl:nth-child(3){width:66.66%;} .contact_link dl:nth-child(3) p{width:50%;} @media(max-width:768px){ .contact>div:last-child{border-left:none;border-top:1px solid #e3e5e6;} .contact form{padding:5% 0;} .contact input,.contact textarea,.contact button{width:100%;} .contact_link{height:auto;} .contact_link p{width:50%;padding:2.5% 1%;font-size:12px;} .contact_link dl>dt{padding:1% 4%;border-radius:8px;font-size:12px;} } /*工程案例*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*产品推荐*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../../images/home/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*友情链接*/ .f_link{width:1000px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;} /*页面底部*/ #footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e10029;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{text-align:center;line-height:24px;} /*------------内页-------------------*/ .left .box{margin-bottom:3vw;} .left .box h3{color:#fff;height:48px;line-height:48px;font-size:18px;padding-left:25px;background:#0a2886;font-weight:normal;margin:0;} .left .box .content{padding:5px 0px;} .nicon-list li{background:#f1f1f1;margin-bottom:25px;} .nicon-list li img{display:block;width:100%;height:auto;} .nicon-list li h3{padding:6px 15px 10px;margin:0;} .nicon-list li h3 a{color:#000000;font:400 16px/30px "Microsoft Yahei";} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:100%;} .n_banner img{width:100%;height:auto} .left{width:24%;float:left;} .main{width:100%;} .sitemp{background:#eeeeee;padding-left:15px;font:400 24px/50px "Microsoft Yahei";height:50px;overflow:hidden;} .main .content{padding:25px 0;overflow:hidden;font-size:14px;line-height:24px;min-height:500px;} .main .content img{max-width:100%;} .main .content .zoomPad img{max-width:unset;} .picScroll-left{overflow:hidden;position:relative;margin-top:3vw;margin-bottom:2vw;} .picScroll-left .hd{overflow:hidden;margin-bottom:0;} .picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;overflow:hidden;cursor:pointer;position:absolute;width:4%;height:60px;background:#868689;top:0;left:0;text-align:center;line-height:60px;} .picScroll-left .hd .next{left:auto;right:0;} .picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{background:#014296;} .picScroll-left .bd{width:90%;overflow:hidden;margin:0 auto;border:1px solid #d7d7d7;} .picScroll-left .bd ul{overflow:hidden;zoom:1;height:60px;overflow:hidden;margin-bottom:0;} .picScroll-left .bd ul li{float:left;_display:inline;overflow:hidden;text-align:center;width:25%;} .nimg3{display:none;} @media(max-width:768px){ .wel{font-size:12px;width:calc(100% - 155px)} .icon-list li{width:50%;float:left;} .icon-list li>a,.icon-list li>div{margin-left:10px;margin-right:10px} .news-list{display:block;} .news-list li,.foot-list li{width:100%;} .foot-list,.sort-list{display:block;} .fcontact,.fnav{width:100%;border:none;text-align:center;font-size:16px;} .fnav li a{font-size:14px;} .fnav li .sec1 a{font-size:12px;} .left,.right{width:100%;} .sort-list li{width:100%;} .product_detail .img{width:100%;} .product_detail .list{width:100%;padding-left:0;} .ntitle{font-size:18px;line-height:45px;} .c3 .slideBox .hd{width:96%} .lintro a img{max-width:42px;height:auto;padding-top:10px;} .container1{width:96%;} .container1>.ntitle{text-align: center;} .container1>.ntitle::after{left:calc(50% - 32.5px)} .fnav li{width:25%;} .nimg1{top:5%;bottom:auto} .nimg2{font-size:18px;display:none;} .nimg2 a.more{font-size:14px;} .c1{background:unset;padding:0px} .aintro,.avideo,.atext>p{display: none;} .nimg3{display:block;position:absolute;z-index:99;bottom:5%;left:5%;right:5%;} .search_bg{display:block;background:#193c7f;text-align:center;padding:10px 10px 15px 10px;} .search_bg>div:nth-child(1){font-size:20px;font-weight: bold;color:#00a2e9;} .search_bg>div:nth-child(2){font-size:12px;color: #fff;letter-spacing:2px;margin-bottom:5px;} .search_bg .input{display:inline-block;width:calc(70% - 60px);height:32px;outline:unset;padding:5px 10px;border:1px #595959 solid;} .search_bg .image{display:inline-block;width:60px;height:32px;outline:unset;padding:5px 5px;border:1px #595959 solid;background-color: #000;} } @media(max-width:1280px){ .c1 .slideBox .bd li{flex-wrap:wrap;} .aintro{width:30%;} .aintro b{font-size:4vw;} .aintro p{font-size:4vw} .aintro span{font-size:2vw;} .atext{font-size:14px;line-height:28px;padding-top:20px;} .num p{font-size:4vw;} .avideo{width:65%} .atext{width:100%;} .c1 .slideBox .prev,.c1 .slideBox .next{width:35px;height:35px;line-height:35px;} .c1 .slideBox .prev img,.c1 .slideBox .next img{max-width:9px;height:auto;} .c1 .slideBox{padding-bottom:40px;} .c1 .slideBox .next{left:40px;} .c2{font-size:4vw;} .c2::after{top:88%;} } @media(max-width:1500px){ .navv li a{font-size:14px;} .top1{width:75%;margin-left:5%} } @media(max-width:1800px){.nimg1 img{max-width:80%;}} @media(max-width:993px){ .top{max-height:60px;min-height:60px} .navbar{width:60%;text-align:right} .navbar .navbar-header{float:right} .logo{width:35%;} .top1{width:5%;margin-left:2%;position:relative;} .top1 .lan{display:none;} .search{top:60px;} .nimg1 img{max-width:80%} .nimg1{width:42%} .picScroll-left .hd .prev img,.picScroll-left .hd .next img{max-width:16px;height:auto;} .picScroll-left{margin-top:8vw;} .picScroll-left .bd ul{height:40px;} .sort li a{font-size:14px !important;line-height:40px !important;} .picScroll-left .bd{width:84%;} .picScroll-left .hd .prev,.picScroll-left .hd .next{height:40px;line-height:40px;width:6%;} } @media(max-width:1290px){.navv li{padding:0 12px;}} @media(max-width:1212px){.navv li{padding:0 5px;}} @media(max-width:1040px){.navv li{padding:0;}} @media(max-width:520px){ .c3 .slideBox .hd ul li img{max-width:30px;height:auto} .c3 .slideBox .hd ul li p{font-size:12px;} .lintro{top:32%} .c2{font:400 18px/56px "microsoft yahei"} .num p{font-size:28px;} .num p span{padding:0;} .icon-list li div a{font-size:14px;margin:12px 0 10px;font-weight:400} .icon-list li div p{font-size:12px;line-height:24px;height:48px;font-weight:400;} .navbar{width:12%;text-align:right} .navbar .navbar-header{float:right} .logo{width:56%;} .top1{width:26%;margin-left:2%} .nimg1{right:2%;top:12%} .nimg2{width:100%;padding:10px 4% 5px;bottom:-15px;} .nimg1 img{max-width:100%} .word1{top:10vw} } .key_tag{text-decoration:underline;} /* 企业简介 */ .myabout{padding:0px 10px;} .myabout img{margin:0px 0px 20px 20px;} .about_t1,.about_t2,.about_t3{padding-left:20px;position:relative;} .about_t1::before,.about_t2::before,.about_t3::before{content:'';width:4px;background-color:#014296;position:absolute;left:0px;top:0px;bottom:0px;} .about_t1{font-size:18px;font-weight:300;} .about_t2>span{background-color:#575859;color:#fff;display:inline-block;padding:5px;} .about_t3{font-size:21px;font-weight:400;} @media screen and (max-width:768px){ .myabout img{margin:0px 0px 20px 0px;} .about_t1,.about_t2,.about_t3{padding-left:10px;} .about_t1::before,.about_t2::before,.about_t3::before{width:3px;} .about_t1{font-size:12px;zoom:0.9} .about_t2>span{zoom:0.6} .about_t3{font-size:14px;zoom:0.9} } /* 发展历程 */ .event_box{width:60%;margin:3% auto 0;position:relative;min-height:420px;} .event_box .parHd{width:100%;display:inline-block;height:92px;overflow:hidden;} .parHd ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;} .parHd .tempWrap{margin:0 auto;} .parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;right:-140%;margin-top:-0.5px;*/right:8%;top:35%;z-index:10;} .parHd li.no_line:before{display:none;} .parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;} .parHd li:after{content:'';background:url(../../images/home/about/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;} .parBd{text-align:center;margin-top:60px;} .parBd h4{position:relative;font-size:30px;margin-bottom:3%;padding:0 20px;display:inline-block;text-align:center;} .parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;} .parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;} .parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;} div#listBox{width:100%;} .sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;z-index:99;cursor:pointer;} .sPrev{left:0;} .sNext{right:0;} .sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);} .parHd li span,.parHd li.clone span{display:none;} @media(max-width:768px){ .event_box{width:90%;} } /* 合作伙伴 */ .partners{margin-bottom:20px;} .partners:not(:last-child):after{display: block;content:'';width:100%;height:1px;background-color:#d0d0d0;} .partners>dt{font-size:18px;line-height:2.5em;color:#1c75c2;} .partners>dd{margin-bottom:10px;} .partners>dd>ul{display:flex;flex-wrap:wrap;} .partners>dd>ul>li{width:10%;text-align:center;margin-bottom:10px;} .partners>dd>ul>li>div{padding-top:100%;background-position:center;background-repeat: no-repeat;background-size:90%;} @media(max-width:768px){ .partners>dt{font-size:16px;} .partners>dd>ul>li{width:25%;} } /* 集团业务 */ .business_title>dt{margin:4% auto 0 auto;} .business_title>dt>h1{text-align:center;font-size:32px;color:#1c75c2;} .business_title>dt>p{text-align:center;font-size:20px;font-weight:400;color:#94b2eb;line-height:38px;text-transform:Uppercase;} .business_title>dd{max-width:1200px;text-align:center;margin:2% auto 4% auto;font-size:16px;line-height:32px;color:#666;} .business_list{background: url(../../images/home/business/bg.jpg) no-repeat bottom center;background-size:100%;padding-bottom:5%;} .business_list ul{display: flex;justify-content: space-around;max-width:1200px;margin:0 auto;} .business_list li{width:calc(20% - 30px);background: #fff;padding:15px 15px; border:5px #d5d5d5 solid;} .business_list li img{display: block;margin:25px auto 0px auto;max-width:100%;} .business_list li h1{font-size:16px;text-align: center;color:#444;} .business_list li p{text-transform: uppercase;font-size:14px;text-align: center;color:#999;margin-top:15px;} .business_list li:hover{border:5px #076ce0 solid;} .cytit{width:1200px;text-align: center;margin:4% auto;font-size:16px;line-height: 32px;color:#666;} .business_list li:hover h1{-webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out; animation:to1 .6s ease-in-out;} .business_list li:hover p{ -webkit-animation:to1 .6s ease-in-out; -o-animation:to1 .6s ease-in-out; animation:to1 .6s ease-in-out;} @-webkit-keyframes to1{ 0%{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);} 50%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);} 51%{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);} 100%{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);} } @keyframes to1{ 0%{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);} 50%{opacity:0;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);} 51%{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);} 100%{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);} } .business_show_list>.business_show_pic{display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;justify-content:space-around;-webkit-justify-content:space-around;margin-bottom:1em;} .business_show_list>.business_show_pic>div{width:30%;height:unset !important;margin-bottom:2em;flex-shrink:0} .business_show_list>.business_show_pic>div>img{width:100%;} .business_show_list>dl{margin-bottom:5em;} .business_show_list>dl>dt{font-size:24px;color:#1c75c2;text-align: center;} .business_show_list>dl>dt::after{content:'——';font-size:24px;color:#1c75c2;display:block;} .business_show_list>dl>dd{font-size:16px;color:#555;text-align:center;line-height:2em;} @media(max-width:768px){ .business_title>dt>h1{font-size:18px;} .business_title>dt>p{font-size:12px;line-height:24px;} .business_title>dd{width:90%;font-size:12px;line-height:22px;} .business_list ul{flex-wrap: wrap;} .business_list li{width:calc(33% - 10px);margin-bottom:10px;padding-top: 0px;} .business_list li img{margin-top:0px} .business_list li h1{font-size:14px;} .business_list li p{font-size:12px;margin-top:5px;zoom: 0.8;} .business_show_list>dl{margin-bottom:3em;} .business_show_list>dl>dt,.business_show_list>dl>dt::after{font-size:14px;} .business_show_list>dl>dd{font-size:12px;} } .honor_slideBox{width:100%;height:100%;margin:0 auto;overflow:hidden;position:relative;} .honor_slideBox_hd{height:40px;position:absolute;z-index:99;left:calc(50% - 60px);top:calc(50% - 20px);} .honor_slideBox_hd ul{overflow:hidden;zoom:1;float:left;} .honor_slideBox_hd ul li{border-radius:50%;margin-left:5px;float:left;margin-right:2px;width:20px;height:20px;line-height:20px;text-align:center;background:#fff;cursor:pointer;} .honor_slideBox_hd ul li.on{background:#033f97;color:#fff;} .honor_slideBox_bd{position:relative;height:100%;z-index:0;overflow:hidden;text-align:center;} .honor_slideBox_hd ul li{text-align:center;} /* 前/后按钮代码 */ .honor_slideBox .prev{position:absolute;z-index:99;left:-90%;width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,0.2);text-align:center;padding-top:7px;} .honor_slideBox .next{position:absolute;z-index:99;right:-90%;width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,0.2);text-align:center;padding-top:7px;} /* 页码 */ .honor_slideBox .pageState{display:inline-block;text-align:center;color:#fff;width:120px;text-align:center;letter-spacing:5px;height:40px;line-height:40px;background:rgba(0,0,0,0.2);border-radius:20px;opacity:0;} .honor_slideBox .pageState span{color:#033f97;font-weight:bold;}