* { margin: 0 auto; padding: 0; font-family: 微软雅黑; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alxsd { height: 540px; background: white; } .qwhyisj { display: none; } .qwhyi { display: block; } .qwhyi img { width: 60%; padding: 4% 0; } .qwhyi { width: 1600px; text-align: center; } a { text-decoration: none; } .foot_bot a { color: white; } img { border: 0px; } .clear { clear: both; height: 0px; } #slides2 { display: none; } .poster-btn { display: none; } body { /*min-width: 1600px;*/ font-size: 12px; } img, a img, form, fieldset { border: 0; } ul li { list-style: none; } a { text-decoration: none; } @media only screen and (max-width:768px) { .alxsd { height: auto; background: white; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poster-btn { display: block; } .product-number-info { position: absolute; /* color: white; */ width: 100%; /* margin-top: -10%; */ bottom: 0; background-color: rgb(0,0,0,0.3); z-index: 999999999; } .product-number-info .product-number-inner { width: 100% !important; margin: 0 auto; } .product-number-info ul { padding: 0; } .product-number-info li.li-1 { text-align: center; margin-left: 2%; } .product-number-info li { float: left; width: 33%; /* TEXT-ALIGN: center; */ height: 90px; color: #fff; padding-top: 1px; } li.li-4 { width: 50%; border-left: none; } .product-number-info li.li-2 { text-align: center; width: 41%; } .product-number-info li.li-4 { text-align: center; } .product-number-info li.li-5 { text-align: center; width: 43%; } .product-number-info li.li-4 b, .product-number-info li.li-4 p { /*padding-left: 71px;*/ } :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html, body, form { width: 100%; overflow-x: hidden; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 72px; } body { font-family: 微软雅黑; font-size: 12px; min-width: 320px; max-width: 768px; padding-bottom: 1.2rem; } a { text-decoration: none; outline: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover, a::after, a:focus { outline: 0; border: 0; text-decoration: none; background: transfer } /*为了去除手机点击出现的阴影*/ a, img, button, input, textarea, span { -webkit-tap-highlight-color: rgba(255,255,255,0); } li { list-style: none; } .clear { clear: both; } .clear1 { clear: both; } #clear { clear: both; } #clear1 { clear: both; } img { border: 0; } img, img::after, img:focus, img:hover { border: 0; } .company img { width: 100% !important; height: auto !important; } } .father { width: 100%; height: 0px; } .top { width: 100%; background-color: white; height: 98px; z-index: 999; position: fixed; } .top1 { width: 1600px; height: 62px; margin: 0px auto; } .logo { float: left; margin-top: 19px; /* margin-left: 260px;*/ display: inline; margin-bottom: 5px; margin-right: 20px; z-index: 200; } .logo img{ width:338px; height:auto; } .top .jvzhong { max-width: 1400px; height:100%; margin: 0 auto; } .main .main_alxs .alxs_nr .al_img_list ul li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); z-index: 20; } .main .main_alxs .alxs_nr .al_img_list ul li:hover img { box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.6); } .daohang ul { width: 100%; height: auto; } .daohang ul .nLi:hover { /*background: linear-gradient(to bottom, rgba(30,129,131,0.56), rgba(29,102,158,0.56));*/ background: none; } .daohang ul li a { font-size: 18px; letter-spacing: 3px; line-height: 28px; color: #333333; } .daohang .sub { z-index: 100; display: none; width: 100%; left: 0px; position: absolute; background: #4E4E4E; line-height: 30px; padding: 5px 0; } .daohang .sub li { zoom: 1; } .daohang .sub li a { color: #fff; font-size: 12px; } .daohang .sub li a:hover { font-weight: bolder; } .tel { float: right; right: 20px; top: 20px; display: inline; position: relative; } /*.nav { background-color: #2777be; width: 100%; height: 45px; position: relative; z-index: 999 }*/ /* .nav .nav_one { width: 1600px; margin: auto; padding: auto; } .nav ul { width: 100%; } .nav ul li { list-style: none; float: left; font-weight: bold; color: #fff; width: 156.6px; text-align: center; line-height: 45px; height: 45px; } .nav .ico { width: 1px; text-align: center; line-height: 45px; } .nav .ico img { width: 100%; display: block; height: 17px; position: relative; top: 14px; } .nav ul li a { color: #fff; text-decoration: none; font-size: 14px; }*/ #cp_namesda { z-index: 9999999999; color: rgb(51, 127, 229); font-family: Microsoft YaHei; font-size: 0.5rem; text-align: center; margin: 0.15rem auto; } .cp_jiesocxz { font-size: 0.4rem; } .cp_jiesocxz p { line-height: 0.7rem; } @media screen and (max-width:768px) { .father { width: 100%; height: auto; background-color: #e1e1e1; } .top { width: 100%; height: 65px; } .footer .foot_bot { display: none !important; } .top1 { width: 40%; margin-left: 4%; text-align: left; /* margin: 0px auto; */ /* float: inherit; */ } .logo { float: left; margin-top: 0; margin-right: 0; display: inline; margin-bottom: 0; width: 80%; position:relative; } .logo.z-index-0 { z-index:1; } .logo > img { width: 5rem; margin: 15px; position: absolute; /*left:0px;*/ z-index: 10; margin-left: -10px; } .daohang { display: none; } .tel { float: right; right: 50px; top: 28px; display: inline; position: relative; display: none; } /* .nav { background-color: #2777be; width: 100%; height: 45px; position: relative; z-index: 999; display: none; } .nav .nav_one { width: 1600px; margin: auto; padding: auto; } .nav ul { width: 100%; } .nav ul li { list-style: none; float: left; font-weight: bold; color: #fff; width: 156.6px; text-align: center; line-height: 45px; height: 45px; } .nav .ico { width: 1px; text-align: center; line-height: 45px; } .nav .ico img { width: 100%; display: block; height: 17px; position: relative; top: 14px; } .nav ul li a { color: #fff; text-decoration: none; font-size: 14px; }*/ .wgt-navbar { display: none; } #clear1 { display: none; } } #nav-responsive-main { display: none; } #nav-responsive-main, #nav-responsive-main + LABEL { display: none } #nav-responsive-main + lable { display: none; } .top #menu { display: none; } .menuasd { display: none; } /*股票代码*/ .gpdm { position: fixed; right: 0px; top: 0px; margin: 10px; z-index: 99999; } .gpdm p { font-size: 18px; color: #474747; } /*股票代码*/ @media screen and (max-width:768px) { .main .main_fwxm .fwxm_nr > ul > li { width: 25% !important; text-align: center; margin: 0.5rem 0.4rem !important; float: left; height: 3rem; } .kho li:hover { border: none !important; background: #2f93d1; color: white !important; font-weight: 600; } .tb2:hover .tb2h { display: block; display: inline-block; position: absolute; margin-top: -26% !important; margin-left: 10% !important; width: 136%; } .khd li { float: none !important; margin: auto; width: 90% !important; /* padding: 30px 30px !important; */ border-bottom: 1px solid lightgray; /* margin: 0 3%; */ padding: 6% 0 !important; } .kho li:hover .lbb { display: none; } .kho li { text-align: center; line-height: 50px; height: 50px; font-size: 18px; color: #2f93d1 !important; width: 125px !important; margin: 0px !important; border: 1px solid #2f93d1; /* border-radius: 5px; */ } .kho li:first-child { border-radius: 10px 0px 0px 10px; } .kho li:last-child { border-radius: 0px 10px 10px 0px; } .main .main_fwxm .fwxm_nr .p1 { font-size: 0.6rem; color: black !important; text-align: center; padding-top: 30px; } #nav-responsive-main + label { display: inline-block; text-indent: 0px !important; /* display: block !important; */ cursor: pointer; border: 0px solid #666; font-size: 1.4em; color: #666; /*margin-left: 77%;*/ width: 26px; /* height: 0.9rem; */ /* top: 0.2rem; */ /* right: 0.2rem; */ } #nav-responsive-main + label img { width: 100%; } } /*导航下拉菜单样式*/ .show { display: block; } .hidden { display: none; } .nav ul li .nav_list { width: 100%; position: relative; z-index: 10; top: 0; left: 0; } .nav ul li .nav_list ul { width: 100%; position: absolute; z-index: 10; top: 0; left: 0; } .nav ul li .nav_list a { color: #FFF; text-decoration: none; } .nav ul li .nav_list li { width: 100%; background: #005baa; line-height: 28px; height: 28px; } .nav ul li .nav_list li:hover { background: #1368b1; } .main { width: 100%; height: auto; } .service { width: 1600px; } .service .xt { width: 1px; height: 290px; } .service ul { width: 100%; margin: 0px auto; margin-top: 40px; } .service ul li { list-style: none; width: 33%; float: left; text-align: center; } .service ul li p { text-align: left; width: 80%; } .service ul li a { text-decoration: none; } .service ul li a span { width: 90px; height: 31px; border: 1px solid #45a983; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #45a983; display: block; } .customer { width: 100%; background-color: #f9f9f9; padding-top: 10px; padding-bottom: 10px; } .customer1 { width: 100%; height: 340px; padding-top: 10px; padding-bottom: 10px; background: url(../images/bjt.jpg) no-repeat; } .cuspiclist { width: 1600px; } .cuspiclist li { list-style: none; float: left; } .cuspiclist li img { float: left; width: 420px; height: 100px; overflow: hidden; } .center { width: 1600px; margin: 10px auto; } .case { width: 1600px; } @media screen and (max-width:768px) { /*导航下拉菜单样式*/ .show { display: block; } .hidden { display: none; } /* .nav ul li .nav_list { width: 100%; position: relative; z-index: 10; top: 0; left: 0; } .nav ul li .nav_list ul { width: 100%; position: absolute; z-index: 10; top: 0; left: 0; } .nav ul li .nav_list a { color: #FFF; text-decoration: none; } .nav ul li .nav_list li { width: 100%; background: #005baa; line-height: 28px; height: 28px; } .nav ul li .nav_list li:hover { background: #1368b1; }*/ .main { width: 100%; height: auto; } .service { width: 100%; } .service .xt { width: 1px; height: 290px; } .service ul { width: 100%; margin: 0px auto; margin-top: 40px; } .service ul li { list-style: none; width: 33%; float: left; text-align: center; } .service ul li p { text-align: left; width: 80%; } .service ul li a { text-decoration: none; } .service ul li a span { width: 90px; height: 31px; border: 1px solid #45a983; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #45a983; display: block; } .customer { width: 100%; background-color: #f9f9f9; padding-top: 10px; padding-bottom: 10px; } .customer1 { width: 100%; height: 340px; padding-top: 10px; padding-bottom: 10px; background: url(../images/bjt.jpg) no-repeat; } .cuspiclist { width: 100%; } .cuspiclist li { list-style: none; float: left; } .cuspiclist li img { float: left; width: 420px; height: 100px; overflow: hidden; } .center { width: 100%; margin: 10px auto; } .case { width: 100%; } } /*banner幻灯片效果*/ #full-screen-slider { width: 100%; height: 926px; float: left; position: relative; z-index: 10; } #slides { display: block; width: 100%; height: 926px; list-style: none; padding: 0; margin: 0; position: relative; } #slides img { width: 100%; height: 926px; } #slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute; } #slides li a { display: block; width: 100%; height: 100%; } #pagination { display: none; list-style: none; position: absolute; right: 40px; top: 450px; z-index: 800; padding: 5px 15px 5px 0; margin: 0; } #pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF; } #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination li.current { background: #999; } /*中间样式*/ .main { width: 100%; height: auto; } /*服务项目*/ .main .main_fwxm { width: 100%; height: 475px; background-image: url(../images/fwxmbj.jpg); background-size: 100% 100%; } .main .main_fwxm .fwxm_nr { width: 1600px; height: auto; } .main .main_fwxm .fwxm_nr .p1 { font-size: 34px; color: black; text-align: center; padding-top: 60px; } .main .main_fwxm .fwxm_nr .p2 { font-size: 30px; color: #fff; text-align: center; letter-spacing: 5px; margin-bottom: 110px; } .main .main_fwxm .fwxm_nr > ul > li { width: 15%; text-align: center; margin: 10px; float: left; line-height: 50px; height: auto; margin-top: 3%; } .main .main_fwxm .fwxm_nr > ul > li > p { font-size: 16px; color: #fff; text-align: center; } /*客户列表*/ .main .main_khlb { width: 100%; height: 521px; background-image: url(../images/jzlcbj.jpg); background-position: bottom; background-size: 100% 100%; } .main .main_khlb .sjlist { display: none; } .main .main_khlb .khlb_nr { width: 1600px; height: auto; } .list.aos-init.aos-animate img { width: 1600px; } .tp li { width: 33%; display: inline-block; text-align: center; } .tp li img { width: 450px; height: auto; } .bzzx li div { width: 450px; } .p1 a { color: #000; } .bzzx li { width: 33.3%; display: inline-block; } .bzbt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333; margin-top: 5%; } .bzfbt { color: #666; margin-top: 2%; line-height: 25px; height: 50px; overflow: hidden; text-indent: 2em; } .fl a { color: #fff; } .fl { height: 30px; line-height: 30px; color: #fff; background: #2f93d1; width: 70px !important; text-align: center; float: left; margin-left: 41px; margin-top: 2%; } .kho ul { display: flex; flex-flow: row nowrap; justify-content: center; } .kho li { text-align: center; line-height: 50px; height: 50px; font-size: 18px; color: #666; width: 100px; margin: 0 10px; } .kho li:hover { list-style: none; text-align: center; line-height: 50px; height: 50px; color: #2f93d1; font-size: 18px; font-weight: 600; width: 100px; margin: 0 10px; } .kho li:hover .lbb { width: 20px; border-bottom: 4px solid #2f93d1; margin: auto; border-radius: 2px 2px 2px 2px; } .main .main_khlb .khlb_nr .p1 { font-size: 34px; color: #fff; text-align: center; padding-top: 60px; letter-spacing: 5px; } .main .main_khlb .khlb_nr .p2 { font-size: 30px; color: #333; text-align: center; letter-spacing: 5px; margin-bottom: 25px; } .main .main_khlb .khlb_nr .list { float: left; color: #666; width: 395px; margin-top: 5%; } .main .main_khlb .khlb_nr .xt { width: 35px; float: left; height: auto; } .main .main_khlb .khlb_nr .xt img { width: 1px; height: 180px; } .main .main_khlb .khlb_nr .list .l1 { font-size: 18px; font-weight: bold; background: none; padding-left: 0px; } .main .main_khlb .khlb_nr .list ul { padding-left: 100px; } .main .main_khlb .khlb_nr .list ul li { list-style: none; height: 40px; overflow: hidden; text-overflow: ellipsis; line-height: 40px; background: url(../images/sj.png) 0px no-repeat; padding-left: 30px; } .main .main_khlb .khlb_nr .list ul li a { color: #666; text-decoration: none; } .main .main_khlb .khlb_nr .list ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } .main .main_khlb2 { width: 100%; height: 515px; background: #fff; background-position: bottom; background-size: 100% 100%; } .khd { border-top: 1px solid #eee; margin-top: 2%; height: 280px; border-bottom: 1px solid #eee; } .khd li { float: left; width: 25%; padding: 50px 30px; } .dt { font-size: 16px; font-weight: 600; margin-bottom: 20px; color: black; } .dd { font-size: 14px; color: #666; line-height: 25px; } .bjt { display: none; } .hjt { margin-top: 30px; } .khd li:hover .hjt { display: none; } .khd li:hover .bjt { display: block; margin-top: 30px; } .khd li:hover { background: #2f93d1; height: 280px; color: white; } .khd li:hover .dt { color: white; } .khd li:hover .dd { color: white; } .main .main_khlb2 .khlb_nr { width: 1600px; height: auto; } .main .main_khlb2 .khlb_nr .p1 { font-size: 34px; color: #333; text-align: center; padding-top: 60px; letter-spacing: 5px; } .main .main_khlb2 .khlb_nr .p2 { font-size: 30px; color: #333; text-align: center; letter-spacing: 5px; margin-bottom: 57px; } .main .main_khlb2 .khlb_nr .list { float: left; color: #666; width: 395px; } .main .main_khlb2 .khlb_nr .xt { width: 35px; float: left; height: auto; } .main .main_khlb2 .khlb_nr .xt img { width: 1px; height: 180px; } .main .main_khlb2 .khlb_nr .list .l1 { font-size: 18px; font-weight: bold; background: none; padding-left: 0px; } .main .main_khlb2 .khlb_nr .list ul { padding-left: 100px; } .main .main_khlb2 .khlb_nr .list ul li { list-style: none; height: 40px; overflow: hidden; text-overflow: ellipsis; line-height: 40px; background: url(../images/sj.png) 0px no-repeat; padding-left: 30px; } .main .main_khlb2 .khlb_nr .list ul li a { color: #666; text-decoration: none; } .main .main_khlb2 .khlb_nr .list ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } @media screen and (max-width:768px) { #slides { display: none !important; } #slides2 { display: block; } /*客户列表*/ .main .main_khlb { width: 100%; height: 5rem; } .main .main_khlb .khlb_nr { width: 100%; height: auto; } .main .main_khlb .khlb_nr .p1 { font-size: 0.6rem; color: #333; text-align: center; padding-top: 0.5rem; } .main .main_khlb .khlb_nr .p2 { font-size: 0.38rem; color: #333; text-align: center; letter-spacing: 2px; } .main .main_khlb .khlb_nr .list { float: left; color: #666; width: 395px; } .main .main_khlb .khlb_nr .xt { width: 35px; float: left; height: auto; } .main .main_khlb .khlb_nr .xt img { width: 1px; height: 220px; } .main .main_khlb .khlb_nr .list .l1 { font-size: 14px; font-weight: bold; background: none; padding-left: 30px; } .main .main_khlb .khlb_nr .list ul { padding-left: 100px; } .main .main_khlb .khlb_nr .list ul li { list-style: none; height: 30px; line-height: 30px; background: url(../images/sj.png) 0px no-repeat; padding-left: 30px; } .main .main_khlb .khlb_nr .list ul li a { color: #666; text-decoration: none; } .main .main_khlb .khlb_nr .list ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } } /*案例欣赏*/ .main_alxs { width: 100%; background-size: 100% 100%; background-image: url(../images/anlibj.png); } .main_alxs .alxs_nr { width: 1600px; height: auto; } .main_alxs .alxs_nr .p1 { font-size: 30px; color: black; text-align: center; padding-top: 3%; } .main_alxs .alxs_nr .p2 { font-size: 18px; color: #fff; text-align: center; letter-spacing: 5px; } .main_alxs .alxs_nr .al_img_list { width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; padding: 15px 0; margin: 0 auto; } .main_alxs .alxs_nr .al_img_list ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: 1; -ms-flex-item-align: 1; align-self: 1; width: 32%; margin-bottom: 5%; height: 336px; display: inline-block; margin: 6px; background-color: #fff0; position: relative; z-index: 10; /*-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;*/ -o-transition: all 0.2s ease-out; /*transition:all 0.2s ease-out;*/ background-size: cover; background-position: center center; background-repeat: no-repeat } .main_alxs .alxs_nr .al_img_list ul li A { height: 250px; position: relative; text-decoration: none; display: block; width: 100% } .main_alxs .alxs_nr .al_img_list ul li img { width: 100%; height: 250px; } .main_alxs .alxs_nr .al_img_list ul li A span { position: absolute; bottom: 0; left: 0; right: 0px; text-align: center; background-color: rgba(0, 0, 0, 0.25); padding: 10px; display: block; font-size: 1.8em; color: #fff; line-height: 25px; } .main_alxs .alxs_nr .al_img_list ul li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); z-index: 20; } .main_alxs .alxs_nr .al_img_list ul li:hover img { box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.6) } @media screen and (max-width:768px) { #full-screen-slider { width: 100%; height: auto; float: none; position: relative; z-index: 10; min-height: 3.6rem; } #slides2 { display: block; width: 100%; height: auto; list-style: none; padding: 0; margin: 0; position: relative; } #slides2 img { width: 100%; height: auto; } #slides2 li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; } #slides2 li a { display: block; width: 100%; height: 100%; } #pagination { display: none; list-style: none; position: absolute; right: 40px; top: 2.3rem; z-index: 800; padding: 5px 15px 5px 0; margin: 0; } #pagination li { display: block; list-style: none; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF; } #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination li.current { background: #999; } /*中间样式*/ .main { width: 100%; height: auto; } /*服务项目*/ .main .main_fwxm { width: 100%; height: 10.7rem; background-color: #2676bd; } .main .main_fwxm .fwxm_nr { width: 100%; height: auto; } .main .main_fwxm .fwxm_nr .p1 { font-size: 0.6rem; color: #fff; text-align: center; padding-top: 30px; } .main .main_fwxm .fwxm_nr .p2 { font-size: 0.4rem; color: #fff; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .main .main_fwxm .fwxm_nr > ul { width: 100%; height: auto; } .main .main_fwxm .fwxm_nr > ul > li { width: 42%; text-align: center; margin: 0.3rem 0.4rem; float: left; height: 3rem; } .main .main_fwxm .fwxm_nr > ul > li > p { font-size: 0.5rem; color: #fff; text-align: center; } .main .main_fwxm .fwxm_nr > ul > li img { width: 2rem; } /*客户列表*/ .main .main_khlb { width: 100%; height: 11rem; background-image: url(../images/ljzlcbj.jpg); background-position: bottom; background-size: 100% 100%; } .main .main_khlb .list { display: none; } .main .main_khlb .sjlist { display: block; width: 100%; height: auto; padding: 10%; margin-top: -3%; } .main .main_khlb .khlb_nr { width: 100%; height: auto; } .main .main_khlb .khlb_nr .p1 { font-size: 0.6rem; color: #fff; text-align: center; padding-top: 38px; } .main .main_khlb .khlb_nr .p2 { font-size: 0.4rem; color: #333; text-align: center; letter-spacing: 1px; } .main .main_khlb .khlb_nr .list { float: none; color: #666; width: 100%; margin-top: 0.1rem; } .main .main_khlb .khlb_nr .xt { width: 3px; float: left; height: auto; display: none; } .main .main_khlb .khlb_nr .xt img { width: 1px; height: 220px; } .main .main_khlb .khlb_nr .list .l1 { font-size: 0.45rem; font-weight: bold; background: url(../images/dian.png) 0px no-repeat; padding-left: 0.4rem; } .main .main_khlb .khlb_nr .list ul { padding-left: 1.2rem; } .main .main_khlb .khlb_nr .list ul li { width: 92%; list-style: none; height: 0.8rem; line-height: 0.8rem; background: url(../images/sj.png) 0px no-repeat; padding-left: 0.5rem; font-size: 0.4rem } .main .main_khlb .khlb_nr .list ul li a { color: #666; text-decoration: none; } .main .main_khlb .khlb_nr .list ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } .main .main_khlb2 { width: 100%; height: auto; } .main .main_khlb2 .khlb_nr { width: 100%; height: auto; } .main .main_khlb2 .khlb_nr .p1 { font-size: 0.6rem; color: #333; text-align: center; padding-top: 30px; } .main .main_khlb2 .khlb_nr .p2 { font-size: 0.4rem; color: #333; text-align: center; letter-spacing: 1px; } .main .main_khlb2 .khlb_nr .list { float: none; color: #666; width: 100%; margin-top: 0.1rem; } .main .main_khlb2 .khlb_nr .xt { width: 3px; float: left; height: auto; display: none; } .main .main_khlb2 .khlb_nr .xt img { width: 1px; height: 220px; } .main .main_khlb2 .khlb_nr .list .l1 { font-size: 0.45rem; font-weight: bold; background: url(../images/dian.png) 0px no-repeat; padding-left: 0.4rem; } .main .main_khlb2 .khlb_nr .list ul { padding-left: 1.2rem; } .main .main_khlb2 .khlb_nr .list ul li { width: 92%; list-style: none; height: 0.8rem; line-height: 0.8rem; background: url(../images/sj.png) 0px no-repeat; padding-left: 0.5rem; font-size: 0.4rem } .main .main_khlb2 .khlb_nr .list ul li a { color: #666; text-decoration: none; } .main .main_khlb2 .khlb_nr .list ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } /*案例欣赏*/ .main_alxs { width: 100%; height: 458px; background-color: white !important; background: none; } .main_alxs .alxs_nr { width: 100%; height: auto; } .main_alxs .alxs_nr .p1 { font-size: 0.6rem; color: black; text-align: center; padding-top: 30px; } .main_alxs .alxs_nr .p2 { font-size: 0.4rem; color: #fff; text-align: center; letter-spacing: 1px; } .main_alxs .alxs_nr .al_img_list { width: 1000%; height: 380px; overflow: hidden; } li.lbimg { width: 9% !important; margin-left: 0.5% !important; margin-right: 0.5% !important; position: absolute; index: 0; } .al_img_list ul { position: relative; overflow: hidden; } /*li.lbimg:first-child { animation: h1 8s linear 0s infinite; -webkit-animation: h1 8s linear 0s infinite; } li.lbimg:nth-child(2) { animation: h1 8s linear 2s infinite; -webkit-animation: h1 8s linear 2s infinite; } li.lbimg:nth-child(3) { animation: h1 8s linear 4s infinite; -webkit-animation: h1 8s linear 4s infinite; } li.lbimg:nth-child(4) { animation: h1 8s linear 6s infinite; -webkit-animation: h1 8s linear 6s infinite; } li.lbimg:nth-child(5) { animation: h1 8s linear 8s infinite; -webkit-animation: h1 8s linear 8s infinite; } li.lbimg:nth-child(6) { animation: h1 8s linear 10s infinite; -webkit-animation: h1 8s linear 10s infinite; } li.lbimg:nth-child(7) { animation: h1 8s linear 12s infinite; -webkit-animation: h1 8s linear 12s infinite; } li.lbimg:nth-child(8) { animation: h1 8s linear 14s infinite; -webkit-animation: h1 8s linear 14s infinite; } li.lbimg:nth-child(9) { animation: h1 8s linear 16s infinite; -webkit-animation: h1 8s linear 16s infinite; }*/ ul.lbul { width: 100%; animation: switch 25s ease 2s infinite; } @keyframes switch { 0%, 15% { margin-left: 0; } 15%, 25% { margin-left: -10%; } 25%, 35% { margin-left: -20%; } 35%, 45% { margin-left: -30%; } 45%, 55% { margin-left: -40%; } 55%, 65% { margin-left: -50%; } 65%, 75% { margin-left: -60%; } 75%, 85% { margin-left: -70%; } 85%, 95% { margin-left: -80%; } 95%, 100% { margin-left: 0; } } .main_alxs .alxs_nr .al_img_list > ul > li { float: inherit; height: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: 1; -ms-flex-item-align: 1; align-self: 1; width: 100%; display: inline-block; margin: 0.4rem 0rem; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-size: cover; background-position: center center; background-repeat: no-repeat; } .main_alxs .alxs_nr .al_img_list > ul > li img { width: 100%; height: 100%; } .main_alxs .alxs_nr .al_img_list > ul > li span { position: absolute; bottom: 0; left: 0; right: 0px; text-align: center; background-color: rgba(0, 0, 0, 0.25); padding: 10px; display: block; font-size: 1.8em; color: #fff; line-height: 25px; } .main_alxs .alxs_nr .al_img_list > ul > li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); z-index: 20; box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.6) } } /*底部*/ .yqlj { width: 100%; height: 460px !important; background-image: url(../images/yqbj.jpg); color: black; background-size: 100% 100%; } .yqdb { width: 1200px; background: white; height: 300px; margin-top: 3%; border-radius: 15px 15px; box-shadow: 0px 0px 43px rgba(56,138,247,0.21); } .tb1 { display: inline-block; margin-right: 3%; } .tb2 { display: inline-block; } .dbtb { text-align: center; display: none; } .tdt { color: #666; margin: 5%; font-size: 18px; } .tdp { font-size: 22px; font-weight: 600; } .dbtd img { /* width: 52px; */ height: 42px; } .dbtd { float: left; /* margin: auto; */ text-align: center; width: 27%; margin-top: 3%; margin-bottom: 4%; margin-left: 4.7%; } .bd { text-align: center; margin-top: -6.5%; } input[type="button"] { width: 135px; padding: 0; background: #2f93d1; border: none; color: white; margin-right: 0; border-radius: 5px; } input { height: 45px; width: 250px; padding-left: 1%; border: 1px solid lightgray; margin-right: 1%; } .tb2h { display: none; } .tb2:hover .tb2h { display: block; display: inline-block; position: absolute; margin-top: -50%; margin-left: 35%; } .yqlj a { color: #FFF; text-decoration: none; } .footlist { width: 1600px; height: 258px; margin: 0px auto; } .footlist .p1 { font-size: 30px; color: black; text-align: center; padding-top: 3%; } .footlist .p2 { font-size: 18px; color: #fff; text-align: center; letter-spacing: 5px; margin-bottom: 57px; } .footlist .left_ewm { width: 155px; float: left; } .footlist .right_xcx { width: 155px; float: left; } .weblist { width: 70%; height: 150px; float: left; margin-top: 15px; } .weblist ul { margin: 0px auto; } .weblist ul li hr { width: 140px; } .weblist ul li div { width: 100%; height: 100%; } .weblist ul li { list-style: none; line-height: 25px; text-align: left; margin: 0px 0px 0px 80px; width: 24%; float: left; background: url(../images/bsj.png) 0px no-repeat; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; } footer { width: 100%; height: 475px; background-color: #1f1f1f; } .foot_top { width: 1600px; } .ftt { color: white; font-size: 24px; padding-top: 3%; } .wxh { display: none; } .fti { text-align: center; height: 150px; } .fti1 { display: inline-block; margin-right: 1%; } .fti2 { display: inline-block; } .fti1:hover .wxh { display: inline-block; position: absolute; margin-top: -100%; margin-left: -350%; } .cxh { display: none; } .fti2:hover .cxh { display: inline-block; position: absolute; margin-top: -100%; margin-left: 50%; } .ftcs { color: white; margin-bottom: 4%; } .ftco a { color: white; } .ftct a { color: white; } .ftco { font-size: 14px; width: 24.8%; margin-top: 15px; display: inline-block; } .ftct { width: 24.8%; font-size: 14px; display: inline-block; margin-top: 15px; } footer .foot_bot { text-align: center; color: #FFF; height: 58px; line-height: 58px; width: 1600px; padding: 5px; border-top: 1px solid gray; } footer .foot_er { display: none; } .back-to-top { -webkit-transition: all 0.2s ease-out; display: none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 2.4em; text-decoration: none; text-align: center; margin: 0; z-index: 15; right: 20px; width: 30px; color: #fff; background: url(../images/topmenu.png) no-repeat; overflow: hidden; height: 30px; position: absolute; } @media screen and (max-width:768px) { .yqlj { width: 100%; height: auto !important; background-color: #2578be; /*background-image: url(../images/lxwmbg.png);*/ color: black; } .yqdb { width: 92%; background: white; height: 27%; margin-top: 1%; margin-left: 4%; /* margin-right: 5%; */ /* margin: 10px; */ /* padding: 10px; */ border-radius: 15px 15px; box-shadow: 0px 0px 43px rgba(56,138,247,0.21); } #yin, #yin1, #yin2 { display: none !important; } .dbt { padding-top: 5%; } .dbtd { /* float: left; */ /* margin: auto; */ text-align: center; width: 100%; margin-top: 0% !important; margin-bottom: 4%; margin-left: 0; } .dbtb { text-align: center; padding-top: 5%; } p.p1.aos-init.aos-animate { /* margin-top: 1%; */ padding-top: 13%; } .yqlj a { color: #FFF; } .footlist { width: 100%; /*height: 258px;*/ margin: 0px auto; } .footlist .p1 { font-size: 30px; color: black; text-align: center; padding-top: 10px; } .footlist .p2 { font-size: 18px; color: #fff; text-align: center; letter-spacing: 5px; } .footlist .left_ewm { width: 155px; float: left; } .footlist .right_xcx { width: 155px; float: left; } .weblist { width: 70%; height: 150px; float: left; margin-top: 15px; } .weblist ul { margin: 0px auto; } .weblist ul li hr { width: 140px; } .weblist ul li div { width: 100%; height: 100%; } .weblist ul li { list-style: none; line-height: 25px; text-align: left; margin: 0px 0px 0px 100px; width: 21%; float: left; background: url(../images/bsj.png) 0px no-repeat; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; } footer { width: 100%; height: 305px; } .foot_top { width: 100%; padding: 5%; } .ftc { color: #999; } .fti { text-align: center; height: auto; margin-top: 5%; margin-bottom: 5%; } body { font-family: 微软雅黑; font-size: 12px; min-width: 320px; max-width: 768px; padding-bottom: 0; } .fti1:hover .wxh { display: inline-block; position: absolute; width: 154%; margin-top: -19%; margin-left: -187%; } .fti2:hover .cxh { display: inline-block; position: absolute; width: 150%; margin-top: -20%; margin-left: 33%; } footer .foot_bot { text-align: center; color: #999; height: auto !important; width: 100%; display: none; padding: 5%; } .foot_bot a { color: #999; } .ftt { color: #999; font-size: 14px; padding-top: 3%; } .ftct { width: auto; display: none; margin-top: 15px; padding-right: 3%; } .ftcs { display: none !important; } .ftco { width: 50%; height: 19px; text-overflow: ellipsis; overflow: hidden; font-size: 14px; padding-right: 3%; margin-top: 20px; display: inline-block; } footer .foot_er { display: none; } .back-to-top { -webkit-transition: all 0.2s ease-out; display: none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-size: 2.4em; text-decoration: none; text-align: center; margin: 0; z-index: 15; right: 20px; width: 30px; color: #fff; background: url(../images/topmenu.png) no-repeat; overflow: hidden; height: 30px; position: absolute; } } @media screen and (max-width:768px) { /*底部*/ .footer { width: 100%; height: 2.5rem; background: none; color: #FFF; } .footer a { color: #FFF; text-decoration: none; } .footlist { background-image: url('../images/bjtp.jpg'); width: 100%; height: 100%; margin: 0px auto; } .weblist { width: 252px; height: 150px; float: left; margin-top: 15px; } .weblist ul { margin: 0px auto; } .weblist ul li hr { width: 140px; } .weblist ul li div { width: 100%; height: 100%; } .weblist ul li { list-style: none; line-height: 25px; text-align: left; margin-left: 50px; } .foot_bot { text-align: center; color: #FFF; height: 1rem; width: 100%; line-height: 0.6rem; display: none; } .foot_er { width: 100%; height: 100%; display: block; } .foot_er p { width: 100%; height: 49.5%; text-align: center; font-size: 0.3rem; color: #fff; margin-top: 0.1rem; line-height: 0.5rem; } .back-to-top { background-color: #fff; left: 0; right: 0; margin: 0 auto; display: block; } } .tel11 { font-weight: bolder; color: #3588d7; font-size: 16px; } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0; -moz-osx-font-smoothing: grayscale; font-weight: bolder; color: #3588d7; } .mm-listitem img { width: 24px; height: 20px; margin: 5px; vertical-align: middle; } .iconfont { vertical-align: middle; margin-right: 5px; } /*手机端导航*/ header .mobile-menu { /**/ display: none; } @media screen and (max-width:768px) { /*手机端导航*/ header .mobile-headerwrap { display: block; } header #mobile-menucss { box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); height: 80%; width: 80%; width: 3rem; position: fixed; margin-top: 0rem; z-index: 50; top: 1.44rem; box-sizing: border-box; } header #mobile-menucss > ul { height: 90%; overflow: auto; padding-top: 10px; } header #mobile-menucss > ul > li { margin-top: -1px; } header #mobile-menucss > ul > li > a { display: block; padding-left: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.1); height: 45px; line-height: 45px; } header #mobile-menucss > ul > li > a > span { font-size: 16px; } header #mobile-menucss > ul > li > ul { padding-left: 1rem; } header #mobile-menucss > ul > li > ul > li { line-height: 0.6rem; } header #mobile-menucss > ul > li > ul > li > a > span { line-height: 25px; } header #mobile-menucss > ul > li.mobiles-links { text-align: center; padding-top: 10px; padding-bottom: 30px; border: none; } header #mobile-menucss > ul > li.mobiles-links a { border: none; } header #mobile-menucss > ul > li.mobiles-links img { width: 50px !important; height: 50px !important; max-width: none; margin-left: 0; padding-left: 0; } } @media screen and (max-width: 768px) { ul.uu { display: none; margin: auto; text-align: center; width: 100%; height: 30px; } /*手机端导航*/ .mobile-headerwrap { display: block; } #mobile-menucss { background: #2676bd; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2); height: 100%; width: 80%; width: 230px; position: fixed; right: 0; box-sizing: border-box; display: block; } #mobile-menucss > ul { height: 90%; overflow: auto; padding-top: 10px; } #mobile-menucss > ul > li { margin-top: -1px; } #mobile-menucss > ul > li > a { display: block; padding-left: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); height: 45px; line-height: 45px; } #mobile-menucss > ul > li > a > span { color: #fff; font-size: 16px; } #mobile-menucss > ul > li > ul { padding-left: 50px; margin: 10px 0 10px 0; } #mobile-menucss > ul > li > ul > li { line-height: 35px; } #mobile-menucss > ul > li > ul > li > ul { margin: 10px 0 10px 20px; } #mobile-menucss > ul > li > ul > li > a > span { color: #f1f1f1; line-height: 25px; } #mobile-menucss > ul > li > ul > li > ul > li { line-height: 30px; } #mobile-menucss > ul > li > ul > li > ul > li > a { color: #eee; font-size: 12px; } #mobile-menucss > ul > li.mobiles-links { text-align: center; padding-top: 10px; padding-bottom: 30px; border: none; } #mobile-menucss > ul > li.mobiles-links a { border: none; } #mobile-menucss > ul > li.mobiles-links img { width: 50px !important; height: 50px !important; max-width: none; margin-left: 0; padding-left: 0; } } .banner { width: 100%; } .banner img { width: 100%; height: 100%; } .wzwh { width: 1600px; margin: 0 auto; } .wzwh_phone { width: 1600px; height: 45px; background-size: 100% auto; margin: 0px auto; } ul.uu { /*margin: auto; text-align: center;*/ width: 100%; height: 30px; } li.ul { display: inline-block; width: 9%; /*margin: 0 1%;*/ line-height: 30px; height: 40px; font-weight: 600; } li.ul a { display: inline-block; font-size: 20px; margin: auto; width: 100%; text-align: center; color: #666; /* border: 1px solid #2f93d1; */ } .this { border: 1px solid #2f93d1; font-weight: 600; line-height: 30px; height: 30px; } .this a { color: #2f93d1 !important; } .phone { width: 1600px; margin-top: 2%; height: 45px; background-size: 100% auto; margin: 0px auto; } .phone_left { width: 1600px; text-align: center; font-size: 25px; font-weight: 600; margin-top: 1%; display: none; } .phone_left a { color: #000; } .phone_right { float: right; color: #999; font-size: 14px; padding-top: 10px; } .phone_right a { color: #999; } .main_left { width: 400px; float: left; padding-left: 20px; } .main_left p { line-height: 30px; } .main_right { width: 650px; float: left; padding-left: 80px; display: inline; /*border:#000 1px solid;*/ } .main_right table { margin-left: 30px; width: 700px; } .main_right tr { line-height: 50px; } .main_right tr td a { color: #000; text-decoration: none; } .main_right table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main_right table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main_right table #title { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main_right table #name { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main_right table #phone { width: 550px; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .main_right table #type { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main_right table #content { height: 300px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .main_right table #yanzhengma { width: 120px; height: 30px; padding: 0px; } @media screen and (max-width:768px) { .banner { width: 100%; height: auto; } .tp li { display: none; } .tp li:first-child { display: block; width: 90%; margin: auto; } .tp li img { width: 100%; height: auto; } .bzzx li { width: 90%; display: block; margin: auto; } .bzzx li div { width: 100%; } .fl { height: 30px; line-height: 30px; color: #fff; background: #2f93d1; width: 70px !important; text-align: center; float: none; margin-left: 0px; margin-top: 2%; } .bzzx { margin-bottom: 5%; } .bzzx li:nth-child(2) { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 5%; margin-top: 5%; } .fl { height: 30px; line-height: 30px; color: #fff; background: #2f93d1; width: 70px !important; text-align: center; float: left; /* margin-left: 41px; */ margin-top: -25%; } .p1 a { color: #000; } .bzbt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #333; margin-top: 5%; width: 75% !important; margin-left: 80px; } .khd { border-top: none; margin-top: 2%; height: auto; border-bottom: none; } .kho { width: 95%; margin: auto; margin-top: 2%; } .banner img { width: 100%; height: 100%; } .bd { text-align: center; margin-top: 10%; } input { height: 45px; margin-bottom: 7%; /* margin-top: -7%; */ /* padding-bottom: 9%; */ width: 90%; padding-left: 16px; border: none; margin-right: 0; box-shadow: -1px 2px #eee; } .bd input#btnSend { width: 123px; margin-right: 8% !important; margin-top: 2%; } .wzwh { width: 100%; margin: 0 auto; } .wzwh_phone { width: 100%; height: 45px; background: url(../images/07_07.png) 0px 35px no-repeat; background-size: 100% auto; margin: 0px auto; } .phone { width: 100%; height: 45px; background: url(../images/07_07.png) 0px 35px no-repeat; background-size: 100% auto; margin: 0px auto; display: none; } .phone_left { float: left; font-size: 0.4rem; padding-top: 7px; padding-left: 0.1rem; } .phone_left a { color: #000; } .phone_right { float: right; color: #999; font-size: 0.3rem; padding-top: 10px; } .phone_right a { color: #999; } .main_left { width: 100%; float: left; padding-left: 0.5rem; } .main_left p { line-height: 30px; } .main_right { width: 100%; float: left; padding-left: 0.2rem; display: inline; padding-right: 0.15rem; /*border:#000 1px solid;*/ } .main_right table { margin-left: 0.2rem; width: 95%; } .main_right tr { line-height: 0.55rem; } .main_right tr td a { color: #000; text-decoration: none; } .main_right table #title { width: 90%; } .main_right table #name { width: 90%; } .main_right table #phone { width: 90%; } .main_right table #type { width: 90%; } .main_right table #content { width: 90%; } .main_right table #yanzhengma { width: 2.5rem; } } /*首页中间滚动幻灯片*/ /*滚动图片*/ .img-index { width: 1600px; height: 258px; margin: auto; } /*控制左右键的按钮*/ .img-index .next_index { width: 22px; cursor: pointer; float: right; padding-right: 15px; } .img-index .next_index img { width: 22px; height: 42px; } .img-index .prev_index { width: 33px; cursor: pointer; float: left; } .img-index .prev_index img { width: 22px; height: 42px; padding-left: 15px; } /*width:控制显示图片的个数*/ .img-listindex { width: 100%; overflow: hidden; float: left; } .img-listindex ul { margin: 0; padding: 0; width: 9999px; padding-left: 0.5%; overflow: hidden; } /*控制图片的大小width height*/ /*此处height的高度控制着p中文字的显示与否*/ .img-listindex li { float: left; text-align: center; list-style: none; width: 420px; _display: inline; } .img-listindex li img { margin: 0 auto; display: block; width: 369px; height: 288px; } .img-listindex li a { color: #777; } /*中间滚动幻灯片*/ .webMaintenance { width: 1600px; padding: auto; margin: 30px auto; } .tb { width: 100%; margin: 0px auto; border: #999 1px solid; padding: 0px; } .tb_title { background: url(../images/weihuyemian.jpg) 0px repeat-x; text-align: center; font-size: 14px; font-weight: bold; color: #FFF; height: 30px; line-height: 30px; } .td_left { width: 150px; height: 30px; line-height: 30px; text-align: center; } .td_right { text-indent: 1em; } @media screen and (max-width:768px) { .webMaintenance { width: 100%; padding: auto; margin: 0px auto; } .tb { width: 100%; margin: 0px auto; border: #999 1px solid; padding: 0px; } .tb_title { background: url(../images/weihuyemian.jpg) 0px repeat-x; text-align: center; font-size: 14px; font-weight: bold; color: #FFF; height: 30px; line-height: 30px; } .td_left { width: 2.5rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 14px; } .td_right { height: 1rem; padding: 6px; text-indent: 2em; font-size: 12px; } } .show_detail { width: 1600px; margin: 10px auto; } .show { width: 1600px; padding: auto; margin: 0px auto; } .show ul { width: 100%; margin: 0px auto; } .show ul li { list-style: none; float: left; width: 33.3%; text-align: center; } .show ul li img { width: 369px; height: 288px; } .show ul li .word { display: block; line-height: 62px; } .show ul li a { color: #000; text-decoration: none; } .showDetail { margin: 0px auto; padding: auto; width: 1600px; } .showDetail p { line-height: 30px; width: 80%; } .showDetail p a { color: #000; text-decoration: none; } .show_detail .showDetail img { max-width: 1100px !important; height: auto !important; } @media screen and (max-width:768px) { .show_detail { width: 100%; margin: 10px auto; } .show { width: 100%; padding: auto; margin: 0px auto; } .show ul { width: 100%; margin: 0px auto; } .show ul li { list-style: none; float: left; width: 33.3%; text-align: center; } .show ul li img { width: 369px; height: 288px; } .show ul li .word { display: block; line-height: 62px; } .show ul li a { color: #000; text-decoration: none; } .showDetail { margin: 0px auto; padding: auto; width: 100%; } .showDetail p { line-height: 0.55rem; width: 100%; padding-left: 0.3rem; } .showDetail p a { color: #000; text-decoration: none; } .showDetail img { max-width: 100%; } .show_detail .showDetail img { max-width: 100% !important; height: auto !important; } } .customerList { width: 1600px; margin: 10px auto; } .listDiv { width: 92%; margin: 20px auto; } .listDiv span { font-weight: bold; font-size: 14px; padding-left: 20px; } .listDiv ul { width: 90%; margin: 0px auto; } .listDiv ul li { list-style: none; width: 25%; float: left; line-height: 25px; } @media screen and (max-width:768px) { .customerList { width: 100%; margin: 10px auto; } .listDiv { width: 98%; margin: 0.1rem auto; } .listDiv span { font-weight: bold; font-size: 0.45rem; padding-left: 0.4rem; } .listDiv ul { width: 90%; margin: 0px auto; } .listDiv ul li { list-style: none; width: 100%; float: left; line-height: 0.8rem; font-size: 0.4rem; padding-left: 0.5rem; } } .customerService { width: 1600px; margin: 10px auto; } .serviceDiv { width: 96%; margin: 20px auto; } .serviceDiv ul { width: 90%; margin: auto; } @media screen and (max-width:768px) { .customerService { width: 100%; margin: 10px auto; } .serviceDiv { width: 96%; margin: 20px auto; } .serviceDiv ul { width: 90%; margin: auto; } .customerService ul li { list-style: none; width: 50%; padding-left: 6%; float: left; line-height: 0.53rem; /*border:#000 solid 1px;*/ } .customerService ul li a { color: #000; text-decoration: none; font-size: 12px; } } .English { width: 1600px; margin: 10px auto; } .English table { width: 92%; margin: 0px auto; line-height: 25px; } .English p { width: 94%; line-height: 30px; } .English p span { float: left; } .master { width: 1600px; margin: 10px auto 50px auto; } .master table { width: 100%; } .master table tr td { /* border:#000 1px solid;*/ } .content { width: 1600px; margin: auto; } .content p { padding-left: 4%; line-height: 20px; } .conList { width: 30%; margin-left: 31px; float: left; display: inline; } .conList table { border: #999 1px solid; } .conList table tr td { line-height: 25px; } .email { width: 1600px; margin: 10px auto; } .email table { width: 98%; } .emailCost p { width: 92%; font-size: 14px; color: #333; } .emailCost table { width: 92%; border-color: #ccc; } .emailCost table tr td { width: 24%; height: 30px; text-align: center; border-color: #CCC; } .emailList { width: 295px; padding-left: 8px; display: inline; float: left; } .emailList table { border: #ccc 1px solid; width: 98%; } .emailList table tr td { line-height: 25px; border-color: #CCC; text-align: left; } .xiangyun { width: 1600px; margin: 10px auto; line-height: 20px; } .xiangyun table { width: 80%; } .xiangyun .size { width: 92%; } .imageX { width: 20%; float: left; margin-top: 50px; display: inline; padding: 0px; } .tb_size { width: 78%; float: left; display: inline; } .size table { width: 100%; border-color: #ccc; } .size table tr td { width: 200px; height: 30px; text-align: center; border-color: #CCC; } .listsize { width: 100%; margin: auto; padding-left: 3.5% } .sizeList { width: 293px; display: inline; float: left; } .sizeList table { float: left; border: #ccc 1px solid; } .sizeList table tr td { line-height: 25px; border-color: #CCC; height: 130px; } @media screen and (max-width:768px) { .xiangyun { width: 100%; margin: 10px auto; line-height: 20px; } .xiangyun table { width: 80%; } .xiangyun .size { width: 92%; } .imageX { width: 20%; float: left; margin-top: 50px; display: inline; padding: 0px; } .tb_size { width: 78%; float: left; display: inline; } .size table { width: 100%; border-color: #ccc; } .size table tr td { width: 200px; height: 30px; text-align: center; border-color: #CCC; } .listsize { width: 100%; margin: auto; padding-left: 3.5% } .sizeList { width: 293px; display: inline; float: left; } .sizeList table { float: left; border: #ccc 1px solid; } .sizeList table tr td { line-height: 25px; border-color: #CCC; height: 130px; } } /*手机网站*/ .mobile2 { width: 1600px; margin: 0px auto; padding-top: 20px; } .mobile2 ul { width: 95%; margin: 0px auto; } .mobile2 ul li { list-style: none; width: 25%; float: left; text-align: center; } .mobileBg2 { width: 100%; background-color: #f9f9f9; } .mobile_good2 { width: 1600px; margin: auto; } .mobile_good2 table { width: 80%; } .mobile_good2 table tr td { font-size: 14px; letter-spacing: 1px; line-height: 60px; } .mobile_procuct2 { width: 100%; margin: 0px auto; /*border:#000 1px solid;*/ } @media screen and (max-width:768px) { .mobile2 { width: 100%; margin: 0px auto; padding-top: 20px; } .mobile2 ul { width: 95%; margin: 0px auto; } .mobile2 ul li { list-style: none; width: 50%; float: left; text-align: center; } .mobileBg2 { width: 100%; background-color: #f9f9f9; } .mobile_good2 { width: 100%; margin: auto; } .mobile_good2 table { width: 100%; padding: 0.3rem; } .mobile_good2 table tr td { font-size: 14px; letter-spacing: 1px; line-height: 1rem; } .mobile_good2 table tr td .img1 { display: none; } .mobile_procuct2 { width: 100%; margin: 0px auto; /*border:#000 1px solid;*/ } } /*中间滚动幻灯片*/ /*滚动图片*/ .img-scroll { width: 1194px; height: 367px; margin: auto; position: relative; padding-top: 30px; padding-bottom: 30px; } /*控制左右键的按钮*/ .img-scroll .next { width: 33px; cursor: pointer; float: right; padding-top: 99.5px; } .img-scroll .next img { width: 29px; height: 128px; } .img-scroll .prev { width: 33px; cursor: pointer; float: left; padding-top: 99.5px; } .img-scroll .prev img { width: 29px; height: 128px; } /*width:控制显示图片的个数*/ .img-list { width: 1128px; overflow: hidden; float: left; } .img-list ul { margin: 0; padding: 0; width: 9999px; overflow: hidden; } /*控制图片的大小width height*/ /*此处height的高度控制着p中文字的显示与否*/ .img-list li { float: left; text-align: center; list-style: none; width: 297px; _display: inline; } .img-list li img { margin: 0 auto; display: block; width: 156px; height: 327px; } .img-list li a { color: #777; } @media screen and (max-width:768px) { .img-scroll { width: 100%; height: 6rem; margin: auto; position: relative; padding-top: 30px; padding-bottom: 30px; } /*控制左右键的按钮*/ .img-scroll .next { width: 0.5rem; cursor: pointer; float: right; padding-top: 0.7rem; } .img-scroll .next img { width: 0.4rem; height: 3rem; } .img-scroll .prev { width: 0.5rem; cursor: pointer; float: left; padding-top: 0.7rem; } .img-scroll .prev img { width: 0.4rem; height: 3rem; } /*width:控制显示图片的个数*/ .img-list { width: 80%; overflow: hidden; float: left; } .img-list ul { margin: 0; padding: 0; width: 9999px; overflow: hidden; } /*控制图片的大小width height*/ /*此处height的高度控制着p中文字的显示与否*/ .img-list li { float: left; text-align: center; list-swidthtyle: none; width: 4.5rem; _display: inline; } .img-list li img { margin: 0 auto; display: block; : 2.5rem; height: 5rem; } .img-list li a { color: #777; } } /*中间滚动幻灯片*/ /*网站改版中间滚动幻灯片*/ /*滚动图片*/ .img-wzgb { width: 1094px; height: 239px; margin: auto; position: relative; padding-top: 30px; padding-bottom: 30px; } /*控制左右键的按钮*/ .img-wzgb .next_wzgb { width: 33px; cursor: pointer; float: right; padding-top: 55.5px; } .img-wzgb .next_wzgb img { width: 29px; height: 128px; } .img-wzgb .prev_wzgb { width: 33px; cursor: pointer; float: left; padding-top: 55.5px; text-align: right } .img-wzgb .prev_wzgb img { width: 29px; height: 128px; } /*width:控制显示图片的个数*/ .img-listwzgb { width: 1028px; overflow: hidden; float: left; } .img-listwzgb ul { margin: 0; padding: 0; width: 9999px; overflow: hidden; } /*控制图片的大小width height*/ /*此处height的高度控制着p中文字的显示与否*/ .img-listwzgb li { float: left; text-align: center; list-style: none; width: 342px; _display: inline; } .img-listwzgb li img { margin: 0 auto; display: block; width: 288px; height: 239px; } .img-listwzgb li a { color: #777; } /*中间滚动幻灯片*/ .wechat { width: 1600px; margin: 0px auto; padding-top: 20px; } .wechat ul { width: 95%; margin: 0px auto; } .wechat ul li { list-style: none; width: 24.8%; float: left; text-align: center; } .wechat ul li div { width: 80%; text-align: center; } .wechatBg { width: 100%; background-color: #f9f9f9; } .wechat_good { width: 1600px; margin: auto; } .wechat_good table { width: 80%; } .wechat_good table tr td { font-size: 14px; letter-spacing: 1px; line-height: 60px; } .wechat_procuct { width: 1600px; margin: 0px auto; /*border:#000 1px solid;*/ } @media screen and (max-width:768px) { .wechat { width: 100%; margin: 0px auto; padding-top: 0.5rem; } .wechat ul { width: 100%; margin: 0px auto; } .wechat ul li { list-style: none; width: 50%; float: left; text-align: center; } .wechat ul li img { width: 2.5rem; } .wechat ul li div { width: 80%; text-align: center; margin: 0.1rem; } .wechatBg { width: 100%; background-color: #f9f9f9; } .wechat_good { width: 100%; margin: auto; } .wechat_good table { width: 90%; } .wechat_good table tr td { font-size: 14px; letter-spacing: 1px; line-height: 1rem; } .wechat_good table tr td .img1 { display: none; } .wechat_procuct { width: 100%; margin: 0px auto; /*border:#000 1px solid;*/ } } /*网站改版*/ .change { width: 1600px; margin: 0px auto; padding-top: 20px; } .change ul { width: 95%; margin: 0px auto; } .change ul li { list-style: none; width: 25%; float: left; text-align: center; } .changeBg { width: 100%; background-color: #f9f9f9; } .change_finish { width: 1600px; margin: auto; } .change_finish table { width: 90%; margin: 0px auto; padding-left: 150px } .change_finish table tr td { font-size: 14px; letter-spacing: 1px; line-height: 50px; } .change_product { width: 1600px; margin: 0px auto; /* border:#000 1px solid;*/ } @media screen and (max-width:768px) { .a_bottom input { width: 80% !important; } .qwhyi { display: none; } .qwhyisj { display: block; } .qwhyisj img { width: 100%; /* padding: 4% 0; */ } .qwhyisj { width: 100%; } .change { width: 100%; margin: 0px auto; padding-top: 0.3rem; } .change ul { width: 95%; margin: 0px auto; } .change ul li { list-style: none; width: 50%; float: left; text-align: center; } .changeBg { width: 100%; background-color: #f9f9f9; } .change_finish { width: 100%; margin: auto; } .change_finish table { width: 100%; margin: 0px auto; padding-left: 0.3rem } .change_finish table tr td { font-size: 14px; letter-spacing: 1px; line-height: 1rem; } .change_finish table tr td img { width: 0.35rem; } .change_product { width: 100%; margin: 0px auto; /* border:#000 1px solid;*/ } } .wz_build { width: 100%; margin: 0px auto; } .build { width: 100%; margin: 0px auto; text-align: center } .build .main_nzhy { width: 100%; height: 400px; background: url(../images/lfwxmbj.jpg); } .main_qwhy { width: 100%; background: url(../images/shybj.jpg); } .build .main_nzhy .nzhy_nr { width: 1600px; height: auto; padding-top: 2%; } .build .main_nzhy .nzhy_nr .p1 { font-size: 30px; color: black; text-align: center; padding-top: 30px; letter-spacing: 5px; } .build .main_nzhy .nzhy_nr .p2 { font-size: 18px; color: #fff; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .build .main_nzhy .nzhy_nr > ul li { text-align: center; margin: 10px; /* float: left; */ display: inline-block; line-height: 50px; height: auto; margin-top: 2%; } .build .main_nzhy .nzhy_nr .ban { width: 15%; } .build .main_nzhy .nzhy_nr .ban img { width: 120px; height: 120px; } .build .main_nzhy .nzhy_nr .jia1 { width: 50px; line-height: 50px; } .build .main_nzhy .nzhy_nr .jia1 img { margin-top: 50px; } .build .main_nzhy .nzhy_nr .jia2 { width: 50px; line-height: 50px; } .build .main_nzhy .nzhy_nr .jia2 img { margin-top: 50px; } .build .main_nzhy .nzhy_nr > ul li > p { font-size: 16px; color: black; font-weight: 600; text-align: center; } /*网站建设-建站流程*/ .build .main_jzlc { width: 100%; height: 500px; background: url(../images/bjzlcbj.jpg); } li.jzlc-li { display: inline-block; margin: 0 2%; } .build .main_jzlc .jzlc_nr { width: 1600px; height: auto; } .build .main_jzlc .jzlc_nr .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; font-weight: 100; } .build .main_jzlc .jzlc_nr .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .build .main_jzlc .jzlc_nr .lc_xiangxi { width: 100%; height: auto; margin-top: 3%; } .build .main_jzlc .jzlc_nr .lc_xiangxi .lc_xx { height: 380px; width: 210px; float: left; border: 1px solid #cccccc; text-align: center; } .build .main_jzlc .jzlc_nr .lc_xiangxi .lc_xx li { font-size: 14px; padding-top: 15px; } /*网站建设-立即咨询*/ .main_ljzx { width: 100%; height: 450px; background: url(../images/blxwmbj.jpg) } .t_l { display: inline-block; background: #d5e6f2; width: 19%; margin: 0 0.2%; height: 150px; text-align: center; } .t_i { padding-top: 8%; } .a_bottom { margin-top: 2%; } .a_bottom input { width: 297px !important; } .tn { font-size: 18px; font-weight: 600; } .tz { font-size: 16px; margin: 1% 0; } .ljzx_nr { width: 1600px; height: auto; } .ljzx_nr .p1 { font-size: 30px; color: #111; text-align: center; letter-spacing: 5px; padding-top: 3%; margin-left: -80px; } .a_top { margin-top: 3%; } .ljzx_nr .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .ljzx_nr .zx_xiangxi { width: 100%; height: auto; } .ljzx_nr .zx_xiangxi .address { width: 50%; float: left; height: auto; text-align: left; padding-left: 50px; } .ljzx_nr .zx_xiangxi .address .p_name { font-size: 16px; letter-spacing: 2px; line-height: 30px; } .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 12px; letter-spacing: 2px; line-height: 30px; } .ljzx_nr .zx_xiangxi .right_biaoge { width: 50%; float: left; height: auto; text-align: left; } .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 50px; } .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .build .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 550px; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 120px; height: 30px; padding: 0px; } @media screen and (max-width:768px) { .wz_build { width: 100%; margin: 0px auto; } .build { width: 100%; margin: 0px auto; text-align: center } .build .main_nzhy { width: 100%; height: 13.5rem; background-color: #2676bd; } .build .main_nzhy .nzhy_nr { width: 100%; height: auto; } .build .main_nzhy .nzhy_nr .p1 { font-size: 0.6rem; color: black; text-align: center; padding-top: 0.2rem; letter-spacing: 1px; } .build .main_nzhy .nzhy_nr .p2 { font-size: 0.4rem; /*color: #fff;*/ text-align: center; letter-spacing: 1px; margin-bottom: 0.12rem; } .build .main_nzhy .nzhy_nr > ul li { width: 32%; text-align: center; margin: 0.3rem 0.4rem; float: left; height: 3rem; } .build .main_nzhy .nzhy_nr .ban { width: 41%; } .build .main_nzhy .nzhy_nr .ban img { width: 2.5rem; height: auto; } .build .main_nzhy .nzhy_nr .jia1 { width: 12%; line-height: 2rem; } .build .main_nzhy .nzhy_nr .jia1 img { margin-top: 1rem; width: 1rem; } .build .main_nzhy .nzhy_nr .jia2 { width: 50px; line-height: 50px; display: none; } .build .main_nzhy .nzhy_nr .jia2 img { margin-top: 50px; } .build .main_nzhy .nzhy_nr > ul li > p { font-size: 0.45rem; color: black; text-align: center; } /*网站建设-建站流程*/ .build .main_jzlc { width: 100%; height: 400px; background-size: 100% 100%; } li.jzlc-li { float: left; width: 16%; /* margin: 0 1%; */ /* display: inline-block; */ margin: 0; } .jzlc-li img { width: 90%; } ul.jzlc-ul { width: 300%; } .build .main_jzlc .jzlc_nr { width: 100%; height: auto; } .build .main_jzlc .jzlc_nr .p1 { font-size: 0.6rem; color: #111; text-align: center; letter-spacing: 1px; padding: 6% 0; margin-top: 2%; } .build .main_jzlc .jzlc_nr .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.12rem; } .build .main_jzlc .jzlc_nr .lc_xiangxi { width: 100%; height: auto; margin-left: 0.5rem; overflow-y: hidden; } .build .main_jzlc .jzlc_nr .lc_xiangxi .lc_xx { width: 45%; float: left; border: 0.02rem solid #cccccc; text-align: center; } .build .main_jzlc .jzlc_nr .lc_xiangxi .lc_xx li { font-size: 0.4rem; padding-top: 0.2rem; } /*网站建设-立即咨询*/ .main_ljzx { width: 100%; height: auto; } .a_bottom input { width: 300px; } .wzwh .main_ljzx .a_bottom input { width: 80% !important; } .wzwh .main_ljzx .a_bottom { left: 10%; } .ljzx_nr { width: 100%; height: auto; } .a_top { margin-top: 0; } .ljzx_nr .p1 { font-size: 0.6rem; color: #111; text-align: center; padding: 6% 0; letter-spacing: 1px; } .t_l { display: block; background: #d5e6f2; width: 80%; /* margin: 2% 0%; */ margin: auto; height: 125px; margin-top: 3%; } .t_i { padding-top: 6%; } .ljzx_nr .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.12rem; } .ljzx_nr .zx_xiangxi { width: 100%; height: 5.5rem; } .ljzx_nr .zx_xiangxi .address { width: 100%; float: inherit; height: 5.5rem; text-align: left; padding-left: 0.3rem; } .ljzx_nr .zx_xiangxi .address .p_name { font-size: 0.45rem; letter-spacing: 2px; line-height: 0.2rem; display: none; } .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 0.4rem; letter-spacing: 2px; line-height: 30px; } .ljzx_nr .zx_xiangxi .right_biaoge { width: 100%; float: inherit; height: 10.5rem; text-align: left; } .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 0.3rem; } .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 100%; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 100%; height: 30px; padding: 0px; } } /*微信开发*/ .main-left1 { width: 100%; } .main-left1 .main_dzkf { width: 100%; /*height: 400px;*/ height: 390px; background: url(../images/lfwxmbj.jpg); } .main-left1 .main_dzkf .dzkf_nr { width: 1600px; height: auto; } .main-left1 .main_dzkf .dzkf_nr .p1 { font-size: 30px; color: black; text-align: center; padding-top: 4%; letter-spacing: 5px; font-weight: 400; } .main-left1 .main_dzkf .dzkf_nr .p2 { font-size: 18px; color: black; text-align: center; letter-spacing: 5px; margin-bottom: 27px; left: 0px; } .main-left1 .main_dzkf .dzkf_nr > ul > li { width: 15%; text-align: center; margin: 22px 10px; float: left; line-height: 50px; height: auto; } .main-left1 .main_dzkf .dzkf_nr > ul > li > img { width: 120px; height: 120px; } .main-left1 .main_dzkf .dzkf_nr > ul > li > p { font-size: 16px; color: black; text-align: center; } .main-left1 .pic5 { } /*网站建设-立即咨询*/ .main-left1 .pic5 .main_ljzx { width: 100%; height: 450px; } .main-left1 .pic5 .main_ljzx .ljzx_nr { width: 1600px; height: auto; } .main-left1 .pic5 .main_ljzx .ljzx_nr .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi { width: 100%; height: auto; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address { width: 50%; float: left; height: auto; text-align: left; padding-left: 50px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address .p_name { font-size: 16px; letter-spacing: 2px; line-height: 30px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 12px; letter-spacing: 2px; line-height: 30px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge { width: 50%; float: left; height: auto; text-align: left; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 50px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 550px; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 120px; height: 30px; padding: 0px; } @media screen and (max-width:768px) { /*微信开发*/ .main-left1 { width: 100%; } .main-left1 .main_dzkf { width: 100%; height: 14rem; background-color: #2676bd; } .main-left1 .main_dzkf .dzkf_nr { width: 100%; height: auto; } .main-left1 .main_dzkf .dzkf_nr .p1 { font-size: 0.6rem; color: black; text-align: center; padding-top: 30px; } .main-left1 .main_dzkf .dzkf_nr .p2 { font-size: 0.4rem; color: black; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .main-left1 .main_dzkf .dzkf_nr > ul > li { width: 42%; text-align: center; margin: 0.3rem 0.4rem; float: left; height: 3rem; } .main-left1 .main_dzkf .dzkf_nr > ul > li > img { width: 2rem; height: 2rem; } .main-left1 .main_dzkf .dzkf_nr > ul > li > p { font-size: 0.5rem; color: black; text-align: center; } .main-left1 .pic5 .main_ljzx .a_bottom { left: 10%; } /*网站建设-立即咨询*/ .main-left1 .pic5 .main_ljzx { width: 100%; height: auto; } .main-left1 .pic5 .main_ljzx .ljzx_nr { width: 100%; height: auto; } .main-left1 .pic5 .main_ljzx .ljzx_nr .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 0.2rem; letter-spacing: 1px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.12rem; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi { width: 100%; height: 5.5rem; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address { width: 100%; float: inherit; height: 5.5rem; text-align: left; padding-left: 0.3rem; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address .p_name { font-size: 0.45rem; letter-spacing: 2px; line-height: 0.2rem; display: none; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 0.4rem; letter-spacing: 2px; line-height: 30px; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge { width: 100%; float: inherit; height: 10.5rem; text-align: left; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 0.3rem; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 100%; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .main-left1 .pic5 .main_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 100%; height: 30px; padding: 0px; } } @media screen and (max-width:768px) { .wz_build { width: 100%; margin: 0px auto; } .build { width: 100%; margin: 0px auto; text-align: center } .build .b_img1 { display: none; } .build .b_img2 { display: block; max-width: 90%; margin: 4%; } } .company { width: 98%; margin: 10px auto; } .company p { line-height: 35px; } .company h4 { font-size: 20px; text-align: center; } .company h5 { font-size: 14px; text-align: center; } .company .llcs { margin-left: 50px; } .company .text { line-height: 35px; } .company span { line-height: 35px; } .lxfs { width: 1600px; margin: 20px auto; } @media screen and (max-width:768px) { .company { width: 98%; margin: 0.2rem auto; } .company p { line-height: 0.5rem; } .company h4 { font-size: 0.4rem; text-align: center; } .company h5 { font-size: 0.3rem; text-align: center; } .company .text { line-height: 0.5rem; } .company span { line-height: 0.5rem; } .company table { max-width: 100%; } .lxfs { width: 100%; margin: 0.34rem auto; } } .gnd { width: 100%; background-color: #f3f2f2; text-align: center; margin-bottom: 30px; height: 550px; } .gnd .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 30px; letter-spacing: 5px; } .gnd .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .gnd .txtc { width: 32.8%; height: 450px; float: left; } .gnd .txtc .xqd { height: 200px; padding-top: 25px; } .gnd .txtc .xqd img { width: 110px; } .gnd .txtc .xqd p { font-weight: bold; font-size: 16px; text-align: center; color: #666; margin-top: 15px; } .gnd .txtc .hx { height: 20px; text-align: center; } .gnd .txtc .hx img { width: 300px; } .gnd .sx { width: 2px; height: 450px; float: left; margin-top: 20px; } .gnd .sx img { height: 400px; } .kflc { width: 1600px; text-align: left; height: 450px; } .kflc .p1 { font-size: 30px; color: #111; margin-bottom: 2%; text-align: center; padding-top: 30px; letter-spacing: 5px; } .kflc .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .kflc .jdt { width: 47%; /* float: left; */ display: inline-block; height: 320px; } .kflc .jdt .xq { height: 150px; margin-left: 100px; vertical-align: middle; } .kflc .jdt .xq span { font-weight: bold; font-size: 20px; text-align: center; color: #666; margin-left: 25px; } .kflc .jdt .xq img { vertical-align: middle; } .kflc .jdt .xq p { font-size: 18px; color: #666; letter-spacing: 3px; margin-left: 90px; } @media screen and (max-width:768px) { .gnd { width: 100%; background-color: #f3f2f2; text-align: center; margin-bottom: 30px; height: 12rem; } .gnd .txtc { width: 32.8%; height: 7rem; float: left; } .gnd .txtc .xqd { height: 3.5rem; padding-top: 25px; } .gnd .txtc .xqd img { width: 2rem; } .gnd .txtc .xqd p { font-weight: bold; font-size: 16px; text-align: center; color: #666; margin-top: 15px; } .gnd .txtc .hx { height: 20px; text-align: center; width: 100%; } .gnd .txtc .hx img { width: 2rem; } .gnd .sx { width: 2px; height: 3.5rem; float: left; margin-top: 0.2rem; } .gnd .sx img { height: 100%; } .kflc { width: 100%; text-align: left; height: 15.5rem; } .kflc .jdt { width: 100%; float: left; height: 5rem; } .kflc .jdt .xq { height: 2.5rem; margin-left: 0.45rem; vertical-align: middle; } .kflc .jdt .xq span { font-weight: bold; font-size: 0.45rem; text-align: center; color: #666; margin-left: 0.5rem; } .kflc .jdt .xq img { vertical-align: middle; width: 1rem; } .kflc .jdt .xq p { font-size: 0.35rem; color: #666; letter-spacing: 1px; margin-left: 1.2rem; } } /*分页*/ .fenye { width: 100%; margin: 10px auto; overflow: hidden; text-align: center; } .fenye .ShouWei { display: inline-block; margin: 0px 0px 0px 10px; } .fenye .ShouWei a { display: block; width: 50px; color: #777; font-size: 15px; height: 24px; background-color: #E7ECF0; text-align: center; line-height: 24px; text-decoration: none; } .fenye .moye { display: inline-block; margin: 0px 0px 0px 10px; } .fenye .moye a { display: block; width: 50px; color: #777; font-size: 15px; height: 24px; background-color: #E7ECF0; text-align: center; line-height: 24px; text-decoration: none; } .fenye .Ye { width: 30px; height: 24px; background-color: #E7ECF0; text-align: center; line-height: 24px; display: inline-block; margin: 0px 0px 0px 10px; } .fenye .Ye a { display: block; width: 30px; height: 24px; color: #777; font-size: 15px; background-color: #E7ECF0; text-align: center; line-height: 24px; text-decoration: none; } .fenye a:hover { background-color: #cce0ec; } .fenye .thisPage { width: 30px; height: 24px; background-color: #B4B4B4; text-align: center; line-height: 24px; display: inline-block; margin: 0px 0px 0px 10px; } .fenye .thisPage a { display: block; color: white; width: 30px; height: 24px; background-color: #2f93d1; text-align: center; line-height: 24px; text-decoration: none; } /*分页*/ .khfw_list { width: 1300px; height: auto; float: left; } li.u_l { width: 24%; display: inline-block; border-top: 5px solid #2f93d1; vertical-align: text-top; } .l_num { font-size: 14px; color: #999; display: block; padding-bottom: 5px; } .khfw_list ul li { } .khfw_list li { padding-top: 2%; margin-top: 2%; background-color: #FFFFFF; padding-right: 20px; padding-left: 20px; display: inline-block; margin-bottom: 10px; padding-bottom: 15px; } .khfw_list li:hover { background: #2f93d1 !important; padding-top: 2%; } .khfw_list li:hover .fl { background: #fff; color: #2f93d1; } .khfw_list li:hover .l_num { color: white; } .khfw_list li:hover .l_title { color: white; } .khfw_list li:hover .l_ms { color: white; } .khfw_list .t { font-size: 18px; color: #000000; height: 48px; line-height: 48px; padding-top: 2px; overflow: hidden; text-overflow: ellipsis; } .l_title { font-size: 22px; color: #333; margin-bottom: 2%; min-height: 58px; } .l_ms { color: #666; font-size: 14px; line-height: 25px; min-height: 100px; max-height: 100px; text-indent: 2em; } .khfw_list .t:hover { color: #008FDE; } .l_r { display: inline-block; width: 100%; } li.u_l .fl { margin-left: 0; } .khfw_list .img { float: left; padding-right: 10px; } .khfw_list .img img { height: 180px; width: 180px; } .khfw_list .ydqw .lin { font-size: 14px; line-height: 24px; color: #FFFFFF; background-color: #008FDE; display: inline-block; height: 24px; width: 80px; padding-right: 8px; margin-left: 10px; background-image: url(../images/d4.jpg); background-position: 65px 10px; background-repeat: no-repeat; text-align: center; } .khfw_list .ydqw .time { font-size: 12px; float: right; margin-right: 20px; color: #aaaaaa; } .khfw_list .bod { height: 100px; } .khfw_list .bod .p { font-size: 14px; line-height: 32px; color: #999999; position: relative; top: -5px; padding-bottom: 10px; overflow: hidden; text-overflow: ellipsis; height: 100px; } .khfw_list .bod .p:hover { color: #666666; } .khfw_list .bod .p:hover .lin { background-color: #0084CA; } .khfw_list .bod .smal { font-size: 14px; } .khfw_list .bod .smal span { margin-right: 15px; margin-left: 5px; color: #6C82AA; } .khfw_list .bod .smal img { vertical-align: -1px; } .khfw_list .bod .smal .fx { display: inline-block; position: relative; cursor: hand; cursor: pointer; } .khfw_list .bod .smal .fx .fxxl { position: absolute; border: 1px solid #EBEBEB; z-index: 1; background-color: #FFFFFF; margin-left: -50%; top: 30px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: none; } .khfw_list .bod .smal .fx .fxxl .fxd { background-image: url(../images/new171230/fx_d.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 8px; width: 20px; margin-left: -10px; position: absolute; left: 50%; top: -8px; } .khfw_list .bod .smal .fx .fxxl .fxp { height: 40px; } .khfw_list .bod .smal .fx .fxxl .fxp a { font-size: 14px; line-height: 40px; color: #999999; } .khfw_list .bod .smal .fx .fxxl .fxp a:hover { color: #666666; } .khfw_list .bod .smal .fx .fxxl .fxp img { vertical-align: -5px; margin-right: 5px; } @media screen and (max-width:768px) { .l_ms { color: #666; font-size: 14px; line-height: 25px; /*min-height: auto; max-height: initial;*/ text-indent: 2em; /*padding-bottom: 10px;*/ } .khfw_list { width: 100%; margin: 5% 0; height: auto; } .l_num { font-size: 14px; color: #999; } .l_r { display: inline-block; width: 100%; } .l_title { font-size: 15px; color: #333; font-weight: 600; width: 80%; font-weight: 600; height: auto; min-height: 35px; margin-left: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 6px; } .l_ms { width: 100%; } .khfw_list ul li { width: 100%; } .khfw_list li { background-color: #FFFFFF; padding-right: 20px; padding-left: 20px; display: block; margin-bottom: 10px; padding-bottom: 15px; } .khfw_list li:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .khfw_list .t { font-size: 0.4rem; color: #000000; line-height: inherit; padding-top: 2px; height: 1.6rem; overflow: hidden; text-overflow: ellipsis; } .khfw_list .t:hover { color: #008FDE; } .khfw_list .img { float: left; padding-right: 10px; } .khfw_list .img img { height: 2.5rem; width: 2.5rem; } .khfw_list .bod { display: none; } .khfw_list .bod .p { font-size: 14px; line-height: 0.5rem; color: #999999; position: relative; top: -5px; padding-bottom: 10px; } .khfw_list .bod .p .lin { font-size: 14px; line-height: 24px; color: #FFFFFF; background-color: #008FDE; display: inline-block; height: 24px; width: 70px; padding-right: 8px; margin-left: 10px; background-image: url(../images/new171208/d4.jpg); background-position: 65px 10px; background-repeat: no-repeat; text-align: center; } .khfw_list .ydqw .lin { font-size: 0.3rem; line-height: 0.4rem; color: #FFFFFF; background-color: #008FDE; display: inline-block; height: 0.4rem; width: 1.7rem; padding-right: 4px; margin-left: 5px; background-image: url(../images/d4.jpg); background-position: 1.4rem 0.14rem; background-repeat: no-repeat; text-align: center; } .khfw_list .ydqw .time { font-size: 12px; float: right; margin-right: 0.3rem; } .khfw_list .bod .p:hover { color: #666666; } .khfw_list .bod .p:hover .lin { background-color: #0084CA; } .khfw_list .bod .smal { font-size: 14px; } .khfw_list .bod .smal span { margin-right: 15px; margin-left: 5px; color: #6C82AA; } .khfw_list .bod .smal img { vertical-align: -1px; } .khfw_list .bod .smal .fx { display: inline-block; position: relative; cursor: hand; cursor: pointer; } .khfw_list .bod .smal .fx .fxxl { position: absolute; border: 1px solid #EBEBEB; z-index: 1; background-color: #FFFFFF; margin-left: -50%; top: 30px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: none; } .khfw_list .bod .smal .fx .fxxl .fxd { background-image: url(../images/new171230/fx_d.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 8px; width: 20px; margin-left: -10px; position: absolute; left: 50%; top: -8px; } .khfw_list .bod .smal .fx .fxxl .fxp { height: 40px; } .khfw_list .bod .smal .fx .fxxl .fxp a { font-size: 14px; line-height: 40px; color: #999999; } .khfw_list .bod .smal .fx .fxxl .fxp a:hover { color: #666666; } .khfw_list .bod .smal .fx .fxxl .fxp img { vertical-align: -5px; margin-right: 5px; } } li.u_l:nth-child(even) { background: #f0f0f0; } .customerService .khlblist { width: 300px; float: left; margin-bottom: 3%; } .customerService .khlblist .lbbiaoti { font-size: 16px; padding-top: 20px; letter-spacing: 5px; text-align: center; } .customerService .khlblist ul { margin: 10px 30px; } .customerService .khlblist .l1 { font-size: 14px; background: none; padding-left: 30px; } .customerService .khlblist ul li { list-style: none; height: 30px; line-height: 30px; background: url(../images/sj.png) 0px no-repeat; padding-left: 30px; } .customerService .khlblist ul li a { color: #666; text-decoration: none; } .customerService .khlblist ul li a span { width: 90px; height: 31px; border: 1px solid #565656; line-height: 31px; font-size: 14px; letter-spacing: 2px; border-radius: 3px; color: #565656; display: block; text-align: center; float: left; } .customerService .khlblist .ewm { width: 100%; } .customerService .khlblist .ewm img { margin: 20px 60px; } .customerService .khlblist .ewm .sys { font-size: 12px; text-align: center; } @media screen and (max-width:768px) { .customerService .khlblist { display: none; } } .sjdaohang { display: none; } #sjdaohangaaa { display: none; } @media screen and (max-width:768px) { #sjdaohangaaa { display: block; } .sjdaohang { display: block; min-width: 320px; max-width: 768px; width: 100%; height: 1.15rem; background: #2777be; color: #fff; position: fixed; z-index: 99999; bottom: 0px; } .sjdaohang .title { width: 19%; height: 100%; float: left; text-align: center; font-size: 0.35rem; color: #fff; line-height: 1.15rem; } .sjdaohang .title a { color: #fff; } .sjdaohang .suxian { width: 1%; height: 100%; float: left; color: #fff; font-size: 0.4rem; text-align: center; line-height: 1.15rem; } } .FuDong { height: 55px; width: 320px; position: fixed; bottom: 60px; left: 0; z-index: 999; overflow: hidden; display: none; } .FuDong_div { display: block; width: 288px; height: 55px; margin-right: 18px; overflow: hidden; position: relative; background-image: -webkit-linear-gradient(top, #32323a, #23232b); } .FuDong_div .tel { left: 20px; top: 5px; height: 30px; background-position: 3px -49px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div a { height: 55px; line-height: 85px; font-size: 1.3rem; width: 65px; display: inline-block; font-size: 12px; position: relative; z-index: 11; text-align: center; color: #fff; } .FuDong .btn { display: block; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -786px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong .btn2 { background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -249px; display: none; } .FuDong span { display: block; width: 35px; height: 25px; position: absolute; top: 0; z-index: 10 } .FuDong_div .weichat { background-position: 6px -150px; background-repeat: no-repeat; left: 81px; top: 7px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .weibo { background-position: 1px -430px; background-repeat: no-repeat; height: 26px; left: 157px; top: 7px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .talk99 { background-position: 1px -200px; background-repeat: no-repeat; left: 226px; height: 24px; width: 26px; top: 8px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .dianhua { width: 65px; } .FuDong_div .duanxin { } .FuDong_div .ditu { } .FuDong_div .home { } @media screen and (max-width:768px) { .FuDong { height: 55px; width: 320px; bottom: 1.3rem; position: fixed; left: 0; z-index: 999; overflow: hidden; display: block; } .FuDong_div { display: block; width: 288px; height: 55px; margin-right: 18px; overflow: hidden; position: relative; background-image: -webkit-linear-gradient(top, #32323a, #23232b); } .FuDong_div .tel { left: 20px; top: 5px; height: 30px; background-position: 3px -49px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div a { height: 55px; line-height: 85px; font-size: 1.3rem; width: 65px; display: inline-block; font-size: 12px; position: relative; z-index: 11; text-align: center; color: #fff; } .FuDong .btn { display: block; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -786px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong .btn2 { background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -249px; display: none; } .FuDong span { display: block; width: 35px; height: 25px; position: absolute; top: -0.2rem; z-index: 10 } .FuDong_div .weichat { background-position: 6px -150px; background-repeat: no-repeat; left: 81px; top: 7px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .weibo { background-position: 1px -430px; background-repeat: no-repeat; height: 26px; left: 157px; top: 7px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .talk99 { background-position: 1px -200px; background-repeat: no-repeat; left: 226px; height: 24px; width: 26px; top: 8px; background-image: url(../images/SkinsBar3.png); background-size: 32px 889px; } .FuDong_div .dianhua { width: 65px; } .FuDong_div .duanxin { } .FuDong_div .ditu { } .FuDong_div .home { } } /*右侧浮动*/ .right_fudong { text-decoration: none; position: fixed; bottom: 150px; text-align: right; z-index: 9999; right: 0px; overflow: hidden; width: 263px; height: 400px; border: none; } .right_fudong ul li { border-radius: 5px; height: 64px; width: 100%; position: relative; } .right_fudong ul li ul { display: none; right: 64px; position: absolute; overflow: hidden; bottom: 0px } .right_fudong ul li ul li { width: 190px; height: 100%; text-align: right; } .right_fudong ul li ul li img { border-radius: 7px 0px 0px 7px; } .right_fudong ul li ul li > img { margin: 0 auto; } .right_fudong ul > li:hover ul { display: block; } .right_fudong ul li ul li span { text-align: center; font-size: 14px; } .right_fudong .wb { background: url(../images/webl.gif) no-repeat; width: 150px; height: 63px; border-radius: 5px; } @media screen and (max-width:768px) { .right_fudong { display: none; } } /*系统开发*/ .wzwh { width: 100%; } .wzwh .main_wzwh { width: 100%; height: 400px; background: url(../images/lfwxmbj.jpg); } .wzwh .main_wzwh .wzwh_nr { width: 1600px; height: auto; } .wzwh .main_wzwh .wzwh_nr .p1 { font-size: 30px; color: black; text-align: center; padding-top: 4%; letter-spacing: 5px; font-weight: 400; } .wzwh .main_wzwh .wzwh_nr .p2 { font-size: 18px; color: black; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .wzwh .main_wzwh .wzwh_nr > ul > li { width: 15%; text-align: center; margin: 10px; float: left; line-height: 50px; height: auto; } .wzwh .main_wzwh .wzwh_nr > ul > li > img { width: 120px; height: 120px; } .wzwh .main_wzwh .wzwh_nr > ul > li > p { font-size: 16px; color: black; text-align: center; } .program { width: 100%; background: #f9f9f9; } .program_detail { width: 1600px; margin: 0px auto; } .program_detail .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; margin-left: -80px; } .program_detail .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .program_detail img { width: 90px; height: 90px; } .program_detail ul { margin-left: 5%; } .program_detail ul li { float: left; list-style: none; width: 33%; line-height: 130px; letter-spacing: 5px; color: #666; font-size: 18px; text-align: center; display: inline; } .program_detail ul li img { max-width: 100%; vertical-align: middle; margin-right: 20px; } .program_detail .lef { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .program_detail .rig { border-right: 1px solid #e5e5e5; } .program_detail .bot { border-bottom: 1px solid #e5e5e5; } .program_fxsc { width: 1600px; margin: 0px auto; } .program_fxsc .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; margin-left: -80px; } .program_fxsc .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .program_fxsc img { width: 90px; height: 90px; } .program_fxsc ul { margin-left: 5%; } .program_fxsc ul li { float: left; list-style: none; width: 33%; line-height: 130px; letter-spacing: 5px; color: #666; font-size: 18px; text-align: center; display: inline; } .program_fxsc ul li img { max-width: 100%; vertical-align: middle; margin-right: 20px; } .program_fxsc .lef { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .program_fxsc .rig { border-right: 1px solid #e5e5e5; } .program_fxsc .bot { border-bottom: 1px solid #e5e5e5; } .pxxt { width: 100%; background: #f9f9f9; } .program_pxxt { width: 1600px; margin: 0px auto; } .program_pxxt .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; margin-left: -80px; } .program_pxxt .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .program_pxxt img { width: 90px; height: 90px; } .program_pxxt ul { margin-left: 5%; } .program_pxxt ul li { float: left; list-style: none; width: 33%; line-height: 130px; letter-spacing: 5px; color: #666; font-size: 18px; text-align: center; display: inline; } .program_pxxt ul li img { max-width: 100%; vertical-align: middle; margin-right: 20px; } .program_pxxt .lef { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .program_pxxt .rig { border-right: 1px solid #e5e5e5; } .program_pxxt .bot { border-bottom: 1px solid #e5e5e5; } .dzxtal { width: 100%; background: #f9f9f9; } .dzxtal .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; margin-left: -80px; } .dzxtal .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .dzxtal ul { width: 1600px; height: 250px; } .dzxtal ul li { width: 45%; float: left; height: 40px; line-height: 40px; margin: auto 1%; padding-left: 230px; font-size: 16px; letter-spacing: 5px; color: #333; } .dzxtal ul li img { margin: auto 15px; } .program_ljzx { width: 100%; height: 450px; } .program_ljzx .ljzx_nr { width: 1600px; height: auto; } .program_ljzx .ljzx_nr .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 30px; letter-spacing: 5px; } .program_ljzx .ljzx_nr .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .program_ljzx .ljzx_nr .zx_xiangxi { width: 100%; height: auto; } .program_ljzx .ljzx_nr .zx_xiangxi .address { width: 50%; float: left; height: auto; text-align: left; padding-left: 200px; } .program_ljzx .ljzx_nr .zx_xiangxi .address .p_name { font-size: 16px; letter-spacing: 2px; line-height: 30px; } .program_ljzx .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 12px; letter-spacing: 2px; line-height: 30px; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge { width: 50%; float: left; height: auto; text-align: left; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 50px; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 550px; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 550px; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 120px; height: 30px; padding: 0px; } .dzkflc { width: 1600px; text-align: left; height: 550px; } .dzkflc .p1 { font-size: 30px; color: #111; text-align: center; padding-top: 3%; letter-spacing: 5px; margin-left: -80px; } .dzkflc .p2 { font-size: 18px; color: #111; text-align: center; letter-spacing: 5px; margin-bottom: 27px; } .dzkflc .jdt { width: 49%; float: left; height: 450px; } .dzkflc .jdt .xq { height: 220px; width: 80%; margin-left: 100px; vertical-align: middle; } .dzkflc .jdt .xq span { font-weight: bold; font-size: 20px; text-align: center; color: #666; margin-left: 25px; } .dzkflc .jdt .xq img { vertical-align: middle; } .dzkflc .jdt .xq p { font-size: 18px; color: #666; letter-spacing: 3px; margin-left: 90px; } @media screen and (max-width:768px) { /*系统开发*/ .wzwh { width: 100%; } .wzwh .main_wzwh { width: 100%; height: 15rem; background-color: #2676bd; } .wzwh .main_wzwh .wzwh_nr { width: 100%; height: auto; } .wzwh .main_wzwh .wzwh_nr .p1 { font-size: 0.6rem; color: black; text-align: center; padding-top: 30px; letter-spacing: 2px; } .wzwh .main_wzwh .wzwh_nr .p2 { font-size: 0.4rem; color: black; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .wzwh .main_wzwh .wzwh_nr > ul > li { width: 42%; text-align: center; margin: 0.3rem 0.4rem; float: left; line-height: auto; height: auto; } .wzwh .main_wzwh .wzwh_nr > ul > li > img { width: 2rem; height: 2rem; } .wzwh .main_wzwh .wzwh_nr > ul > li > p { font-size: 0.5rem; color: black; text-align: center; } .program { width: 100%; background: #f9f9f9; } .program .program_detail { width: 100%; margin: 0px auto; } .program .program_detail .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 30px; letter-spacing: 2px; } .program .program_detail .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .program .program_detail img { width: 90px; height: 90px; } .program .program_detail ul { margin-left: 1%; } .program .program_detail ul li { float: left; list-style: none; width: 50%; line-height: 2rem; letter-spacing: 0px; color: #666; font-size: 0.35rem; text-align: center; display: inline; } .program .program_detail ul li img { max-width: 100%; vertical-align: middle; margin-right: 0.1rem; width: 1.2rem; height: 1.2rem; } .program .program_detail .lef { border-bottom: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; } .program .program_detail .rig { border-right: 0px solid #e5e5e5; } .program .program_detail .bot { border-bottom: 0px solid #e5e5e5; } .program_fxsc { width: 100%; margin: 0px auto; } .program_fxsc .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 30px; letter-spacing: 2px; } .program_fxsc .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .program_fxsc img { width: 90px; height: 90px; } .program_fxsc ul { margin-left: 1%; } .program_fxsc ul li { float: left; list-style: none; width: 50%; line-height: 2rem; letter-spacing: 0px; color: #666; font-size: 0.35rem; text-align: center; display: inline; } .program_fxsc ul li img { max-width: 100%; vertical-align: middle; margin-right: 0.1rem; width: 1.2rem; height: 1.2rem; } .program_fxsc .lef { border-bottom: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; } .program_fxsc .rig { border-right: 0px solid #e5e5e5; } .program_fxsc .bot { border-bottom: 0px solid #e5e5e5; } .pxxt { width: 100%; background: #f9f9f9; } .program_pxxt { width: 100%; margin: 0px auto; } .program_pxxt .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 30px; letter-spacing: 2px; } .program_pxxt .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .program_pxxt img { width: 90px; height: 90px; } .program_pxxt ul { margin-left: 1%; } .program_pxxt ul li { float: left; list-style: none; width: 50%; line-height: 2rem; letter-spacing: 0px; color: #666; font-size: 0.35rem; text-align: center; display: inline; } .program_pxxt ul li img { max-width: 100%; vertical-align: middle; margin-right: 0.1rem; width: 1.2rem; height: 1.2rem; } .program_pxxt .lef { border-bottom: 0px solid #e5e5e5; border-right: 0px solid #e5e5e5; } .program_pxxt .rig { border-right: 0px solid #e5e5e5; } .program_pxxt .bot { border-bottom: 0px solid #e5e5e5; } .dzxtal { width: 100%; background: #f9f9f9; } .dzxtal .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 30px; letter-spacing: 2px; } .dzxtal .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.3rem; } .dzxtal ul { width: 100%; height: 8.5rem; } .dzxtal ul li { width: 100%; float: inherit; height: 0.8rem; line-height: 0.8rem; margin: 0; padding-left: 1rem; font-size: 0.35rem; letter-spacing: 2px; color: #333; } .dzxtal ul li img { margin: auto 0.2rem; } .dzkflc { width: 100%; text-align: left; height: 13rem; } .dzkflc .jdt { width: 100%; float: left; height: 5rem; } .dzkflc .jdt .xq { height: 2.5rem; margin-left: 0.45rem; vertical-align: middle; } .dzkflc .jdt .xq span { font-weight: bold; font-size: 0.45rem; text-align: center; color: #666; margin-left: 0.5rem; } .dzkflc .jdt .xq img { vertical-align: middle; width: 1rem; } .dzkflc .jdt .xq p { font-size: 0.35rem; color: #666; letter-spacing: 1px; margin-left: 1.2rem; } .program_ljzx { width: 100%; height: 18rem; } .program_ljzx .ljzx_nr { width: 100%; height: auto; } .program_ljzx .ljzx_nr .p1 { font-size: 0.6rem; color: #111; text-align: center; padding-top: 0.2rem; letter-spacing: 1px; } .program_ljzx .ljzx_nr .p2 { font-size: 0.4rem; color: #111; text-align: center; letter-spacing: 1px; margin-bottom: 0.12rem; } .program_ljzx .ljzx_nr .zx_xiangxi { width: 100%; height: 5.5rem; } .program_ljzx .ljzx_nr .zx_xiangxi .address { width: 100%; float: inherit; height: 5.5rem; text-align: left; padding-left: 0.3rem; } .program_ljzx .ljzx_nr .zx_xiangxi .address .p_name { font-size: 0.45rem; letter-spacing: 2px; line-height: 0.2rem; display: none; } .program_ljzx .ljzx_nr .zx_xiangxi .address .p_jies { font-size: 0.4rem; letter-spacing: 2px; line-height: 30px; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge { width: 100%; float: inherit; height: 10.5rem; text-align: left; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table { width: 100%; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr { line-height: 0.3rem; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge tr td a { color: #2578be; text-decoration: none; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table input[type=text] { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table select { -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 8px 8px 8px 35px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #title { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #name { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #phone { width: 100%; height: 35px; background: white url(../images/dhtb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #type { width: 100%; height: 35px; background: white url(../images/lytb.png) 7px no-repeat } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #content { height: 120px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 1em; border: 1px solid #dcdcdc; outline: none; width: 100%; padding: 2px 2px 2px 5px; background-color: #fff; } .program_ljzx .ljzx_nr .zx_xiangxi .right_biaoge table #yanzhengma { width: 100%; height: 30px; padding: 0px; } .gpdm { right: 0.85rem; } .gpdm p span { display: block; } }