@charset "utf-8"; /* CSS Document */ /* 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; } i { margin-right:6px;} .line { border-bottom: #ddd solid 1px; height: 0; padding-top: 10px; } .line_120 { border-bottom: #ddd solid 1px; height: 0; margin-bottom: 50px; } .dot01 { background: url("../images/dot01.png") /*tpa=http://www.setisz.com/template/st/images/dot01.png*/ left center no-repeat; padding-left: 28px; font-size:18px; text-align:left; } .dot02 { background: url("../images/dot02.png") /*tpa=http://www.setisz.com/template/st/images/dot02.png*/ left center no-repeat; padding-left: 28px;font-size:18px; text-align:left; } .dot03 { background: url("../images/dot03.jpg") /*tpa=http://www.setisz.com/template/st/images/dot03.jpg*/ left center no-repeat; padding-left: 28px;font-size:18px; text-align:left; } .dot04 { background: url("../images/dot04.png") /*tpa=http://www.setisz.com/template/st/images/dot04.png*/ left center no-repeat; padding-left: 30px; } .dot05 { background: url("../images/dot05.png") /*tpa=http://www.setisz.com/template/st/images/dot05.png*/ left center no-repeat; padding-left: 30px; } h2 { font-size: 24px;text-align:center; font-weight: bold; } h3 { font-size:20px; text-align:center; font-weight: bold; } h4 { font-size:18px;text-align:center; font-weight: bold; } .more { float: right; color: #d60b18; padding-right: 20px; } /*service*/ .section-title { width: 100%; 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; } .single_blog:hover .blog_img img { } .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: 235px; } .blog_content h2, .vedio h2 { font-size: 18px; line-height: 24px; text-align: left; } .blog_content h3 { color: #999; line-height: 24px; background: url("../images/00_03.jpg") /*tpa=http://www.setisz.com/template/st/images/00_03.jpg*/ 0 8px no-repeat; padding-left: 20px; font-size: 16px; text-align:left; margin-bottom:10px; } .blog-meta { width: 40px; height: 3px; margin: 20px 0; background: #d41e1b; } .tel { margin: 50px auto 0; } .tel_con { background: url("../images/00_11.jpg") /*tpa=http://www.setisz.com/template/st/images/00_11.jpg*/ 30px 10px no-repeat; } .tel_con1 { background: url("../images/00_08.jpg") /*tpa=http://www.setisz.com/template/st/images/00_08.jpg*/ 30px 10px no-repeat; } .tel_con h2 { padding-left: 150px; line-height: 48px; font-size: 30px; margin-right: 30px; padding-top: 20px; } .icon { margin: 30px 0; } .vedio img { width: 100%; } .shipin { 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: 15px 0; } .spr1 { padding: 25px; background: #fff; box-shadow: 0 5px 8px #999; border-radius: 30px; margin-bottom: 20px; border: 1px solid #ccc; } .spr1 hr { width: 80px; height: 1px; background-color: #ccc; margin: 15px 0; } .icon h3 { text-align: center; margin: 15px 0; } .icon hr { width: 300px; height: 2px; background: #d60b18; } .icon p { text-align: center; margin: 30px; } .icon img { width: 100%; margin: 20px 0; } .banner_nei { width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; } /*main*/ .main { margin: 0 auto 30px; overflow: hidden; } .main_home { padding: 50px 0; } .main_home_news { overflow: hidden; } .main_home_news ul.news_list { padding-top: 20px; } .main_home_news ul.news_list li { height: 28px; line-height: 28px; font-size: 14px; overflow:hidden } .main_home_server { overflow: hidden; } .main_home_server ul.news_list { padding-top: 20px; } .main_home_server ul.news_list li { margin:0 10px 26px 0; float: left; font-size: 14px; } .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") /*tpa=http://www.setisz.com/template/st/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") /*tpa=http://www.setisz.com/template/st/images/home_server_bg.png*/ 0 -42px no-repeat; } .main_home_contact { overflow: hidden; } .main_home_contact .main_home_contact_1 { /*background:url(../images/home_contact_bg.png) center no-repeat; */ padding-top: 20px; font-size: 14px; } .main_home_contact_1 p { margin:0; line-height:20px;} .main_home_contact_1 ul li:nth-child(1) { background: url("../images/lianxi_23.png") /*tpa=http://www.setisz.com/template/st/images/lianxi_23.png*/ left center no-repeat; padding: 10px 5px 10px 30px } .main_home_contact_1 ul li:nth-child(2) { background: url("../images/lianxi_26.png") /*tpa=http://www.setisz.com/template/st/images/lianxi_26.png*/ left center no-repeat; padding: 5px 5px 5px 30px } .main_home_contact_1 a { color: #d60b18; padding-left: 20px; } ..main_home_contact_1 a:hover { color: #333; } /*main_about*/ .main_about { margin: -25px auto 25px auto; overflow: hidden; z-index: 1; position: relative; } .main_about_l { } .main_about_l_title { background: #d60b18 url("../images/about_l_bg.png") /*tpa=http://www.setisz.com/template/st/images/about_l_bg.png*/ center bottom no-repeat; text-align: center; 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; width: 800px; line-height: 30px; margin: 10px auto; overflow: hidden; } .main_about_r_content ul li h2 { color: #d41e1b; 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, .lx-r{ width: 50%;} .lx_l h3 { font-size: 24px; margin: 10px 0; color: #d41e1b; text-align: left; } .lx_l h5 { font-size: 18px; } .lx-r .lxicon { background: url("../images/lianxi_23.png") /*tpa=http://www.setisz.com/template/st/images/lianxi_23.png*/ no-repeat; padding-left: 32px; margin: 10px 0; } .lx-r .lxicon1 { background: url("../images/lianxi_26.png") /*tpa=http://www.setisz.com/template/st/images/lianxi_26.png*/ no-repeat; } .lx-r .lxicon2 { background: url("../images/lianxi_28.png") /*tpa=http://www.setisz.com/template/st/images/lianxi_28.png*/ no-repeat; } /*main_server*/ .main_server { /*padding: 20px;*/ overflow: hidden; } .main_server_here { margin: 10px 0 } .main_server ul.main_news_sort { /*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") /*tpa=http://www.setisz.com/template/st/images/news_bg.png*/ center no-repeat; } .main_server_1 { 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;}*/ .box-content { } .con-img img { max-width:100%} .mgt-50 { margin-top:50px;} .box-content ul.box-content_sort { text-align: center;border-bottom:1px #ccc solid; position:relative; } .box-content ul.box-content_sort li { display: inline-block; padding:0 30px; } .box-content ul.box-content_sort li a { display: inline-block; font-size: 16px; color: #555; padding: 0 10px; line-height: 80px; height: 80px; } .box-content ul.box-content_sort li a.on, .box-content ul.box-content_sort li a:hover { color: #d60b18; border-bottom: #d60b18 solid 3px; } .box-content ul.box-content_sort li .info_menu3 { position:absolute;top:120px; left:0px; width:100%;} .box-content ul.box-content_sort li .info_menu3 a { color: #333; background:#ccc; padding: 20px 50px; margin: 0 20px; line-height: normal; height: auto; border-radius: 40px;} .box-content ul.box-content_sort li .info_menu3 .on, .box-content ul.box-content_sort li .info_menu3 a:hover { color: #fff; background:#c00;border:none } .dis-d { display:block} .dis-n { display:none} .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") /*tpa=http://www.setisz.com/template/st/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") /*tpa=http://www.setisz.com/template/st/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 { margin-top: 10px; overflow: hidden; font-size:14px; height:110px } .main_server ul.server_list li p a.btn { width: 82px; height: 26px; display: inline-block; line-height: 26px; text-align: center; padding:0; color: #fff; background: url("../images/server_bg.png") /*tpa=http://www.setisz.com/template/st/images/server_bg.png*/ 0 0 no-repeat; } .main_server ul.server_list li p a:hover.btn { background: url("../images/server_bg.png") /*tpa=http://www.setisz.com/template/st/images/server_bg.png*/ 0 -27px no-repeat; } /*main_news*/ .main_news { /*padding: 20px;*/ overflow: hidden; margin-top:50px; } .main_news .mrb-30 ul { display: inline-block; } .main_news .mrb-30 ul li { float:left} .main_news .mrb-30 ul li:nth-child(1) { margin-right:20px;} .main_news1 { padding: 0; } .zeren { margin:30px 10px;} .zeren ul li { margin-bottom: 20px; list-style: disc; margin-left: 20px; } .main_news h3 { text-align:center; line-height:40px; } .line-bot { border-bottom:1px #ccc solid; padding-bottom:10px; margin-bottom:10px;} .line-bot-c00 { border-bottom:1px #c00 solid; padding-bottom:10px; margin-bottom:10px;} .server-con { margin-top:50px; display: inline-block;} .server-con ul li { float:left; width:33.333333333%; padding:0 15px;} .server-con .server-img { text-align:center} .server-con .server-text { margin:20px 0} .server-con .server-text h3 { color:#c00; margin-bottom:20px;} .main_news ul.main_news_sort li{ border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; display: inline-block; width:100% } .main_news ul.main_news_sort li:last-child { border:none} .mrb-30 { text-align:center; margin:10px 0 30px 0; color:#999;} /*.main_news ul.main_news_sort li a:hover{color:#fff; background:url(../images/news_bg.png) center no-repeat;}*/ .main_news .main_news_sort li h4 {background: url("../images/dot01.png") 0 no-repeat; padding-left: 30px; line-height: 24px; margin-bottom: 10px; text-align:left; margin-top:0;} .main_news_sort li span { display: inline-block; color: #999; font-weight: normal; float: right; font-size: 14px;} .main_news ul.main_news_list { 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/dot01.png") /*tpa=http://www.setisz.com/template/st/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") /*tpa=http://www.setisz.com/template/st/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: 800px; ; margin: 0 auto 20px; overflow: hidden; } .jsicon { width:13%} .jsicon img { padding-top: 5px; text-align:center; margin: 0; } .jstext { width: 87%; text-align:center; } .jstext h3 { color: #d60b18; font-size: 20px; } .jstext h5 { font-size:16px; margin-top:15px;} .eng { color: #f9d1bf; display: block; font-size: 36px; } .yd { overflow: hidden; } .yd h5 { font-size: 18px; line-height:30px; font-weight: normal; } } .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: 800px; 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 { overflow: hidden; background: #d60b18; } .bottom_1 { margin: 0 auto; } .bottom_1_cpr { color: #fff; font-size: 14px; } .bottom_1_cpr a { color: #fff; margin-right: 10px; } .bottom_1 img { vertical-align: middle; height: 35px; } /*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") /*tpa=http://www.setisz.com/template/st/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") /*tpa=http://www.setisz.com/template/st/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") /*tpa=http://www.setisz.com/template/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") /*tpa=http://www.setisz.com/template/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") /*tpa=http://www.setisz.com/template/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") /*tpa=http://www.setisz.com/template/images/dialog_icons.gif*/ ; background-position: 0px 0px; } .dialog_ico_yes { width: 48px; height: 48px; background-image: url("../../images/dialog_icons.gif") /*tpa=http://www.setisz.com/template/images/dialog_icons.gif*/ ; background-position: -50px 0px; } .dialog_ico_info { width: 48px; height: 48px; background-image: url("../../images/dialog_icons.gif") /*tpa=http://www.setisz.com/template/images/dialog_icons.gif*/ ; background-position: -100px 0px; } .dialog_ico_ask { width: 48px; height: 48px; background-image: url("../../images/dialog_icons.gif") /*tpa=http://www.setisz.com/template/images/dialog_icons.gif*/ ; background-position: -150px 0px; } .dialog_ico_stop { width: 48px; height: 48px; background-image: url("../../images/dialog_icons.gif") /*tpa=http://www.setisz.com/template/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; } #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; } .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: 200px !important; background-size: 180% 80%; } .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: 92%; margin: 10px 4%; } .main_server{ padding: 0 10px; margin-top: 0 !important;} .main_server ul.server_list img { width: 100%; height: auto; } .main_server ul.main_server_sort { text-align: center; } .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; margin: 0 4%; } .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; width: 100%; } .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: 80%; } .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; overflow: hidden; } .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; } .box-content ul.box-content_sort li a{ line-height: 40px; height: 40px; min-width: 128px; } .main_about_r_content img { width: 100%; } .box-content ul.box-content_sort li .info_menu3{ top: 90px;} .main_about_r_content ul li img{ width: auto;} } @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 } .box-content ul.box-content_sort li .info_menu3 a { padding: 10px 20px; margin: 10px 5px; border-radius: 25px; } } @media screen and (max-width:767px) { .tel_con h2 { padding-left: 70px; } .tel_con img { margin-right: 0; } .lx_l, .lx-r{ width: 100%;} } @media screen and (max-width: 480px) { /* .banner_nei { height: 150px !important; }*/ .tel_con { 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; } .main_home_contact_2{ position: absolute; right: 20px; bottom: 0;} } .ce { position: fixed; bottom: 10%; right: 10px; } /* 分页及上下页开始 */ #page { margin:10px 0px; display:inline-block; width:100%;} #page ul{margin:0} #page li{list-style:none;float:left;margin-left:2px;display:inline;width: auto;} #page li A{display:block;font-size:14px;border:solid #CCCCCC 1px;text-decoration:none;width: auto;text-align: center;display: inline;vertical-align: middle; padding:5px 10px;margin:2px;float: left;} #page li A:hover{;border:solid #990000 1px; cursor:pointer} #page li b{display:inline;padding:5px 10px;margin:2px;vertical-align: middle;width: auto;float: left;border:solid #990000 1px;display: inline;} .next { padding:10px 0; border-top:1px #ccc solid; margin-top:50px;} .next a { margin:5px 0 ; display:block;} .back { display:block; text-align:right; margin:10px; } /* 分页及上下页结束 */ .col-10, .col-15, .col-20, .col-25, .col-30, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90 { float:left; padding:0 15px;} .col-10 img, .col-15 img, .col-20 img, .col-25 img, .col-30 img, .col-35 img, .col-40 img, .col-45 img, .col-50 img, .col-55 img, .col-60 img, .col-65 img, .col-70 img, .col-75 img, .col-80 img, .col-85 img, .col-90 img img { max-width:100%} .col-10 { width:10%;} .col-15 { width:15%;} .col-20 { width:20%;} .col-25 { width:25%;} .col-30 { width:30%;} .col-35 { width:35%;} .col-40 { width:40%;} .col-45 { width:45%;} .col-50 { width:50%;} .col-55 { width:55%;} .col-60 { width:60%;} .col-65 { width:65%;} .col-70 { width:70%;} .col-75 { width:75%;} .col-80 { width:80%;} .col-85 { width:85%;} .col-90 { width:90%;} .mgt-50 { margin-top:50px;} .mgt-150 { margin-top:150px;} .main_con { margin-top:30px;} @media screen and (max-width:992px) { .col-25 { width:100%; margin-bottom: 10px;} .col-75 { width:100%; margin-bottom: 10px;} .col-75 p { font-size: 12px;} .main_news_sort li span{ display: block; float: none;} .main_con{ padding: 0 10px; font-size: 14px;} .main_con img{ width: 100%;} .next{ padding: 10px;} .main_con table { width: 100% !important; table-layout: fixed;} .box-content ul.box-content_sort li { padding:0} }