@charset "utf-8"; /* CSS Document */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { background: #fff; color: #333; font-size: 14px; font-family: '微软雅黑'; line-height:24px; } td, th, caption { font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } a { color: #555; text-decoration: none; } a:hover { color: #d60b18; text-decoration: none; } img { border: none; } ol, ul, li { list-style: none; } input, textarea, select, button { font: 12px Verdana, Helvetica, Arial, sans-serif; } table { border-collapse: collapse; } html { overflow-y: scroll; } /* css common */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom:1; } .l { float: left; } .r { float: right; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; } .line { border-bottom: #ddd solid 1px; height: 0; padding-top:10px; } .line_120 { border-bottom: #ddd solid 1px; height: 0; margin-bottom: 120px; } .dot01 { background: url(../images/dot01.png) left center no-repeat; padding-left: 28px; } .dot02 { background: url(../images/dot02.png) left center no-repeat; padding-left: 28px; } .dot03 { background: url(../images/dot03.jpg) left center no-repeat; padding-left: 28px; } .dot04 { background: url(../images/dot04.png) left center no-repeat; padding-left: 30px; } .dot05 { background: url(../images/dot05.png) left center no-repeat; padding-left: 30px; } h2 { font-size: 18px; font-weight: bold; line-height: 20px; } h3 { font-size: 16px; font-weight: bold; line-height: 45px; } .more { float: right; color: #d60b18; } /*top*/ .top { height: 90px; /*overflow:hidden;*/ -webkit-box-shadow: 0 0 10px #999; -moz-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; z-index: 999; position: relative; } .top_1 { width: 1004px; margin: 0 auto; } .top_1 img { max-height: 90px; } .top_1_menu { width: 600px; } .top_1_menu ul { } .top_1_menu ul li { float: left; } .top_1_menu ul li a { color: #101010; line-height: 20px; font-size: 14px; display: inline-block; width: 120px; height: 65px; padding-top: 25px; text-align: center; } .top_1_menu ul li a em { font-size: 12px; color: #999; font-style: normal; font-weight: normal; } /*.top_1_menu ul li a:hover, .top_1_menu ul li a:hover em{color:#fff; background:#d60b18; font-style:normal; font-weight:normal;}*/ .top_1_menu ul li a.on, .top_1_menu ul li a.on em { color: #fff; background: #d60b18; font-style: normal; font-weight: normal; } .top_1_tel { color: #999; padding: 25px 0; } .top_1_tel p { line-height: 36px; } .top_1_tel span { color: #d60b18; font-size: 14px; font-weight: bold; } .bdsharebuttonbox em { float: left; line-height: 36px; font-style: normal; font-weight: normal; } .top_2_menu { display: none; } #wrapper{display: none;} /*banner*/ .banner { width: 100%; height: 520px; overflow: hidden; } .banner_nei { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; } .banner_about { height: 435px; overflow: hidden; background: url(../images/about.jpg) center no-repeat; } .banner_server { height: 315px; overflow: hidden; background: url(../images/server.jpg) center no-repeat; } .banner_news { height: 155px; overflow: hidden; background: url(../images/news.jpg) center no-repeat; } /*home_solu*/ .home_solu { height: 50px; background: #fff; filter: alpha(opacity=40); opacity: 0.4; position: relative; z-index: 1; margin-top: -50px; } .home_solu_1 { height: 50px; position: relative; width: 1004px; z-index: 1; margin: -50px auto 0 auto; } .home_solu_1 a { display: block; float: left; width: 250px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; margin-right: 1px; } .home_solu_1 a:hover { color: #fff; } .home_solu_1 a.solu_1 { background: #eee url(../images/solu.png) 0 0 no-repeat; } .home_solu_1 a:hover.solu_1 { background: #d60b18 url(../images/solu.png) 0 -50px no-repeat; } .home_solu_1 a.solu_1 img { width: 250px; height: 170px; margin-top: -220px; position: relative; z-index: 1; display: none; } .home_solu_1 a:hover.solu_1 img { display: block; } .home_solu_1 a.solu_2 { background: #eee url(../images/solu.png) 0 -100px no-repeat; } .home_solu_1 a:hover.solu_2 { background: #d60b18 url(../images/solu.png) 0 -150px no-repeat; } .home_solu_1 a.solu_2 img { width: 250px; height: 170px; margin-top: -220px; position: relative; z-index: 1; display: none; } .home_solu_1 a:hover.solu_2 img { display: block; } .home_solu_1 a.solu_3 { background: #eee url(../images/solu.png) 0 -200px no-repeat; } .home_solu_1 a:hover.solu_3 { background: #d60b18 url(../images/solu.png) 0 -250px no-repeat; } .home_solu_1 a.solu_3 img { width: 250px; height: 170px; margin-top: -220px; position: relative; z-index: 1; display: none; } .home_solu_1 a:hover.solu_3 img { display: block; } .home_solu_1 a.solu_4 { background: #eee url(../images/solu.png) 0 -300px no-repeat; } .home_solu_1 a:hover.solu_4 { background: #d60b18 url(../images/solu.png) 0 -350px no-repeat; } .home_solu_1 a.solu_4 img { width: 250px; height: 170px; margin-top: -220px; position: relative; z-index: 1; display: none; } .home_solu_1 a:hover.solu_4 img { display: block; } /*service*/ .section-title { width: 1200px; margin: 50px auto; } .section-title span { color: #333; font-size: 24px; position: relative; } .section-title span::before { position: absolute; width: 22px; height: 2px; background-color: #d41e1b; content: ''; top: 15px; left: -28px; } .section-title.text-center span:after { position: absolute; width: 22px; height: 2px; background-color: #d41e1b; content: ''; top: 15px; right: -28px; } .section-title h2 { font-size: 30px; margin-top: 11px; margin-bottom: 0; line-height: 44px; } .section-title p { padding-top: 40px; } .single_blog { background: #fff; width: 1200px; margin: 0 auto; } .blog_con{ width:32%; padding-right:15px; float:left;} .blog_img { overflow: hidden; } .blog_img img { width:100%; display: block; position: relative; -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s; } .single_blog:hover .blog_img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .blog_content { padding:40px 20px; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); /*background: url(../images/server/4.jpg) left bottom no-repeat;*/ min-height:200px; } .blog_content h3{ color: #999; background:url(../images/00_03.jpg) 0 18px no-repeat; padding-left:20px; font-size:15px; } .blog-meta { width:40px; height:3px; margin:20px 0; background:#d41e1b; } .tel{ width:1200px; margin:50px auto 0; } .tel_con{ width:46%; margin:30px 10px; background:url(../images/00_11.jpg) 0 20px no-repeat; } .tel_con1{ background:url(../images/00_08.jpg) 0 0 no-repeat; margin-right:50px; } .tel_con h2{ padding-left:150px; line-height:48px; font-size:30px; margin-right:30px; padding-top:20px; } .vedio, .icon{ width:1200px; margin:30px 0; display:inline-block; } .vedio img{ width:100%; } .shipin{ width:570px; padding:25px; background:#fff; box-shadow:0 5px 8px #999; border-radius:30px; border:1px solid #ccc;} .shipin hr { width: 80px; height: 1px; background-color: #ccc; margin:20px 0; } .spr1{ width:500px; padding:25px; background:#fff; box-shadow:0 5px 8px #999; border-radius:30px; margin-bottom:15px; border:1px solid #ccc;} .spr1 hr { width: 80px; height: 1px; background-color: #ccc; margin:23px 0; } .icon h3{ text-align:center; margin:20px 0;} .icon hr{ width:300px; height:1px; background:#F00;} .icon p{ text-align:center; margin:30px;} .icon ul{ margin-top:20px;} .icon ul li{ width:16%; border:1px solid #ccc; margin:0 8px 8px 0; float:left; padding:10px; box-sizing:border-box; height:110px;} .icon ul li img{ width:100%;} /*main*/ .main { width: 1200px; margin: 0 auto; overflow: hidden; } .main_home { min-height: 180px; padding: 50px 0; } .main_home_news { width: 250px; overflow: hidden; margin-right:40px; } .main_home_news ul.news_list { padding-top: 20px; } .main_home_news ul.news_list li { height: 28px; line-height: 28px; } .main_home_server { width: 400px; overflow: hidden; } .main_home_server ul.news_list { width: 385px; padding-top: 20px; } .main_home_server ul.news_list li { padding: 10px 10px 12px 0; float: left; } .main_home_server ul.news_list li a { display: inline-block; width: 118px; height: 42px; line-height: 42px; background: url(../images/home_server_bg.png) 0 0 no-repeat; color: #fff; text-align: center; } .main_home_server ul.news_list li a:hover { background: url(../images/home_server_bg.png) 0 -42px no-repeat; } .main_home_contact { width: 500px; overflow: hidden; } .main_home_contact .main_home_contact_1 {/*background:url(../images/home_contact_bg.png) center no-repeat; */ width: 500px; padding-top: 20px; } .main_home_contact_1 ul li:nth-child(1) { background:url(../images/lianxi_23.png) left center no-repeat; padding:5px 5px 5px 30px} .main_home_contact_1 ul li:nth-child(2) { background:url(../images/lianxi_26.png) left center no-repeat;padding:5px 5px 5px 30px} /*main_about*/ .main_about { width: 1004px; margin: -25px auto 25px auto; overflow: hidden; z-index: 1; position: relative; } .main_about_l { width: 190px; } .main_about_l_title { background: #d60b18 url(../images/about_l_bg.png) center bottom no-repeat; text-align: center; width: 190px; color: #fff; font-size: 20px; padding: 25px 0; font-weight: bold; } .main_about_l_title em { font-size: 14px; font-style: normal; font-weight: normal; } .main_about_l ul.main_about_l_menu { } .main_about_l ul.main_about_l_menu li { height: 50px; width: 188px; line-height: 50px; text-align: center; border: #eee solid 1px; border-top: none; } .main_about_l ul.main_about_l_menu li a.on { color: #d60b18; font-size: 14px; font-weight: bold; } .main_about_r { width: 800px; } .main_about_r_title { height: 45px; padding: 0 20px; background: #f5f5f5; line-height: 45px; } .main_about_r_content { padding: 20px 0; line-height: 18px; } .main_about_r_content img { max-width: 800px; width: auto; margin:30px auto; overflow: hidden; display: block } .main_about_r_content ul li{ font-size:18px; line-height:30px; margin:50px 0; overflow:hidden;} .main_about_r_content ul li h2{ color:#d41e1b; background:url(../images/zulin_03.jpg) no-repeat; padding-left:70px; margin:30px auto; font-size:24px; line-height:60px;} .main_about_r_content ul li h4{ color:#d41e1b; margin:30px 0; font-weight:bold; text-align:center;font-size: 24px;} .main_about_r_content p{ padding:0 30px;} .lx_l h3{ font-size:24px; margin-bottom:10px; color:#d41e1b;} .lx_l h5{ font-size:18px;} .lx-r .lxicon{ background:url(../images/lianxi_23.png) no-repeat; padding-left:32px; margin:10px 0;} .lx-r .lxicon1{ background:url(../images/lianxi_26.png) no-repeat; } .lx-r .lxicon2{ background:url(../images/lianxi_28.png) no-repeat; } /*main_server*/ .main_server { padding: 20px; overflow: hidden; } .main_server_here { width: 974px; margin: 0 auto; line-height: 16px; } .main_server ul.main_news_sort { width: 1004px; height: 80px; text-align: center; margin: 60px auto -6px auto; overflow: hidden; position: relative; z-index: 1; } .main_server ul.main_news_sort li { display: inline-block; padding: 0 5px; } .main_server ul.main_news_sort li a { height: 80px; width: 105px; text-align: center; line-height: 30px; display: inline-block; } /*.main_news ul.main_news_sort li a:hover{color:#fff; background:url(../images/news_bg.png) center no-repeat;}*/ .main_server ul.main_news_sort li a.on { color: #fff; background: url(../images/news_bg.png) center no-repeat; } .main_server_1 { width: 1004px; margin: 0 auto; padding: 60px 0; text-align: center; } .main_server_1 p.ct { font-size: 30px; color: #000; line-height: 40px; } .main_server_1 p.et { font-size: 24px; color: #ccc; line-height: 30px; margin-bottom: 25px; } .main_server_1 p { line-height: 25px; } /*.main_server ul.main_server_sort{width:992px; margin:90px auto 30px auto; position:relative; z-index:1; overflow:hidden;} .main_server ul.main_server_sort li{display:inline-block; margin:5px;} .main_server ul.main_server_sort li a{display:inline-block; font-size:18px; color:#555; text-align:center; line-height:48px; width:238px; height:48px; overflow:hidden; background:url(../images/solution_bg.png) 0 0 no-repeat;} .main_server ul.main_server_sort li a.on{background:url(../images/solution_bg.png) 0 -48px no-repeat; color:#fff;}*/ .main_server ul.main_server_sort { width: 992px; margin: 0 auto; text-align: center; } .main_server ul.main_server_sort li { display: inline-block; *display:inline; *zoom:1; margin: 0 20px; } .main_server ul.main_server_sort li a { display: inline-block; font-size: 18px; color: #555; padding: 0 10px; line-height: 90px; height: 90px; } .main_server ul.main_server_sort li.on a { color: #555; border-bottom: #d60b18 solid 3px; } .main_server ul.main_server_sort li ul.main_server_sort1 { display: none; } .main_server ul.main_server_sort li.on ul.main_server_sort1 { width: 992px; display: inline-block; *display:inline; *zoom:1; left: 50%; margin-left: -496px; margin-top: 150px; padding-top: 0; position: absolute; z-index: 1; overflow: hidden; } .main_server ul.main_server_sort li.on ul.main_server_sort1 li { display: inline-block; *display:inline; *zoom:1; margin: 5px; } .main_server ul.main_server_sort li.on ul.main_server_sort1 li a { display: inline-block; *display:inline; *zoom:1; font-size: 18px; color: #555; text-align: center; line-height: 48px; width: 238px; height: 48px; overflow: hidden; padding: 0; background: url(../images/solution_bg.png) 0 0 no-repeat; border: none; } .main_server ul.main_server_sort li.on ul.main_server_sort1 li a.on { background: url(../images/solution_bg.png) 0 -48px no-repeat; color: #fff; border: none; } .main_server ul.server_list { width: 1080px; margin: 0 auto; overflow: hidden; padding-top: 60px; } .main_server ul.server_list img { width: 260px; height: 85px; } .main_server ul.server_list li { width: 260px; float: left; margin: 0 50px 60px 50px; } .main_server ul.server_list li p.title { font-size: 18px; color: #d60b18; line-height: 20px; font-weight: bold; margin-top: 25px; } .main_server ul.server_list li p.content { line-height: 18px; margin-top: 20px; height: 54px; overflow: hidden; } .main_server ul.server_list li p a.btn { width: 82px; height: 26px; display: inline-block; line-height: 26px; text-align: center; color: #fff; background: url(../images/server_bg.png) 0 0 no-repeat; margin-top: 20px; } .main_server ul.server_list li p a:hover.btn { background: url(../images/server_bg.png) 0 -26px no-repeat; } /*main_news*/ .main_news { /*padding: 20px;*/ overflow: hidden; } .main_news1 { padding: 0; } .main_news_here { width: 974px; margin: 10px auto; line-height: 16px; } .main_news ul.main_news_sort { width: 1004px; height: 80px; text-align: center; margin: 60px auto -6px auto; overflow: hidden; position: relative; z-index: 1; } .main_news ul.main_news_sort li { display: inline; padding: 0 5px; } .main_news ul.main_news_sort li a { height: 80px; width: 105px; text-align: center; line-height: 30px; display: inline-block; } /*.main_news ul.main_news_sort li a:hover{color:#fff; background:url(../images/news_bg.png) center no-repeat;}*/ .main_news ul.main_news_sort li a.on { color: #fff; background: url(../images/news_bg.png) center no-repeat; } .main_news ul.main_news_list { width: 1004px; margin: 60px auto 0 auto; } .main_news ul.main_news_list li { padding: 40px 0; border-bottom: #ddd solid 1px; } .main_news ul.main_news_list li a { display: inline-block; background: url(../images/news_list_bg.png) right 0 no-repeat; height: 100px; overflow: hidden; } .main_news ul.main_news_list li a:hover { background: url(../images/news_list_bg.png) right -100px no-repeat; } .main_news ul.main_news_list li a img { float: left; width: 230px; height: 100px; } .main_news ul.main_news_list li a em { color: #555; font-size: 20px; font-weight: bold; width: 80px; padding: 20px 35px; display: inline-block; text-align: center; float: left; font-style: normal; font-weight: normal; } .main_news ul.main_news_list li a p.title { width: 450px; padding-right: 174px; font-size: 14px; line-height: 25px; margin-bottom: 10px; } .main_news ul.main_news_list li a p.content { width: 450px; padding-right: 174px; line-height: 20px; color: #666; } .main_news ul.main_pics_list { width: 1008px; margin: 20px auto 0 auto; overflow: hidden; } .main_news ul.main_pics_list { width: auto; } .main_news ul.main_pics_list li { width: 230px; border: #000 solid 1px; background: #000; margin: 5px; float: left; } .main_news ul.main_pics_list li a { display: block; height: 140px; overflow: hidden; background: #fff; } .main_news ul.main_pics_list li a.y:hover { filter: alpha(opacity=80); opacity: 0.8; } .main_news ul.main_pics_list li a img { float: left; width: 230px; height: 140px; } .main_news1 ul.main_pics_list1 li{ width:180px;} .main_news1 ul.main_pics_list1 li a img{ width:100%; height:auto; margin:0;} .main_news1 ul.main_pics_list1 li a{ height:100px;} .main_news .view { width: 1004px; margin: 60px auto 0 auto; } .main_news .view .title { text-align: center; font-size: 24px; font-weight: bold; } .main_news .view .source { padding: 10px; text-align: center; } .main_news .view .source span { padding: 0 10px; } .main_news .view .content { padding: 20px 22px; min-height: 500px; line-height: 28px; } .main_news .view .content img { max-width: 960px; width: auto; width:expression(this.width > 960 ? "960px" : "auto"); overflow: hidden; } .page { padding: 60px 0; text-align: center; } .jscon{ padding:30px; background:#eee; width:500px;; margin:0 auto 20px; overflow:hidden;} .jsicon img{ padding-top:5px; margin:0;} .jstext { margin-left:30px; width:76%;} .jstext h3{ color:#d60b18; font-size:20px;} .eng{ color:#f9d1bf; display:block; font-size:36px;} .yd{ overflow:hidden;} .yd_l, .yd_r{ width:50%; padding:20px; box-sizing:border-box;} .pt150{ padding-top:150px;} .pt300{ padding-top:300px;} .dingzhi h3{ font-size:24px; font-weight:normal; padding-top:50px;} .dzicon h4{ font-size:24px;} .dzicon ul li{ width:25%; float:left; text-align:center; color:#d60b18; margin:10px 0;} .dzicon ul li img{ margin-bottom:20px;} .dzcon{ background:#535353; color:#fff; margin:20px auto; width:100%;} .dzicon{ font-size:24px; font-weight:bold; min-width:130px; border-bottom: 1px solid #fff; padding-bottom:10px; margin-bottom:10px;} .dzcon1{ background:#d60b18; width:530px; margin:20px auto; text-align:center; font-size:24px; font-weight:bold;} .dzcon1 ul li{ float: left; width:33%; font-size:14px; font-weight:normal; margin:10px 0; border-top:1px solid #fff; padding-top:10px;} .dzcon1 h6{ font-size:14px; border-top:1px solid #fff; padding-top:10px; margin-top:10px;} /*bottom*/ .bottom { min-height: 50px; overflow: hidden; background: #d60b18; } .bottom_1 { width: 1004px; margin: 0 auto; } .bottom_1_cpr { margin: 5px 0; color: #fff; } .bottom_1_cpr a { color: #fff; margin-right: 10px; } .bottom_1_cpr img { vertical-align: middle; } /*fullSlide*/ .fullSlide { width: 100%; position: relative; height: 520px; } .fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .fullSlide .bd ul { width: 100% !important; } .fullSlide .bd li { width: 100% !important; /*height: 520px;*/ overflow: hidden; text-align: center; background-position: center; background-repeat: no-repeat; } .fullSlide .bd li a { display: block; height: 520px; } .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; } .fullSlide .hd ul { text-align: center; } .fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 42px; height: 11px; margin: 1px; overflow: hidden; background: #000; filter: alpha(opacity=40); opacity: 0.4; line-height: 999px; } .fullSlide .hd ul .on { background: #f00; } .fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; z-index: 1; width: 60px; height: 60px; background: url(../images/prev.png) center no-repeat; cursor: pointer; filter: alpha(opacity=80); opacity: 0.8; } .fullSlide .next { left: auto; right: 15%; background: url(../images/next.png) center no-repeat; } /*main_table*/ .main_table { margin: 0 auto; width: 1004px; padding-bottom: 50px; } .main_table tr td { vertical-align: top; } .main_table .lefttd { width: 200px; border-right: 1px dotted #dedede; } /*msgsearch*/ .msgsearch { width: 100%; } .msgsearch td { padding: 8px 4px; } .msgsearch form { float: right; } .text_css { font: 12px Verdana, Tahoma, Arial; padding: 4px 2px; border: 1px solid; border-color: #666 #ccc #ccc #666; background: #FFF url('../../images/bg_input.jpg') repeat-x; color: #333; font-size: 12px; } .button_css { font: 12px Verdana, Tahoma, Arial; padding: 2px 4px; margin: 0px; } .radio_css { } .checkbox_css { } #msgul { list-style: none; margin: 0px; padding: 0px; } .msgli_1 { display: block; overflow: hidden; width: 980px; padding: 8px 12px; background: #f3f3f3; color: #666; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 0px; border-right: 0px; margin: 0px 8px 0px 8px; } .msgli_1 .title { display: block; margin: 5px 0px; padding: 3px 0px; line-height: 150%; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #999; color: #333; } .msgli_1 .name, .msgli_1 .replier { color: #083773; font-weight: bold; } .msgli_1 .posttime, .msgli_1 .replytime { color: #666; font-size: 10px; } .msgli_1 .remark { display: block; margin: 5px 0px; font-size: 14px; line-height: 180%; } .msgli_1 .replyblock { display: block; margin: 10px 0px; padding: 0px 8px; border: 1px solid #dedede; background: #fafafa; } .msgli_1 .reply { display: block; margin: 5px 0px; font-size: 12px; line-height: 180%; } .msgli_0 { display: block; overflow: hidden; width: 980px; padding: 8px 12px; background: #fff; color: #666; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 0px; border-right: 0px; margin: 0px 8px 0px 8px; } .msgli_0 .title { display: block; margin: 5px 0px; padding: 3px 0px; font-size: 14px; font-weight: bold; border-bottom: 1px dotted #c0c0c0; color: #333; } .msgli_0 .name, .msgli_0 .replier { color: #083773; font-weight: bold; } .msgli_0 .posttime, .msgli_0 .replytime { color: #666; font-size: 10px; } .msgli_0 .remark { display: block; margin: 5px 0px; font-size: 14px; line-height: 180%; } .msgli_0 .replyblock { display: block; margin: 10px 0px; padding: 0px 8px; border: 1px solid #eee; background: #fafafa; } .msgli_0 .reply { display: block; margin: 5px 0px; font-size: 12px; line-height: 180%; } .msgtb tr td { vertical-align: top; } .msgtb .msgtd1 { text-align: right; width: 120px; padding: 6px 2px 0px 0px; height: 28px; font-weight: bold; color: #333; } .msgtb .msgtd2 { text-align: left; } .msgtb .msgtd2 .text_css { width: 400px; } .msgtb .msgtd2 textarea { width: 400px; height: 140px; } .msg_title1 { border-bottom: 1px dotted #ccc; margin: 10px; } .msg_title1 b { display: block; color: #333; font-size: 14px; padding: 8px 0px; } /*coverDiv*/ .coverDiv { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; background-color: #000000; filter: alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10; } .coverDivClear { position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; background-color: #000000; filter: alpha(opacity=1); -moz-opacity: 0; opacity: 0; } .coverFrame { width: 0px; height: 0px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .loading { position: absolute; width: 100px; height: 100px; z-index: 500010; background: #cccccc; text-align: center; left: 0px; top: 0px; } .loading_inner { background: #ffffff; left: -3px; top: -3px; height: 98px; height: 98px; position: relative; border: 1px solid #c0c0c0; } #popwin { border: 3px solid #d64a00; padding-bottom: 3px; background: #fff; } .snapdiv_button_close { background-image: url('../../images/close.gif'); width: 14px; height: 14px; margin-top: 3px; margin-right: 7px; float: right; cursor: pointer; } .snapdiv_loading { width: 32px; height: 32px; background-repeat: no-repeat; background-image: url('../../images/loading.gif'); } .snapdiv_title_div { background: #F5F5F5; padding-top: 3px; } .snapdiv_title { font-size: 14px; font-weight: bold; color: #d64a00; line-height: 22px; text-indent: 10px; } .snapdiv_content { background-color: #FFFFFF; border: 5px solid #F5F5F5; padding: 8px; overflow: hidden; } .dialog_content { font-size: 14px; line-height: 180%; } .dialog_ico_err { width: 48px; height: 48px; background-image: url('../../images/dialog_icons.gif'); background-position: 0px 0px; } .dialog_ico_yes { width: 48px; height: 48px; background-image: url('../../images/dialog_icons.gif'); background-position: -50px 0px; } .dialog_ico_info { width: 48px; height: 48px; background-image: url('../../images/dialog_icons.gif'); background-position: -100px 0px; } .dialog_ico_ask { width: 48px; height: 48px; background-image: url('../../images/dialog_icons.gif'); background-position: -150px 0px; } .dialog_ico_stop { width: 48px; height: 48px; background-image: url('../../images/dialog_icons.gif'); background-position: -200px 0px; } .dialog_table { width: 98%; margin: 1%; } .dialog_table_td { width: 60px; } .dialog_content { font-size: 14px; color: #000000; line-height: 120%; } .dialog_button { height: 30px; text-align: center; clear: both; } .dialog_button input { margin: 0px 3px; padding: 2px 3px; font-size: 12px; } /*Pagination*/ .Pagination { height: 25px; font-size: 11px; } .Pagination a { padding: 0px 2px; height: 25px; line-height: 25px; color: #fff; background: #8f4600; float: left; text-align: center; display: block; border-radius: 2px; margin-right: 3px; } .Pagination a:link, .Pagination a:visited, .Pagination a:active, .Pagination a:hover { color: #fff; text-decoration: none; } .Pagination strong { padding: 0px 2px; height: 25px; line-height: 25px; color: #fff; background: #d64a00; float: left; text-align: center; display: block; border-radius: 2px; margin-right: 3px; font-style: normal; font-weight: normal; } .Pagination_td1 { padding: 0px 0px; height: 25px; text-align: left; } .Pagination_td2 { padding: 0px 8px; height: 25px; text-align: left; font-size: 12px; } .Pagination_inputtd { text-align: right; } .Pagination_input { background-color: #FFF; height: 16px; padding: 1px; font-size: 12px; } .Pagination_epagetd { width: 72px; } .Pagination_epagenum a { width: 17px; height: 15px; margin-right: 5px; font-size: 11px; display: block; float: left; } .Pagination_epagenum a:link, .Pagination_epagenum a:visited, .Pagination_epagenum a:active, .Pagination_epagenum a:hover { color: #fff; text-decoration: none; } .Pagination_epagenum strong { font-style: normal; font-weight: normal; width: 17px; height: 15px; margin-right: 5px; font-size: 11px; display: block; float: left; color: #fff; font-weight: normal; } /*link*/ .link { width: 1004px; margin: 0 auto; padding: 10px 0; overflow: hidden; } .link a { display: inline-block; margin: 0 5px; } .pr_ne { margin: 30px 20px; } .pr_ne p { margin: 10px 0; } .pr_ne p em { font-style: normal; } @media all and (min-width:1024px) and (max-width:1200px) { .top_1{ padding:0 10px; box-sizing: border-box;} .top_1,.single_blog, .tel, .main, .home_solu_1, .vedio, .icon, .section-title, .main_server ul.server_list{ width:100%;} .home_solu_1 a{ width:25%; margin:0;} .blog_con{ width:31%; margin-bottom:30px; padding: 0 11px;} .tel_con h2{ font-size:24px; padding-left:120px; margin-right:20px;} .shipin, .shipin_r{ width:45%;} .spr1{ width:380px;} .vedio, .icon, .tel, .section-title, .single_blog{ margin:30px 0; padding: 0 10px; box-sizing:border-box;} .main_home{ padding:50px 10px;} .blog_content h3{ font-size:14px;} .icon ul li{ width:19%; height: 126px;} .main_server ul.server_list li{ margin: 0 30px 60px;} } @media screen and (max-width:1023px) { .top{ height:60px; } .top_1 { width: 100%; display: none; } .top_1_menu { display: none; } .top_2_menu { display: block; } .top_1_tel { display: none; } .top_2_menu ul li a { color: #333; line-height: 20px; font-size: 14px; display: inline-block; width: 100%; text-align: center; border-bottom: 1px solid #fff; padding:10px 0; } .top_2_menu ul li a em { font-size: 16px; color: #999; font-style: normal; font-weight: normal; } .top_2_menu ul li a.on, .top_2_menu ul li a.on em { color: #fff; background: #d60b18; font-style: normal; font-weight: normal; } /*切换按钮*/ .toggle-btn { display: inline-block; font-size: 24px; text-decoration: none; background: #fff; color: #d60b18; padding: 10px; position: absolute; right: 10px; } /*隐藏关闭按钮*/ #nav .close { display: none; } /*导航为目标状态的时候显示关闭按钮*/ #nav:target .close { display: inline-block; position:fixed; top:0; } /*初始隐藏导航*/ #nav { display: none; } /*导航为目标状态时的样式*/ #nav:target { display: block; position: absolute; top: 0; padding-top: 60px; width: 100%; } /*目标状态下的导航的ul标签*/ #nav:target ul { background: #eee; opacity: 0.9; } /*目标状态下的导航的li与a*/ #nav:target li,#nav:target li a { display: block; color: #333; text-align: left; } /*目标状态下的导航的列表下的a标签的悬停样式*/ #nav:target li a:hover { background: #3b3b3b; color:#fff; } /*目标状态下导航的激活状态的样式*/ #nav:target .active { background: #272727; } #nav:target .active a { color: #fff; } .top_1 img { margin-left: 20px; height:60px; } #wrapper{display: block;;} .banner { width: 100%; } .fullSlide{ max-height:130px; } .fullSlide .bd li { width: 100% !important; background-size: cover;} #service{ padding:0 20px; overflow:hidden;} .main_home { padding: 20px; } .main_home_news, .main_home_server, .main_home_contact { width: 100%; margin-bottom: 30px; } .home_solu{ height:0; margin-top:-120px; } .home_solu_1 { width: 100%; margin: 0; } .home_solu_1 a { width: 50%; margin-right: 0; padding-left: 50px; box-sizing: border-box; text-align: left; } .main { width: 100%; } .bottom { padding: 20px; } .bottom_1 { width: 100% ; } .section-title { width: 100% ; margin: 30px auto; } .single_blog { width: 100%; } .blog_con{ width:100%; float:none;} .blog_content{ min-height:100px; margin-bottom:30px;} .tel{ width:100%; margin:30px auto; } .tel_con{ width:100%; margin-top:0; margin-bottom:30px; } .banner{ height:250px;} .fullSlide .bd li a { display: block; height: 130px; } .tel_con{ background-size:15%;} .tel_con h2 { padding-left: 60px; padding-top: 20px; font-size: 20px; line-height: 30px; margin-right: 20px; } .tel_con img { width:30%; } .tel_con1{ float:left !important; background-position:0 20px;} .vedio, .icon{ width:100%; margin:0;} .shipin, .spr1, .shipin_r{ width:100%; margin-bottom:20px; box-sizing: border-box;} .icon ul li{ width:30%; height:65px;} .main_home_server ul.news_list{ width:100%;} .banner_nei{ overflow:inherit; height:250px !important; background-size:200% 100%;} .main_server_here, .main_server ul.main_server_sort, .main_server ul.main_server_sort li.on ul.main_server_sort1, .main_server ul.server_list, .main_server ul.main_server_sort li.on ul.main_server_sort1, .main_server_1, .main_news_here, .main_news ul.main_pics_list, .main_news .view, .main_server ul.server_list li{ width:100%;} .main_server ul.server_list img { width:100%; height:auto;} .main_server ul.main_server_sort{ text-align:left; margin-top:10px;} .main_server ul.main_server_sort li a{ font-size: 14px; line-height: 40px; height: 40px; padding:0;} .main_server ul.main_server_sort li.on ul.main_server_sort1 { margin-top: 100px; left:0; margin-left:0; text-align:center; margin-bottom:30px;} /*.main_server ul.server_list{ padding-top:100px;}*/ .main_server ul.server_list li{ float:none; margin:30px auto;} .main_about_l ul.main_about_l_menu{ padding:10px;} .main_about, .main_about_r{ width:100%; margin:0 auto; float:none;} .main_about_l_title,.dot04{ display:none;} .main_about_l{ width:100%; float:none;} .main_about_l ul.main_about_l_menu li{ width:48%; float:left; border: 0; background: #eee; margin: 3px;} .main_about_r_title{ background:#fff;} .main_news_sort{ overflow:hidden;} .main_about_r_content ul {float:none; width:92%; margin:0 4%;} .main_about_r_content img, .main_news .view .content img{ max-width:100%;} .main_about_r_content ul li{ margin:30px 0;} .main_about_r_content ul li h2{ margin:20px auto; font-size:20px;} .main_server_1{ padding:20px 30px; box-sizing:border-box;} .main_news ul.main_pics_list li{ width:45%; margin:2%;} .main_news ul.main_pics_list li a, .main_news ul.main_pics_list li a img{ width:100%; height:auto;} .main_news .view .content{ padding:0 20px;} .main_news .view .content span{ white-space:normal !important;} .lx_l{ padding:10px;} .main_server ul.server_list li p.content{ height:auto;} .main_about_r_title span{ float:left;} .main_news .view{ margin:30px auto 0 auto;} .jscon{ width:96%; margin:0 auto 20px;} .jstext { width:60%;} .yd_l, .yd_r{ width:100%; padding:0;} .pt150, .pt300{ padding-top:0;} .jstext1{ margin-left:0; width:90%;} .dzcon1{ width:100%; padding:20px 0; margin:10px 0;} } @media screen and (max-width:992px) { .tel_con{ width:50%; background-size:20%; background-position:0; margin:30px 0;} .tel_con h2{ padding-left:85px;} .tel_con img{ margin-right:20px;} .icon ul li{ height:100px; width:32%; } .icon ul li img{ width:60%; margin: 0px 40px;} } @media screen and (max-width:768px) { .tel_con{ width:50%; background-size:20%; background-position:0; margin:30px 0;} .tel_con h2{ padding-left:80px; font-size:18px; padding-top:15px;} .tel_con img{ margin-right:20px;} .icon ul li{ height:100px; width:32%; } .icon ul li img{ width:70%; margin: 0px 30px;} .ce { display:none} } @media screen and (max-width:767px) { .tel_con h2{ padding-left:70px;} .tel_con img{ margin-right:0;} } @media screen and (max-width: 480px) { .banner_nei{ height:150px !important;} .tel_con{ background-size:15%; width: 100%; margin-top: 0; margin-bottom: 30px;} .tel_con img {width:30%;} .tel_con1{ float:left !important; background-position:0 20px;} .icon ul li{ height:65px; width:30%; } .icon ul li img{ width:100%; margin:0;} } .ce { position:fixed;top:35%; right:10px;}