@charset "utf-8"; body { font-family: "Microsoft YaHei", Arial, sans-serif; } /*====update====*/ .img-responsive { display: inline-block; } /*banner*/ .carousel-indicators { } .carousel-indicators li { background-color: #fff; } .carousel-indicators .active { background-color: #019be1; border-color: #019be1; margin: 1px; } .carousel-indicators li, .carousel-indicators .active { width: 15px; height: 15px; margin-left: 4px; margin-right: 4px; } .carousel-control.left, .carousel-control.right { background-image: none; } /*导航*/ .nav-menu { background: #183883; border-radius: 0; border: none; margin-bottom: 0px; } .nav-menu .nav, .nav-menu .collapse, .nav-menu .dropup, .nav-menu .dropdown { position: static; } .nav-menu .nav { width: 100%; } .nav-menu .nav>li { width: 14.28%; } .nav-menu .nav>li>a { text-align: center; color: #fff; } .nav-menu .nav>li>a:hover, .nav-menu .nav>li>a:focus { background-color: #019be1; color: #fff; } .nav-menu .nav>.active>a, .nav-menu .nav>.active>a:hover, .nav-menu .nav>.active>a:focus, .nav-menu .nav>.open>a, .nav-menu .nav>.open>a:hover, .nav-menu .nav>.open>a:focus { background-color: #019be1; color: #fff; } .nav-menu .navbar-toggle { background: #fff; } .nav-menu .navbar-toggle:hover, .nav-menu .navbar-toggle:focus { background-color: #019be1; } .nav-menu .container { position: relative; } .nav-menu .dropdown-menu { border-radius: 0; left: auto; background: #0a62b8; padding: 0; box-shadow: none; border: none; } .nav-menu .dropdown-menu>li>a { color: #fff !important; padding: 10px 20px; } .nav-menu .dropdown-menu>li>a:hover { background: #3d78b4 } .nav-menu .dropdown-menu>li { float: left; } li.last .dropdown-menu { left: auto; right: 30px; } /*面包*/ .breadcrumb { border-radius: 0; margin-bottom: 0; background: none; } .breadcrumb .divider, .breadcrumb a, .breadcrumb>.active { color: #fff; } /*按钮*/ .form-control { border-radius: 0; } .form-control:focus { box-shadow: none; } .search { background: url(../images/icon_search.jpg) no-repeat center center !important; width: 28px; height: 28px; position: absolute; top: 3px; right: 3px; box-shadow: none !important; } .form-group.relative { position: relative; } /*头部*/ .header { padding: 10px 0; background: #f9f9f9; } .logo { padding-bottom: 6px; } .lang_wrap { margin: 5px 0; } .lang { display: inline-block; background: url(../images/t-icon_1.jpg) no-repeat left center; padding-left: 30px; line-height: 30px; } .lang a { color: #ababab; padding-left: 30px; margin: 0 6px; display: inline-block; } .lang .lang-ch { background: url(../images/icon_ch.jpg) no-repeat left center; } .lang .lang-en { background: url(../images/icon_en.jpg) no-repeat left center; } .lang_o { display: inline-block; line-height: 30px; margin-left: 10px; } .lang_o a { display: inline-block; text-decoration: none; } .lang_o>a+a:before { padding: 0 8px; color: #ccc; content: "\007c"; } /*自定义适应*/ .col-200 { width: 200px; } .col-300 { width: 300px; } .col-354 { width: 354px; } .col-836 { width: 836px; } .visible-df { display: none } .column { padding-left: 0; padding-right: 0; } .toplink { color: #999; padding-right: 50px; } .toplink a { color: #666 !important; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .pd-5 { padding: 5px; } .pd-20 { padding: 20px; } .maincolor { color: #016e32; } .pl-20-tl { padding-left: 20px; text-align: left !important; } .pl-30-tl { padding-left: 30px; text-align: left !important; } .btn_more { background: #019be1; color: #fff !important; font-size: 12px; padding: 10px 40px; } /**/ .footer { background: #f9f9f9; margin-top: 80px; } .foot-nav { padding-top: 4%; padding-bottom: 5%; } .foot-ks{ margin-left: -15px; padding-top: 10px; padding-bottom: 10px; } .keyword { color: #fff; font-size: 12px; width: 75%; float: left; line-height: 32px; margin-right: 2% } .keyword a { color: #d5d5d5; } .foot_search { width: 23%; float: left; } .foot_search .form-group { margin-bottom: 0 } .foot_search .form-control { border: none; } .foot_search .search-2 { background: url(../images/icon_search-2.png) no-repeat center center #019be1 !important; width: 28px; height: 28px; position: absolute; top: 3px; right: 3px; box-shadow: none !important; border-radius: 0; } .f-logo { } .f-contact { margin-top: 20px; } .f-contact b { color: #444; } .f-contact p { font-size: 12px; color: #6e6e6e; } .f-menu { float: left; width: 106px; margin-top: 1%; } .f-menu:last-child { width: 80px; } .f-menu dt { color: #444; border-bottom: solid 1px #c5c5c5; padding: 20px 0; margin-bottom: 20px; } .f-menu dd { padding: 3px 0; } .f-menu dd a { color: #6e6e6e; } .share { margin-top: 30px; } .share span { display: inline-block; margin-right: 15px; position: relative; } .share i { display: block; width: 28px; height: 28px; } .share .s-icon-qq { background: url(../images/i-qq0.png) no-repeat center center; } .share .s-icon-wb { background: url(../images/i-weibo0.png) no-repeat center center; } .share .s-icon-wx { background: url(../images/i-weixin0.png) no-repeat center center; } .share .s-icon-wz { background: url(../images/i-weizhi0.png) no-repeat center center; } .share span>a:hover .s-icon-qq{ background-image: url(../images/i-qq1.png); } .share span>a:hover .s-icon-wb{ background-image: url(../images/i-weibo1.png); } .share span>a:hover .s-icon-wx{ background-image: url(../images/i-weixin1.png); } .share span>a:hover .s-icon-wz{ background-image: url(../images/i-weizhi1.png); } .share .qrcode { position: absolute; bottom: 30px; left: -15px; z-index: 9; line-height: 0; display: none; } .share .qrcode p{ margin-bottom: 0; width: 150px; border: solid 1px #019be1; } .share .qrcode p img{ width: 100%; } .share .qrcode b { display: inline-block; margin-left: 24px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #019be1; } /**/ .footer_wrap { z-index: 10; background: -webkit-linear-gradient(#057ac0, #183883); background: -o-linear-gradient(#057ac0, #183883); background: -moz-linear-gradient(#057ac0, #183883); background: linear-gradient(#057ac0, #183883); display: none; position: fixed; left: 0px; bottom: 0px; width: 100%; } .foot_nav { overflow: hidden; list-style: none; padding: 0; margin: 0; } .foot_nav li { float: left; width: 25%; text-align: center; font-size: 1.2rem; } .foot_nav li:first-child { background: none; } .foot_nav li .f-icon { display: block; height: 40px; text-align: center; } .foot_nav li a { color: #fff; display: block; padding: 0 0 0.5rem; text-decoration: none; } .icon-1 { background: url(../images/icon-1.png) no-repeat center center; background-size: auto 100%; } .icon-2 { background: url(../images/icon-2.png) no-repeat center center; background-size: auto 100%; } .icon-3 { background: url(../images/icon-3.png) no-repeat center center; background-size: auto 100%; } .icon-4 { background: url(../images/icon-4.png) no-repeat center center; background-size: auto 100%; } /*版权*/ .copyright { background: #183883; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 12px; line-height: 2; } .copyright a { color: #fff; } /**/ .idx_tit h2 { text-align: center; margin-bottom: 30px; } .idx_tit .hr-1 { border-color: #dadada; width: 60%; margin: 0px auto; } .idx_tit .hr-2 { border-color: #183883; border-width: 4px; width: 150px; margin: 0px auto; } /* 分页 ======================*/ .pageWrap { margin: 20px 0; } .pageWrap a, .pageWrap span { display: inline-block; padding: 4px 10px; margin: 0 2px; border-radius: 5px; } .pageWrap a { background: #fff; color: #555; text-decoration: none; } .pageWrap a:hover, .pageWrap span.current { background: #019be1; color: #fff; } /*分类导航*/ .side-nav { width: 100%; } .nav-slideBox { margin: 50px 0; } .nav-slideBox dl { margin-bottom: 0; font-size: 14px; text-align: center; } .nav-slideBox dt { display: block; margin-top: 16px; height: 56px; line-height: 56px; background: #009440; } .nav-slideBox dt:first-child { margin-top: 8px; } .nav-slideBox dt a { border-left: solid 4px #f2b00b; padding-left: 20px; color: #fff; display: block; } .nav-slideBox dd { display: inline-block; margin: 10px 0; } .nav-slideBox dd a { display: inline-block; color: #616161; text-decoration: none; text-align: center; padding: 4px 8px; } .nav-slideBox dd a:hover, .nav-slideBox dd.cur a { background: #019be1; color: #fff; } /* 其他 ======================*/ .main-wrap { width: 100%; margin-bottom: 30px; } .main-wrap .hr-3 { border-color: #019be1; border-width: 4px; width: 60px; } .main-wrap .hr-4 { border-color: #019be1; border-width: 4px; width: 28px; margin-left: 0; margin-top: 10px } .info_wrap { } .info_tit { border-bottom: dashed 1px #ccc; padding-bottom: 20px; margin-bottom: 20px; text-align: center; font-size: 20px } .info_con { padding: 15px 0; } .info_con img { max-width: 100% !important; height: auto !important; } .prev-next { border-top: solid 1px #e6e6e6; margin-top: 20px; padding: 15px 0; overflow: hidden; } .prev-next div { padding-left: 20px; float: left; } .prev-next div a { color: #808080; } .prev-next div.next { float: right; padding-right: 20px; } /*单页*/ .wrap-tit { margin-top: 70px; } /*关于我们*/ .page-about_line { border-bottom: dotted 1px #d6d6d6; padding-bottom: 50px; margin-bottom: 50px; } .page-about_img { margin: 20px auto; text-align: center; } .page-about_img img { padding: 18px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .page-about_com { font-size: 12px; line-height: 2; } .page-about_com p { margin-bottom: 0; } .page-about_com .hr-3 { margin-left: 0; margin-top: 30px; } .page-about_desc { margin-top: 30px; } .page-about_other { margin-top: 5%; margin-left: -15px; margin-right: -15px; } .page-honner { list-style: none; padding: 0; margin-top: -30px; margin-bottom: 50px; } .page-honner li { margin-top: 30px; padding-top: 15px; padding-bottom: 15px; } .page-honner .c-tit { padding-left: 8%; } .page-honner .c-img { margin-top: 30px; } /*联系我们*/ .page-contact { text-align: center; margin: 60px 0; } .page-contact .icon { margin: 20px 0 30px; } .share-contact { margin-top: 60px; text-align: center; } .share-contact span { display: inline-block; margin-left: 8px; margin-right: 8px; position: relative; } .share-contact i { display: block; width: 28px; height: 28px; } .share-contact .s-icon-qq { background: url(../images/i-qq0.png) no-repeat center center; } .share-contact .s-icon-wb { background: url(../images/i-weibo0.png) no-repeat center center; } .share-contact .s-icon-wx { background: url(../images/i-weixin0.png) no-repeat center center; } .share-contact .s-icon-wz { background: url(../images/i-weizhi0.png) no-repeat center center; } .share-contact span>a:hover .s-icon-qq{ background-image: url(../images/i-qq1.png); } .share-contact span>a:hover .s-icon-wb{ background-image: url(../images/i-weibo1.png); } .share-contact span>a:hover .s-icon-wx{ background-image: url(../images/i-weixin1.png); } .share-contact span>a:hover .s-icon-wz{ background-image: url(../images/i-weizhi1.png); } .share-contact .qrcode { position: absolute; top: 30px; left: -65px; z-index: 9; line-height: 0; display: none; } .share-contact .qrcode p{ margin-bottom: 0; width: 150px; border: solid 1px #019be1; } .share-contact .qrcode p img{ width: 100%; } .share-contact .qrcode b { display: inline-block; margin-left: 9px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #019be1; } /* 新闻 ======================*/ .news-wrap { } .news-wrap .info_con{ padding: 15px; } .news-wrap .news-con { list-style: none; padding: 0; } .news-wrap .news-con li { padding-top: 15px; padding-bottom: 15px; } .news-wrap .news-con .news-item { margin: 20px; padding: 10px; display: block; text-decoration: none; cursor: pointer; position: relative; top: 0; transition: all .3s ease-out 0s; } .news-wrap .news-con .news-item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); top: -25px; } .news-wrap .news-con .nc-tit { margin: 10px 10px 5px; color: #333333; } .news-wrap .news-con .nc-date { color: #848484; margin: 0 10px; } .news-wrap .news-con .nc-desc { color: #848484; font-size: 12px; margin: 15px 10px 30px; height: 48px; overflow: hidden; line-height: 2; } /* 招聘 ======================*/ .hr-wrap { } .hr-wrap .table { margin-bottom: 0; } .hr-wrap .table tr>th, .hr-wrap .table tr>td { border: none; text-align: center; } .hr-wrap .table-head { background: #019be1; color: #fff; } .hr-wrap .table-head .table tr>th{ border-left: solid 1px #fff; padding-top: 10px; padding-bottom: 10px; } .hr-wrap .table-head .table tr>th:first-child,.hr-wrap .table-head .table tr>th:last-child{ border-left:none; } .hr-wrap .panel-group { min-width: 760px; } .hr-wrap .panel-group .panel { border-radius: 0; box-shadow: none; } .hr-wrap .panel-group .panel+.panel { margin-top: -1px; } .hr-wrap .panel .panel-heading { padding: 2px 0; background: -webkit-linear-gradient(#ffffff, #e5e5e5); background: -o-linear-gradient(#ffffff, #e5e5e5); background: -moz-linear-gradient(#ffffff, #e5e5e5); background: linear-gradient(#ffffff, #e5e5e5); cursor: pointer; } .hr-wrap .panel .panel-body { background: #f9f9f9; padding: 30px 60px; } .hr-wrap .point{ background: url(../images/pleft.png) no-repeat; width: 22px; height: 22px; display: block; } .hr-wrap .point.down{ background-image: url(../images/pdown.png); } /* 产品 ======================*/ /**/ .pro-menu { border-radius: 0 !important; border-color: transparent transparent #dadada transparent; background: #fff; margin-bottom: 50px; } .pro-menu .navbar-brand { border-bottom: solid 4px #183883; height: 51px; } .pro-menu .navbar-collapse { } .pro-menu .navbar-nav { margin-top: 0; margin-bottom: 0; border-right: solid 1px #dadada; } .pro-menu .navbar-nav>li { background: #f9f9f9; border-left: solid 1px #dadada; border-top: solid 1px #dadada; min-width: 116px; text-align: center; } .pro-menu .navbar-nav>li>a { color: #616161; } .pro-menu .navbar-nav>.open>a, .pro-menu .navbar-nav>.open>a:focus, .pro-menu .navbar-nav>.open>a:hover { background: #019be1; color: #fff; } .pro-menu .navbar-nav>li>.dropdown-menu { border-radius: 0; padding: 0; left: -1px; right: auto; min-width: 117px; } .pro-menu .navbar-nav>li>.dropdown-menu li { border-top: solid 1px #dadada; text-align: center; } .pro-menu .navbar-nav>li>.dropdown-menu li:first-child { border-top: none; } .pro-menu .navbar-nav>li>.dropdown-menu li>a { padding: 15px; } .pro-menu .navbar-nav>li.cur>a { background: #019be1; color: #fff; } /**/ .pro-wrap { margin-top: 30px; } .pro-wrap>ul { list-style: none; padding-left: 0; } .pro-wrap>ul>li { text-align: center; margin-bottom: 40px; } .pro-wrap>ul>li .p-img { border: solid 1px #ccc; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; } .pro-wrap>ul>li .p-img img { width: 100%; height: auto; } .pro-wrap>ul>li .p-tit { transition: 0.5s; position: absolute; left: 0; top: auto; bottom: -100%; height: 100%; width: 100%; padding: 10px; } .pro-wrap>ul>li .p-tit h4 { font-size: 16px; padding: 10px; line-height: 1.5; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(50, 50, 50, 0.7); color: #fff; } .pro-wrap>ul>li .p-img:hover .p-tit { bottom: 0; } .pro_info { overflow: hidden; margin-top: 30px; } .img-wrap { width: 380px; float: left; margin-left: 15px; } .info-wrap { float: right; width: 480px; margin-right: 6px; } .info-wrap-con { border-top: dashed 1px #959595; padding-top: 10px; } .info-wrap-tel { font-size: 16px; padding-left: 15px; } .info-wrap-tel b { color: #108129; font-size: 24px; } .info-wrap-btn { padding-top: 30px; padding-left: 80px; } .info-wrap-btn .btn-info { background-image: -webkit-linear-gradient(top, #00a346 0, #0a681e 100%); background-image: -o-linear-gradient(top, #00a346 0, #0a681e 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#00a346), to(#0a681e)); background-image: linear-gradient(to bottom, #00a346 0, #0a681e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00a346', endColorstr='#ff0a681e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border: none; } /* 放大镜==============*/ .zoomBox { width: 380px; margin: 0 auto; border: solid 1px #cccccc; } .tb-pic { position: relative; z-index: 1; } .tb-pic, .tb-pic a { height: 378px; width: 378px; } .tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *font-size: 393px; *display: block; *font-family: Arial; *line-height: 1; } .tb-pic a img { width: 100%; height: 100%; } div.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; } div.zoomMask { position: absolute; background-color: #666; opacity: 0.5; filter: alpha(opacity=50); cursor: move; z-index: 1; } .spec-scroll { margin-top: 5px; width: 380px; overflow: hidden; } .spec-scroll .prev { float: left; margin-right: 1px } .spec-scroll .next { float: right; } .spec-scroll .prev, .spec-scroll .next { display: block; font-family: "simsun"; text-align: center; font-weight: bold; width: 19px; height: 79px; line-height: 79px; color: #333; cursor: pointer; text-decoration: none; } .spec-scroll .items { float: left; position: relative; width: 340px; height: 79px; overflow: hidden; } .spec-scroll .items ul { position: absolute; width: 999999px; height: 79px; padding-left: 0; list-style: none; } .spec-scroll .items ul li { float: left; width: 85px; text-align: center; } .spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 79px; height: 79px; } .spec-scroll .items ul li img:hover, .spec-scroll .items ul li.tb-selected img { border: 2px solid #FF6600; padding: 1px; } /*标签*/ .pro_tab { padding-top: 30px; } .tab { border-bottom: solid 1px #d4d3d3; overflow: hidden; list-style: none; padding-left: 0; margin-left: 10px; } .tab li { padding: 1px; border: solid 1px #d4d3d3; border-bottom: 0px; display: inline-block; *display: inline; *zoom: 1; } .tab li span { line-height: 55px; font-size: 24px; font-weight: bold; color: #fff; background: #0e8126; display: block; padding: 0 40px;/*cursor:pointer;*/ } .tab_con { margin: 20px 0; padding: 0 10px; display: none; /*overflow-y:auto; */ min-height: 245px; } .on { display: block; } /*==========*/ .bg-line { background: url(../images/bgl.jpg) repeat-x left 50px; } .about-tit { padding: 20px 0 30px; } .about-con { line-height: 1.6; color: #999 } .about-btn { position: absolute; right: 100px; bottom: 30px; } .about-btn .btn-default { border-color: #009d44; color: #009841; border-radius: 0; } .about-shili { position: relative; overflow: hidden; margin: 20px 0; } .about-shili .box_wrap { width: 1045px; margin: 0 60px; overflow: hidden; } .about-shili ul { overflow: hidden; } .about-shili li { float: left; width: 340px; margin: 0 13px 0 0; display: block; } .about-shili li a { display: block; text-align: center; color: #333; } .about-shili li .img_wrap { width: 340px; height: 226px; } .about-shili li img { width: 100%; height: 100%; } .about-shili .sPrev, .about-shili .sNext { position: absolute; left: 0px; top: 50%; margin-top: -40px; display: block; width: 50px; height: 80px; background: url(../images/icoLeft3.jpg) center center no-repeat; z-index: 2; } .about-shili .sNext { left: auto; right: 0px; background: url(../images/icoRight3.jpg) center center no-repeat; } /*========*/ .app_form { padding: 10px 0; border-top: solid 1px #d5d4d4; } .app_form td { padding: 10px 0; } .app_form .txt1 { width: 70%; height: 35px; line-height: 35px; border: solid 1px #ccc; padding: 5px; } .app_form .txt2 { width: 70%; border: solid 1px #ccc; padding: 5px; } .app_form .fb_btn { color: #fff; width: 150px; height: 40px; line-height: 39px; display: inline-block; border: 0; border-radius: 5px; box-shadow: 0 2px 1px #666; background-image: -webkit-linear-gradient(top, #0f922a 0, #0e8126 100%); background-image: -o-linear-gradient(top, #0f922a 0, #0e8126 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#0f922a), to(#0e8126)); background-image: linear-gradient(to bottom, #0f922a 0, #0e8126 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0f922a', endColorstr='#ff0e8126', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; } body .layer-myskin .layui-layer-content { padding: 20px 30px; } /*========*/ .porduct-side { border: solid 1px #d4d3d3; } .porduct-side .top-tit { background: #0e8126; border-left: solid 5px #fff500; color: #fff; padding: 18px 20px; font-size: 18px; } .porduct-side .p-sidebox { padding: 0 15px; } .porduct-side .p-sidebox dd { margin-top: 15px; } .porduct-side .p-sidebox .p-img { border: solid 1px #cccccc; } .porduct-side .p-sidebox .p-img img { width: 100%; height: auto; } .porduct-side .p-sidebox .p-tit { text-align: center; color: #484747; padding: 10px 0; } /**/ .feedback-wrap { width: 60%; padding: 5%; margin: auto; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .feedback-wrap h5 { color: #bababa; padding-bottom: 5%; font-style: italic; } .feedback-wrap td { vertical-align: top; padding-bottom: 10px; } .feedback-wrap .tit1 { width: 50px; padding-top: 5px; } .feedback-wrap .txt1, .feedback-wrap .txt2 { border: solid 1px #dadada; border-radius: 5px; outline: none; padding: 5px; } .feedback-wrap .txt1:focus, .feedback-wrap .txt2:focus { border: solid 2px #acf; padding: 4px; } .feedback-wrap .txt1 { width: 50%; line-height: 20px; } .feedback-wrap .txt2 { width: 100%; } .feedback-wrap .fb_btn{ background-color: #019be1; color: #fff; border: none; padding: 10px 60px; border-radius: 5px; }