body,button,input,select,textarea{line-height:150%;font-family:'微软雅黑'; }
#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-size:14px; margin:0px;line-height:36px;height:36px;padding:0 px; }


.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 }
.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:1100px;
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:140px}
.middle{min-height:600px;height:1021px}
.foot{height:108px}
.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:95%}
.newslist  li .date{ float:right;font-size:12px;color:#666}
.newslist li .newstitle{font-size:14px;font-weight:normal;}
.content1{ max-width:960px;max-height:1000px;overflow-y:scroll;overflow: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;


border-radius:5px 5px 0 0; -moz-box-radius:5px 5px 0 0; -webkit-box-radius:5px 5px 0 0;

moz-box-shadow:0px 5px 5px #ddd; /* Firefox */
  -webkit-box-shadow:0px 5px 5px #ddd; /* Safari 和 Chrome */
 box-shadow: 0px 5px 5px #ddd; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */


}
.yellow h3{border-left:0px solid #f00;padding:2px 10px;margin:0px auto;color:#fff;background:#f4f4f4 url(cpzx.png?id=d2d23) no-repeat left top;border-bottom:0px solid #ccc;height:35px;line-height:35px;border-bottom:0px solid #ddd;font-size:16px;font-weight:normal;}
.yellow  .right-span a{color:#cc0000;float:right;font-weight:normal;font-size:14px;cursor:default;}
.blue{background-color:#fff;border:0px solid #ddd;}
.blue h3{margin:10px auto;width:100%;color:#333;background:url(1221.png?id=dd22) no-repeat left bottom;border-bottom:0px solid #ddd;height:35px;line-height:35px;font-size:15px;font-weight:bold;}
.blue .right-span {color:#cc0000;float:right;font-weight:normal;font-size:12px;cursor:default;}
.blue .right-span a{color:#cc0000;}
.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:4px solid #c00;padding:1px 10px;background:#fff;font-size:16px;font-weight:normal;margin:0px;height:35px;line-height:35px}
.green  .right-span a{color:#cc0000;float:right;font-weight:normal;font-size:12px;cursor:default;}
.none_border{border:0px solid #ff9933;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.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: 43px;
    line-height: 43px;*/
}

.laypage_main button,
.laypage_main input,
.laypageskin_default a {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
}


/*主容器*/

.laypage_main {
    font-size: 0;
    clear: both;
    color: #636363;
    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: #9f9f9f;
}

.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: 7px 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:150px;height:150px;margin:10px auto 10px auto;display:block;background-color:#ccc;border:5px solid #fff ;border-radius: 100%;

　-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
　　border-color:rgba(141,39,142,.75);
　　-webkit-box-shadow:0 0 18px rgba(111,1,32,3);
box-shadow:0px 0px 8px #ccc;
}

#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{border-left:5px solid #006600;padding-left:10px;height:15px;}
.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;}
.ms0 .date{float:right;font-size:12px;color:#666}
.ms3 li{float:left;border:1px solid #ccc;height:200px;width:270px;margin:15px;padding:0}
.ms3 .new_img{display:block;width:99%;height:160px}
.ms3 .newstitle{font-size:13px;margin:15px;display:block;}

.ms4 li{float:left;border:1px solid #ccc;height:160px;width:200px;margin:30px;padding:0}
.ms4 .new_img{display:block;width:200px;height:160px}
.ms4 .newstitle{font-size:13px;margin:15px;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:1px solid #ccc;text-align:center;height:228px}
