body,button,input,select,textarea{line-height:150%;font-family:'寰蒋闆呴粦';font-size:12px; } #topLine {border-top:1px solid #cccccc;border-bottom:1px solid #ffffff;margin:10px 0px;} h1,h2,h3,h4,h5,h6{font-size:100%;} address,cite,dfn,em,var{font-style:normal;} ul,ol,li{list-style:none;} a{text-decoration:none;color:#333;} a:hover{text-decoration:underline;} fieldset,img{border:0;} *{ margin:0; padding:0;} .note h3{ font-weight:normal;font-size:14px; margin:0px;line-height:36px;height:36px;padding:0 px; } .mname2{font-size:10px;display:block;padding-top:5px} .Menu ul li{float:left} body{ background:#fff; color:#333;min-width:1200px;font-family:'寰蒋闆呴粦';} a{ text-decoration:none !important} table{ border-collapse:collapse; border-spacing:0; border:0; width:100%;} table td{ vertical-align:middle;} table em{ color:#f00;} p{text-indent:0px;margin:5px;} .left{ float:left} .right{ float:right} .clearfix{ clear:both; font-size:0; height:0;} .clear:after{ content:'\20'; display:block; height:0; clear:both;} .clear{zoom:1;} .hide{ display:none;} .yes{ background:url(images/icon/yes.gif) center center no-repeat;} .font26 {font-size:26px;font-weight:normal;margin-bottom:15px; clear:both} .font22 {font-size:22px;font-weight:normal;margin-bottom:15px;} .marg {margin:40px auto !important;} .pad {padding:30px !important;box-sizing:border-box;} .bgf {background:#fff !important} .bg4 {background:#444 !important} .co3 {color:#333 !important} .c_hot {background:#fff;color:#333 !important} /* *************** some usefull settings *************** */ /*=== common input style ===*/ .input {padding:8px; font-weight:500;font-size:18px;border:1px solid #ccc} .inputbox,.textarea{ border:none; } .inputbox{ height:32px; box-sizing:border-box;font-size:18px; border:1px solid #ccc;font-family:microsoft yahei;padding:0 5px} .textarea{ overflow:auto;} option{ border:1px solid #bbb;} /*=== common button style ===*/ .button{ border:none; margin-top:5px; width:140px; height:36px;color:#fff;font-size:14px;cursor:pointer;} .bt{ border:none; cursor:pointer; text-align:center; font-size:12px; background:none;} .bts{width:130px; height:50px; color:#fff;background:#c00;float:left;font-size:16px; font-family:Microsoft YaHei;} .bts1{ background-color:#A6E3FC;border:1px solid #75C5E7;width:126px; height:32px; color:#fff;font-size:14px;margin:20px 32% 20px auto;} .bts1:hover {background:#75C5E7;} .bts2{ background:url(images/btns/bts2.gif) no-repeat; width:69px; height:22px; color:#fff;} .bts3{ background:url(images/btns/bts3.gif) no-repeat; width:51px; height:24px; color:#fff;} .bts4{ background:url(images/btns/bts4.gif) no-repeat; width:51px; height:24px; color:#fff;} .bts5{ background:none; border:0;color:#666;cursor:pointer;font-size:14px;outline:none} .bts5:hover {color:#c00} .bts6{ background:#c00; width:66px; height:28px; color:#fff;border:none;cursor:pointer;outline:none} .bts6:hover { background:#f00;} .bts7{ background:url(images/btns/bts7.gif) no-repeat; width:75px; height:25px; color:#fff;} .bts8{ background:#c00; width:101px; height:29px; color:#fff;margin:10px} .bts9{ background:url(images/btns/bts9.gif) no-repeat; width:51px; height:24px; color:#fff;} .bt_search{ background:#c00; color:#fff;font-size:22px;margin-top:10px} .bt_search:hover {background:#f00} .bt_detail{ background:url(images/btns/bt_detail.jpg) no-repeat; width:68px; height:22px; color:#fff; padding-top:2px;} .bt_buy{ background:url(images/btns/bt_buy.jpg) no-repeat; width:68px; height:22px; color:#fff; padding-top:2px;} .ico_info{ background:url(images/btns/info.gif) no-repeat; padding-left:16px; margin-right:8px; color:#0066CC} .ico_view{ background:url(images/btns/view.gif) no-repeat; padding-left:16px; margin-right:8px; color:#0066CC} /*=== common table style ===*/ .form,.table{ margin-bottom:10px;} .form em , .table em{ color:red;margin-left:7px} /* Form Style */ .form td{ padding:8px;line-height:1.4;color:#000;font-size:14px;} /* Table Style */ .table{ border-top:1px solid #eee; border-left:1px solid #eee; background:#FFF; } .table td{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:4px;} .table .tBar{ font-weight:normal; font-size:14px; height:40px; line-height:40px; color:#333;font-size:22px;background:#ddd} .table .mBar{font-size:20px;color:#000;font-weight:bold;} .table .tBg{ background:#f4f4f4;} .table .tInfo td{ padding:15px; line-height:2.2; vertical-align:top;} .table .tInfo h3{ font-size:14px; display:block; text-align:center;} /* In Table */ .intable {border:none;background:#fff;text-align:center} .intable td{ border-bottom:1px solid #f4f4f4; border-right:1px solid #efefef; padding:5px; vertical-align:middle;line-height:3;} .intable .trbg{ background:#fcfcfc;} /* Out Table */ .outtable{ background:#fff; border:1px solid #eee; margin-top:10px;} .outtable td{ vertical-align:top; padding:5px; width:30%;} /*=== common font style ===*/ /*format*/ .big{ font-size:18px !important;line-height:3;color:#555} .small {font-size:11px;} .b{ font-weight:600;} .i{ font-style:italic;} .u{ text-decoration:underline;} /*=== Alignment class ===*/ .tal{ text-align:left;} .tac{ text-align:center;} .tar{ text-align:right;} .vat{ vertical-align:top;} .vam{ vertical-align:middle;} .vab{ vertical-align:bottom;} .t_bt {color:#000; font-family:microsoft yahei} .c00 {color:#c00} .ys_bt {font-size: 24px;font-weight:normal; margin:0 auto; color: #000; width: 1200px; text-align: left; margin-bottom: 20px; margin-top:-15px;} .ban_a{float:left;width:165px;margin-left:5px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:24px;border:1px solid #fff;border-radius:5px;position:absolute;left:50%;margin-left:-580px;top:200px;} .ban_a:hover{background:#c00;border:1px solid #c00;color:#fff;} .page{width:100%;border:0px solid #ccc;} .wid1190{ width:1200px; margin:0 auto; position:relative; } #head{border-bottom:0px solid #ccc;margin-bottom:0px;padding:0px 0 0 0px;} #header{} #header h1{text-align:left;float:left;} #header h1 img{ vertical-align:middle;margin-right:10px;} #foot{margin-top:0px;border-top:0px solid #ccc;font-size:12px;} .head{height:216px} .middle{min-height:600px;height:1021px} .foot{height:388px} .otherdrag{width:100%;position:absolute; height:100px; /* Adding a CSS3 shadow below the note, in the browsers which support it: */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .footer .note h3{font-size:16px;} .footer p{margin:20px auto;text-align:center;} .main{ margin:0px auto;position: relative;text-center;} .main1{ margin:0px auto;position: relative;text-center;} #footer a{color:blue ;;} #footer li{padding:5px;} .note{width:300px;position:absolute; height:58px; /* Adding a CSS3 shadow below the note, in the browsers which support it: */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; z-index:1; } #footer .note{overflow:hidden;} #middle .note{width:150px;position:absolute; height:58px; /* Adding a CSS3 shadow below the note, in the browsers which support it: */ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .newslist{margin:15px 0px;} .newslist li{border-bottom:1px dotted #ccc;margin-bottom:10px;line-height:32px; height:32px;width:100%} .newslist li .date{ float:right;font-size:12px;color:#666} .newslist li .newstitle{font-size:14px;font-weight:normal;} .content1{ width:100%;height:800px;overflow-y:scroll;padding:10px 0; margin-bottom:20px; scrollbar-base-color:#eee; scrollbar-3dlight-color:#eee; scrollbar-face-color:#eee; scrollbar-darkshadow-color:#eee; scrollbar-highlight-color:#eee; scrollbar-shadow-color:#eee; scrollbar-arrow-color:#ccc; SCROLLBAR-TRACK-COLOR:#eee; } .yellow{border:1px solid #ddd;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .yellow h3{border-left:0px solid #f00;padding:2px 10px;margin:0px auto;color:#333;background:#f6f6f6 url() repeat-x;border-bottom:0px solid #ccc;height:35px;line-height:35px;border-bottom:1px solid #ddd;font-size:18px;font-weight:normal;} .blue{background-color:#fff;border:1px solid #ddd;} .blue h3{margin:10px auto;width:95%;color:#333;background:url() repeat-x;border-bottom:0px solid #ccc;height:35px;line-height:35px;border-bottom:1px solid #ddd;font-size:18px;font-weight:normal;} .green h3{background:url(../../images/img_06.jpg) repeat-x;padding-left:0px;font-family:'寰蒋闆呴粦';} .green h3 span{padding-right:10px;} .green .left-span{border-left:0px solid #c00;padding:1px 10px;background:#fff;font-size:18px;font-weight:normal;margin:0px;height:35px;line-height:35px} .none_border{border:0px solid #ff9933;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} .none_borde h3 .left-span{font-weight:normal;font-size:16px} .no_title{border:1px solid #ff9933;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .banner{width:100%;overflow:hidden;zoom:1; background:#ccc} .banner img{} /*******************鍐呴潰 banner**********************/ .banner_box {overflow:hidden;margin:0 auto;} .z_banner {position:relative;margin:0 auto;text-align:center; } .z_banner li {position:relative;top:1px;margin:0 auto;text-align:center;} .z_nav {position:absolute;z-index:10;left:45%;top:250px;margin-left:-25px; border-radius:5px;background:#eee; height:16px;text-aligh:center;line-height:16px;width:130px;filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; } .z_nav li {z-index:12;float:left;width:12px;height:12px;border-radius:100%;background:#ffffff;margin-left:12px;margin-top:2px;} .z_on {background:#ff9966 !important;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .z_banner li img{height:100%;} .prev{ background:#333 url(prev.gif) center center no-repeat; top:100px; left:0px;width:60px; height:60px; position:absolute; cursor:pointer;z-index:20; alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .next{ background:#333 url(next.gif) center center no-repeat; top:100px;right:0px; width:60px; height:60px; position:absolute; cursor: pointer;z-index:20; -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; alpha(opacity=50); } .prev:hover{ background:#000 url(prev.gif) center center no-repeat; float:left; width:60px; height:60px; position:absolute; cursor:pointer;z-index:20; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; alpha(opacity=80); } .next:hover{ background:#000 url(next.gif) center center no-repeat; float:right; width:60px; height:60px; position:absolute; cursor: pointer;z-index:20; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; alpha(opacity=80);} /*! laypage榛樿鏍峰紡 */ .laypage_main a, .laypage_main input, .laypage_main span { /* height: 36px; line-height: 36px;*/ } .laypage_main button, .laypage_main input, .laypageskin_default a { border: 1px solid #333; background-color: #fff; border-radius: 4px; height:18px } /*涓诲鍣?/ .laypage_main { font-size: 0; clear: both; color: #000; text-align: center; } .laypage_main * { display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size: 12px } .laypage_main a { text-decoration: none; color: #000; } .laypage_main a, .laypage_main span { margin: 0 3px 6px; text-align: center; border-radius: 2px; padding: 3px 8px; } .laypage_main .laypage_total { width: auto; color: #636363; padding-left: 0; } .laypage_main .laypage_total .total-page-desc { padding: 0 6px; } .laypage_main input { width: 25px; margin: 0 5px; padding: 4px 12px; margin-top: 0px; } .laypage_main button { /* height: 45px; line-height: 45px;*/ margin-left: 5px; padding: 9px 12px; color: #9f9f9f; cursor: pointer; margin-top: -9px; } .laypage_main button:hover { background-color: #f7f7f7; } .laypageskin_default span { /* height: 43px; line-height: 43px;*/ color: #9f9f9f; } /*褰撳墠鎸夐挳*/ .laypageskin_default .laypage_curr { font-weight: 700; color: #fffffd; background-color: #4a9ced; } .laypageskin_default .laypage_prev, .laypageskin_default .laypage_next { width: 37px; } .laypageskin_default a:hover { background-color: #f7f7f7; } .laypageskin_default .disabled:hover { background-color: #fff; } .laypageskin_default .disabled { cursor: not-allowed; } #buttonMain{text-align:center;} #buttonMain a{/*background:url(images/button_back.png) center top no-repeat;*/display:block;float:left;text-align:center; vertical-align: bottom;width:25%;margin:15px auto 15px auto;color:#333} #buttonMain a span{width:248px;height:280px;margin:10px auto 10px auto;display:block;background-color:#ccc;border:5px solid #fff ; } #buttonMain {clear:both;} /*#buttonMain a{min-width:100px;}*/ #icons_domain {background:url(images/icon_domain.png);background-size:80px 80px;} #icons_vhost{background:url(images/icon_vhost.png);background-size:80px 80px;} #icons_mohost{background:url(images/icon_mohost.png);background-size:80px 80px;} #icons_email{background:url(images/icon_email.png);background-size:80px 80px;} #icons_sms{background:url(images/icon_sms.png);background-size:80px 80px;} #icons_nicebox{background:url(images/icon_nicebox.png);background-size:80px 80px;} #icons_400{background:url(images/v8/400.png);background-size:80px 80px;} #icons_contact{background:url(images/icon_contact.png);background-size:80px 80px;} #icons_news{background:url(images/icon_news.png);background-size:80px 80px;} #icons_pay{background:url(images/icon_pay.png);background-size:80px 80px;} #icons_whois{background:url(images/icon_whois.png);background-size:80px 80px;} #icons_promotion{background:url(images/icon_promotion.png);background-size:80px 80px;} #buttonMain .pay_a,#buttonMain .whois_a,#buttonMain .sale_a{margin-bottom:20px;} .flexslider { margin: 0px auto 0px; width:100%; height:100%; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../../jiaoben3555/images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 20px; } .flex-direction-nav .flex-prev { left: 20px; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../../jiaoben3555/images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height:100%; display: block; } .mbx{width:20px;height:20px;background:url(http://pmt08eafd.pic33.websiteonline.cn/upload/templatefiles/z_tj67.jpg) no-repeat;border-left:0px solid #3399ff;padding-left:28px;height:20px;} .newslist{margin:15px 0px;} .newslist li{border-bottom:1px dotted #ccc;margin-bottom:10px;line-height:32px; height:32px;width:100%} .newslist li .date{ float:right;font-size:12px;} .newslist li .newstitle{font-size:14px;font-weight:normal;} .ms0 li{padding:0;border:0px;border-bottom:1px dashed #ccc;width:95%;margin:0 auto;} .ms0 .new_img{margin-right:20px;width:170px;float:left} .ms0 .newstitle{font-size:13px;float:left;color:#555;} .ms8 li{height:380px;margin-top:0px;padding:20px;border:0px;border:0px solid #ccc;float:left} .ms8 li .new_img{width:170px;height:110px;border:0px solid #ddd} .ms8 li .newstitle{font-size:16px;margin:5px 0px;} .ms8 li .date{color:#666;float:left;} .ms8 li .con{color:#666;} .ms10 li{height:95px;margin:15px;padding:0;border:0px;border-bottom:1px dashed #ccc;width:98%;font-size:14px} .ms10 li .new_img{margin-right:20px;width:121px;height:70px;float:left} .ms10 li .newstitle{font-size:18px;margin:15px 0px;background:url(/ueditor/php/upload/image/20170929/1506653298112816.gif) no-repeat top right ;padding-right:28px} .ms10 li .date{float:left;color:green;} .ms10 li .con{color:#666;} .ms2 li .newstitle{font-size:14px;color:#333;} .ms2 li{border-bottom:0px solid #eee;padding-bottom:2px} .ms2 li{margin-bottom:0px;line-height:23px; height:23px;width:100%} .ms2 .first{height:127px;border-bottom:1px solid #eee;margin-bottom:20px;} .ms2 .first .newstitle{font-size:16px;color:#333;height:40px} .ms2 li .newstitle{font-size:13px;color:#555} .ms2 .new_img{width:111px;height:70px;float:left;margin-right:15px;} .ms2 .date{color:#999} .ms3 li{float:left;border:1px solid #ccc;height:210px;width:270px;margin:10px;padding:0} .ms3 li .new_img{float:left;margin-right:0px;display:block;width:99%;height:160px} .ms3 li .newstitle{font-size:14px;margin:15px;display:block;} .ms4 li{float:left;border:1px solid #ccc;height:200px;width:270px;margin:10px;padding:0} .ms4 li .new_img{display:block;width:265px;height:195px} .ms4 li .newstitle{font-size:13px;margin:2px;display:block;} .csstable {border:1px solid #ccc;margin-bottom:10px;line-height:220%;border-right:1px solid #eee;border-bottom:1px solid #eee;} .csstable td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:3px 5px 3px 5px;} .csstable .bar{font-weight:bold;background:url(images/bar.png);} .csstable .s{background:#eee;} .wrap .fl{float:left;} .wrap li{float:left;width:19%;border-right:0px solid #ccc;text-align:center;}