/*  
Theme Name: 101percent_2.0
Theme URI: http://www.ta0.net
Description: 企业产品类展示网站
Version: 2.0
Author: 浩轩科技
Author URI: http://www.ta0.net
*/
/*全局样式*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}
body {
	font-size:13px;
	line-height:1.8em;
	font-family:"微软雅黑",Arial, Helvetica, Tahoma, sans-serif;
	color:#666;
	background:#fff;
	
}
h1, h2, h3, h4, h5, h6, b, strong {
	font-weight:bold;
}
img {
	border:none;
}
.siteWidth {
	width:1000px;
	min-height:280px;
	margin:0 auto;
	display:block;
}
.home .siteWidth{width:1100px !important;}
.footer.siteWidth{width:1082px !important;}
li{list-style:none;}

a{color:#666;text-decoration:none;}
li:hover,a:hover {
	color:#dd0033;
	text-decoration:none;
	-webkit-transition: width .5s ease-in-out, background .58s linear,color .5s linear; 
        transition:width .5s ease-in-out, background .5s linear,color .5s linear; 
}

div#mainContent p a{
	color:#dd0033;
}

.abso{position:absolute;}
.cb {
	clear:both;
}

#header{
	width:100%;
	height:90px;
	overflow:hidden;
}

#hm_search {
	float:right;
	margin-top:11px;
}
#hm_search #s {
	background:url(../images/inputbg.gif) repeat-x;
	height:42px;
	width:392px;
	border:0;
	outline:none;
}
#hm_search span {
	display:block;
	background:url(../images/inputleft.gif) repeat-x;
	width:8px;
	height:42px;
	float:left;
}
#top_searchform {
	display:block;
	float:left;
}
#top_searchsubmit {
	background:url(../images/topsearch.gif) no-repeat;
	width:75px;
	height:42px;
	border:0;
	cursor:pointer;
}
#top_searchform input {
	display:block;
	float:left;
}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{  background:rgba(252,252,252,0.8); color:#fff; position:fixed;z-index:100;top:0px;left:0;width:100%;border-bottom:1px solid #e4e4e4;}
	.nav{ width:1100px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
	.nav h3{ font-size:100%; font-weight:normal; font-size:14px;  }
	.nav .m{  position:relative; float:left; width:76px;height:90px;line-height:90px; margin:0 10px; display:inline; text-align:center;   }
	.nav .m h3 i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; 
		vertical-align:middle; filter:alpha(opacity=50);opacity:0.5; 
		display:none;	
}
	.nav h3 a{  zoom:1;  height:16px; line-height:16px; padding:37px 0;  display:block; color:#000 }
	.nav .on h3 a{padding:36px 0 16px 0;  border-bottom:2px solid #dd0033; text-decoration:none;  }
	.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;  }
	.nav .sub{ display:none;  width:108px; padding:10px 0;  position:absolute; left:-10px; top:90px;  background:#eee;  line-height:30px; 
	}
	.nav .sub li{ text-align:center;  }
	.nav .sub li a{ color:#333; display:block; zoom:1;}
	.nav .sub li a:hover{  background:#ddd; color:#dd0033;   }
	.nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:15px 29px; line-height:26px;  }
	.nav .sub dl a:hover{ color:#dd0033;  }
	.nav .sub dl dt a{ color:#000;  }
	.nav .sub dl dd a{ color:#999; padding-left:7px; background:url(../images/icon.png) 0 -332px no-repeat;  }

	.nav #m2 .sub{ z-index:1; width:1100px; left:-346px; }
	.nav #logo{width:230px;height:90px;overflow:hidden;float:left;}
	.nav #logo a{display:block;height:90px;}
	.nav #hotline{200px;float:right;width:190px;height:90px;line-height:90px;background:url(../images/hot-line.png) no-repeat left top;}
	.nav #hotline span{display:none;}
/*index*/
div#row-sc{width:100%;height:460px;margin-top:50px;overflow:hidden;}
.sc{height:460px;}
.block_title{width:100%;height:70px;margin-bottom:10px;overflow:hidden;text-align:center;position:relative;}
.block_more{position: absolute;top:12px;width: 22px;height: 22px;background: url(../images/more_bg.png) no-repeat;display:block;left:50%;margin-left:55px}
.block_more span{display:none;}
.sc_box{width:240px;height:320px;margin-right:15px;overflow:hidden;float:left;cursor: pointer;padding:4px;border:4px solid #f8f8f8;background:#f8f8f8;border-radius:5px;box-shadow:1px 1px 4px #ccc;}
.sc_box:hover{border:4px solid #dd0033;-webkit-transition: border-color .4s ease-in;-moz-transition: border-color .4s ease-in;-ms-transition: border-color .4s ease-in;-o-transition: border-color .4s ease-in;transition: border-color .4s ease-in; }
.sc_box h4{height:40px;font-size:20px;color:#dd0028;font-weight:normal;}
.sc_box h4 span{color:#787878;font-size:12px;margin-left:8px;}
.sc_box p{padding-top:17px;}
.sc_box img{width:240px;}

div#row-cs{width:100%;height:570px;margin-top:30px;overflow:hidden;padding:20px 0;background:#f8f8f8;}

#main{width:100%;padding:20px 0;background:#f0f0f0;min-height:400px;}
div.mainBox{background:#fff;border-radius:15px;border:1px solid #ececec;padding:40px;}

div#mainContent {
	width:700px;
	float:right;
	font-size:14px;
}

.home #mainContent a {
	color:#333;
}
#mainContent a:hover {
	color:#dd0033;
}
#mainContent #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#mainContent .Slides {
	list-style: none;
	height: 180px;
	overflow: hidden;
}
#mainContent .Slides li {
	float: left;
	width: 730px;
	height: 180px;
}
#mainContent .Slides img {
	border:0;
	display: block;
	width: 730px;
	height: 180px;
}
#mainContent .SlideTriggers {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 156px;
	right: 0px;
	z-index: 10;
	height: 25px;
}
#mainContent .SlideTriggers li {
	float: left;
	display: inline;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden;
	margin:3px 4px 3px 0px;
	background: url(../images/trigger.gif) no-repeat center center;
}
#mainContent .SlideTriggers li.Current {
	color:#fff;
	background:#FE4800;
	border:1px solid #fff;
	font-weight:bold;
	font-size: 1.4em;
	line-height: 20px;
	height: 20px;
	width: 21px;
	margin:0 6px;
}
#about_us {
	margin-top:10px;
}
#about_us img {
	width:182px;
	height:110px;
	display:block;
	float:left;
	margin-right:10px;
}

#friendLink ul {
	padding:10px;
	border:1px solid #ccc;
	border-top:none;
}



#product {
	margin-top:10px;
	overflow:hidden;
}
		#multipleColumn{ overflow:hidden; position:relative; width:100%;  }
		#multipleColumn .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
		#multipleColumn .hd .prev,#multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/icoLeft.gif") no-repeat;}
		#multipleColumn .hd .next{ background:url("../images/icoRight.gif") no-repeat;  }
		#multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		#multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		#multipleColumn .hd ul li.on{ background-position:0 0; }

		#multipleColumn .bd{overflow:hidden;  }
		#multipleColumn .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; _display:inline;  }
		#multipleColumn .bd ul li{ margin:15px 15px 15px 0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		#multipleColumn .bd ul li .pic{ text-align:center; }
		#multipleColumn .bd ul li .pic img{ width:260px; height:190px; display:block;}
		#multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
		#multipleColumn .bd ul li .title{ line-height:24px; max-width:260px; white-space:nowrap; }

div#row-about{width:100%;height:350px;padding:20px 0;overflow:hidden;background:#dd0033;}
.about_us{padding-top:150px;background:url(../images/about-bg.png) no-repeat top center;}
#a_content{width:700px;height:auto;padding-top:30px;float:left;}
#b_content{width:360px;height:auto;padding-top:50px;float:left;margin-left:40px;margin-top:20px;background:url(../images/dream-bg.png) no-repeat left top;}
#a_content p {text-indent:2em;line-height:180%;font-size:12px;color:#fff;font-family:"宋体";}	
#b_content p {text-indent:10px;line-height:180%;font-size:12px;color:#fff;font-family:"宋体";}	
#a_content img{float:left;margin:0 15px 0 0;}
#about_us #a_content a {color:#0B3B8C;}

div#row-nc{width:100%;height:350px;padding:50px 0;overflow:hidden;}
.ncc{width:300px;margin-right:40px;padding:20px 0;float:left;}
.nccd{width:400px;}
.nc_hd h3{line-height:40px;font-size:20px;color:#dd0028;font-weight:normal;}
.nc_hd h3 .mo{float:right;}
.nc_hd h3 .mo img{width:70%;height:auto;}
.nc_hd h3 .ent{font-size:12px;color:#999999;margin-left:8px;}
.nc_bd{padding-top:15px;}
.nc_bd ul.ul_list li{font-size:12px;line-height:220%;border-bottom:1px dashed #eee;padding-left:16px;background:url(../images/nc-mo.png) no-repeat left center;}
.nc_bd ul.ul_list li span.nd{float:right;}
.nc_bd ul.ul_list li a{font-size:12px;font-family:"宋体";}

div#row-cp{width:100%;height:300px;overflow:hidden;}
.block_cp{padding:20px 0;}
.block_cp ul{width:100%;height:auto;min-height:160px;}
.block_cp ul li{float:left;width:160px;height:60px;overflow:hidden;margin:0 15px 15px 0;display:block;}
li.cp1{background:url(../images/aly.jpg) no-repeat left top;}
li.cp1:hover{background:url(../images/aly-h.jpg) no-repeat left top;}
li.cp2{background:url(../images/ww.jpg) no-repeat left top;}
li.cp2:hover{background:url(../images/ww-h.jpg) no-repeat left top;}
li.cp3{background:url(../images/tx.jpg) no-repeat left top;}
li.cp3:hover{background:url(../images/tx-h.jpg) no-repeat left top;}
li.cp4{background:url(../images/west.jpg) no-repeat left top;}
li.cp4:hover{background:url(../images/west-h.jpg) no-repeat left top;}
li.cp5{background:url(../images/wx.jpg) no-repeat left top;}
li.cp5:hover{background:url(../images/wx-h.jpg) no-repeat left top;}
li.cp6{background:url(../images/zfb.jpg) no-repeat left top;}
li.cp6:hover{background:url(../images/zfb-h.jpg) no-repeat left top;}
li.cp7{background:url(../images/kdt.jpg) no-repeat left top;}
li.cp7:hover{background:url(../images/kdt-h.jpg) no-repeat left top;}
li.cp8{background:url(../images/bh.jpg) no-repeat left top;}
li.cp8:hover{background:url(../images/bh-h.jpg) no-repeat left top;}
li.cp9{background:url(../images/dnspod.jpg) no-repeat left top;}
li.cp9:hover{background:url(../images/dnspod-h.jpg) no-repeat left top;}
li.cp10{background:url(../images/cnzz.jpg) no-repeat left top;}
li.cp10:hover{background:url(../images/cnzz-h.jpg) no-repeat left top;}
li.cp11{background:url(../images/cnnic.jpg) no-repeat left top;}
li.cp11:hover{background:url(../images/cnnic-h.jpg) no-repeat left top;}
li.cp12{background:url(../images/sp.jpg) no-repeat left top;}
li.cp12:hover{background:url(../images/sp-h.jpg) no-repeat left top;}

div#row-fl{width:100%;height:180px;}
.flt{text-align:left;height:60px;line-height:60px;}
.flt h3{font-size:20px;color:#dd0028;font-weight:normal;}
.flt h3 .ent{font-size:14px;color:#999999;margin-left:8px;}
.flt h3 span.sq{float:right;font-size:14px;color:#999999;}
.flt h3 span.sq a{float:right;margin-top:5px;margin-left:5px;}
.block_fl{width:100%;height:120px;}
.block_fl span a{float:left;display:block;width:8em;line-height:220%;margin-right:20px;white-space:nowrap;overflow:hidden;}

/*sidebar*/
#sidebar {
	width:258px;
	float:left;
	border:1px solid #eee;
}


#sidebar li {
	list-style-type:none;
	margin-bottom:10px;
}

h3.widgettitle {
	font-size:16px;
	background:#dd0033;
	color:white;
	height:35px;
	line-height:35px;
	padding-left:10px;
	margin-bottom:10px;
}

li#recent-posts-2 h3.widgettitle{
	background:#e4e4e4;
	color:#666;
}
li.widget ul, li.widget div {
	padding:5px;
}
li.widget ul li {
	background:url(../images/ico_3j.png) no-repeat 5px 8px;
	padding-left:15px;
}

li#menu-item-682,li#menu-item-681,li#menu-item-680{
	font-size:16px;
	background:#e4e4e4;
	padding:8px;
}
li#menu-item-682 a,li#menu-item-681 a,li#menu-item-680 a{
	display:block;
}
table#wp-calendar {
	width:100%;
}
table#wp-calendar td {
	text-align:center;
}
li.widget input#s {
	width:130px;
}
/*footer*/
#row-ft{width:100%;padding:40px 0;border-top:5px solid #dd0033;background:#f8f8f8;height:300px;}
.footer {position:relative;height:220px;overflow:hidden;}
.ft-nav{width:640px;height:140px;left:0px;top:0px;overflow:hidden;}
.ft-contact{width:300px;height:140px;left:640px;top:0px;overflow:hidden;}
.ft-weixin{right:0px;top:0px;}
.ft-weixin img{width:160px;height:160px;}
.ft-safe{width:640px;height:80px;left:0px;top:140px;}
.ft-tj{width:20px;height:20px;left:820px;top:90px;}
.ft-cn{width:86px;height:100%;float:left;margin-right:20px;}
.ft-title{display:block;font-size:16px;color:#868686;padding-bottom:20px;}
.ft-menu{display:block;}
.ft-tel{font-size:22px;color:#dd0033;font-family:fantasy;display:block;margin-bottom:5px;padding-left:30px;background:url(../images/ft-tel-bg.png) no-repeat left center;}
.ft-address{padding-left:30px;background:url(../images/ft-add-bg.png) no-repeat left center;}
.ft-icp{margin-top:5px;padding-left:30px;}


#friendLink h4 {
	width:963px;
}
#friendLink ul li {
	display:inline;
	list-style-type:none;
	margin-right:10px;
	line-height:180%;
}
.f_cb {
	clear:both;
}
#nav_bottom {
	border-top: 10px solid #6280BD;
	margin-top:10px;
	text-align:center;
	padding-top:10px;
}
#nav_bottom li {
	display:inline;
	margin-right:10px;
	list-style-type:none;
}
#copyright {
	text-align:center;
	margin-top:10px;
}
#lfd, #lfd a {
	color:#666;
	text-align:center;
	margin-top:10px;
}
/*archive*/
#crumbs {
	margin-bottom:20px;
	font-size:12px;
}
#archive_list{min-height:350px;}
#archive_list li {
	list-style-type:none;
	line-height:300%;
	border-bottom:1px dotted #ccc;
	background:url(../images/ico_dian.jpg) no-repeat left;
	padding-left:15px;
}
#archive_list li a {
	display:block;
	float:left;
}
#archive_list li span {
	display:block;
	float:right;
	color:#999;
}
#pagenavi {
	margin:60px 0;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#pagenavi a, #pagenavi span {
	margin-right:5px;
}
#pagenavi a {
	border:1px solid #999;
	text-decoration:none;
	padding:4px 8px;
	border-radius:4px;
}
#pagenavi a:hover {
	background-color:#22a4a2;
	color:#fff;
	border-color:#22a4a2;
}
#pagenavi .current {
	color:#fff;
	padding:4px 8px;
	background:#22a4a2;
	border-radius:4px;
	border:1px solid #22a4a2;
	margin:2px;
}
/*single*/
#siteWidth .sin_content {
	border:1px solid #ccc;
	padding:10px 15px 10px;
	width:698px;
}
.sin_content h1 ,arch_content h1{
	font-size:18px;
	text-align:center;
	border-bottom:1px dashed #ddd;
	font-weight:normal;
	padding-bottom:26px;
}
.sin_content #post_meta {
	text-align:center;
	color:#999;
	margin:10px 0 20px 0;
}
#post {
	line-height:180%;
}
#post p {
	text-indent:2em;
	line-height:180%;
	padding-bottom:10px;
}
#post img {
	max-width:90%;
	height:auto;
 -width: expression(width>628?"628px":true);
}
#post {
	margin-bottom:30px;
	min-height:350px;
}
#post img.aligncenter {
	display:block;
	margin:0px auto 10px;
}
#post img.alignleft {
	display:block;
	float:left;
	margin-right:10px;
}
#post img.alignright {
	display:block;
	float:right;
	margin-left:10px;
}
.sin_content #pagenavi {
	color:#666;
}
.sin_content #pagenavi a {
	margin:2px;
}
#np_posts {
	margin-top:20px;
	border-top:1px solid #eee;
	padding:10px;
}
#np_posts p {
	line-height:200%;
}
#np_posts span{
	line-height:200%;
	font-size:16px;
	color:#dd0033;
	padding:15px 0;
	display:block;
}
#np_posts ul{
	min-height:100px;
}
#np_posts ul li{
	float:left;
	width:40%;
	margin-right:10%;
	line-height:200%;
}
/*404*/
.error404 #content h1 {
	font-size:16px;
	margin:20px 0;
	text-align:center;
}
/*hack*/
#ie7 .f_cb, #ie6 .f_cb {
	clear:none;
}
#ie8 #top_searchform input#s, #ie7 #top_searchform input#s, #ie6 #top_searchform input#s {
	padding-top:15px;
}
#ie6 .cb, #ie7 .cb {
	display:inline;
	height:0;
}
#ie6 #main_nav a {
	display:inline;
	padding-top:11px;
	padding-bottom:11px;
}
#ie6 #logoBar {
	height:55px;
}
/* banner */
	div#banner{width:100%;overflow:hidden;}
	.fullSlide{ width:100%;  position:relative;  height:479px; overflow:hidden; background:#fff;  }
	.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:479px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:479px; }

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:40px; line-height:40px; }
	.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=50);opacity:0.5;  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:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

.r0{margin-right:0px !important;}

#share{position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");bottom:34px;left:95%;width:30px;zoom:1;}
#share a{background-image:url(../images/share.png); background-repeat:no-repeat; display:block; width:30px; height:30px; margin-bottom:2px; overflow:hidden; text-indent:-999px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#share a{}
#share .QQ {background-position:0 0; position:absolute; bottom:32px;}
#share a.QQ:hover { background-position:-30px 0;}
#share .sina { background-position:0 -30px; position:absolute; bottom:0;}
#share a.sina:hover { background-position:-30px -30px;}
#share a#totop{background-position:0 -120px;position:absolute;bottom:64px;cursor:pointer;}
#share a#totop:hover {background-position:-30px -120px;}

/*****************************************************/
.view {
   width: 260px;
   height: 190px;
   overflow: hidden;
   position: relative;
   text-align: center;
}
.view .mask,.view .content {
   width: 260px;
   height: 190px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 14px;
   font-weight:normal;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
   max-width:240px;
   overflow:hidden;
}
.view p {
   font-family: 宋体,Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 2px 10px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-second img {
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-second .mask {
   background-color: rgba(115,146,184, 0.7);
   width: 300px;
   padding: 60px;
   height: 300px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin:0px;
   white-space:nowrap;
   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second p {
   -webkit-transform: translate(-200px, 200px);
   -moz-transform: translate(-200px, 200px);
   -o-transform: translate(-200px, 200px);
   -ms-transform: translate(-200px, 200px);
   transform: translate(-200px, 200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second a.info {
   -webkit-transform: translate(0px, 100px);
   -moz-transform: translate(0px, 100px);
   -o-transform: translate(0px, 100px);
   -ms-transform: translate(0px, 100px);
   transform: translate(0px, 100px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
   border-radius:20px;
}
.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transform: translate(-80px, -125px) rotate(45deg);
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);
}
.view-second:hover h2 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-second:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-second:hover a.info {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/**page-58昆明网站建设**/
.page div.main{
	background:#f0f0f0;
	border:0px;
	padding:0px;
	
}

.page div.siteWidth{
	width:1100px;
}
.page div.mainBox{
	background:#f0f0f0;
	border:0px;
	padding:0px;
}
#sidebar-58,.page #sidebar{
	width:194px;
	min-height: 400px;
	float:left;
	background: #fff;
	border:1px solid #e4e4e4;
	padding:15px;
	border-radius:4px;
	
}	
#sidebar-58 li,.page  #sidebar li {
	list-style-type:none;
	padding:8px 20px;
	border-radius:5px;
	background:#f0f0f0;
	border:1px solid #e4e4e4;
	margin:15px 0;
}
#sidebar-58 .Sidebar-title,.page #sidebar .Sidebar-title{
	color:#dd0033;
	text-transform:Uppercase;
	margin-bottom:15px;
	border-bottom:1px dashed #e4e4e4;
	font-size:16px;
}
#sidebar-58 .Sidebar-title span,.page #sidebar .Sidebar-title span{
	color:#666;
	font-size:12px;
}
#sidebar-58 li:hover,.page #sidebar li:hover{
	background:#dd0033;
}
#sidebar-58 li a,.page #sidebar li a {
	color:#000;
	font-size:16px;
	display:block;
}	
#sidebar-58 li a:hover,.page #sidebar li a:hover{
	color:#fff;

}	
.page div#mainContent {
	width:820px;
	float:right;
	background:#fff;
	border-radius:5px;
	border:1px solid #e4e4e4;
	padding:15px;
}

.page.page-id-58 div#mainContent{
	width:850px;
	padding:0px;
	background:#f0f0f0;
	border:0px;
}

.page.page-id-567 div#mainContent{
	width:850px;
	padding:0px;
	background:#f0f0f0;
	border:0px;
}

.page.page-id-60 div#mainContent{
	min-height:1800px;
	background:#fff url(../images/seo-bg.jpg) no-repeat 15px 15px;
	padding-bottom:80px;
}

.page.page-id-61 #main{
	background:#fff;
}
.page.page-id-61 div#mainContent{
	min-height:2110px;
	width:1100px;
	background:#fff url(../images/mobile-bg.jpg) no-repeat left top;
	border:0px;
	padding:0px;
}	

.web-block{
	background:#fff;
	padding:15px;
	width:820px;
	min-height:200px;
	float:left;
	margin-bottom:15px;
	border:1px solid #e4e4e4;
	border-radius:5px;
}
.web-block-title{
	height:36px;
	line-height:36px;
	font-size:16px;
	margin-bottom:15px;
	border-bottom:1px dashed #e4e4e4;
}
.web-block-content img{
	float:left;
	margin-right:15px;	
}	

.web-block-introduce{
	width:530px;
	float:right;
}
.web-block-introduce span{
	color:#dd0033;
	font-size:16px;
	font-weight:bold;
	display:block;padding:15px 0;
}
.page.page-id-567 span.web-block-price a{
	font-size:16px;
	color:#ff0033;
	background: #f0f0f0;
	display:block;
	padding:15px;
	text-align:center;
	border:1px solid #e4e4e4;
}
.page.page-id-567 span.web-block-price a:hover{
	background:#ff0033 !important;
	text-decoration:underline;
	color:#fff !important;
}
.page.page-id-60 span.web-block-price a{
	font-size:16px;
	color:#ff0033;
	background: #f0f0f0;
	display:block;
	padding:15px;
	text-align:center;
	border:1px solid #e4e4e4;
}
.page.page-id-60 span.web-block-price a:hover{
	background:#ff0033;
	text-decoration:underline;
	color:#fff !important;
}

.page.page-id-564 div#mainContent{
	min-height:2200px;
	background:#fff url(../images/liucheg.jpg) no-repeat 15px 60px;
}

span.web-block-price a{
	font-size:16px;
	color:#fff;
	background: #dd0033;
	display:block;
	padding:20px;
	text-align:center;
}
span.web-block-price a:hover{
	background:#ff0033;
	text-decoration:underline;
	color:#fff !important;
}

table{
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	
}
td{
	border-left:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;
	padding:5px 15px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
td.text-left{
	text-align:left;
}
td a{
	color:#dd0033;
}
td a:hover{
	color:#ff0033;
	text-decoration:underline;
}
td span{
	color:#dd0033;
}
td.code{
	text-align:left;
}
.bcolor{background:#fcfcfc;}

.category.category-1 #main{
	background:#fff;
}

.category.category-1 div.mainBox{
	border:0px;
	width:1100px;
	padding:0px;
}
.category.category-1 div#mainContent{
	width:100%;
}

/**advantages**/
body.page.page-id-563 p{
	width:260px;
	float:left;
	margin-right:40px;
	min-height:110px;
	padding-left:130px;
	margin-bottom:80px;
}
body.page.page-id-563 p span{
	font-size:22px;
	color:#dd0033;
	display:block;
	text-indent:0;
}
body.page.page-id-563 p.adv1{
	background:url(../images/websiteconsitruction_03.gif) no-repeat left top;
}
body.page.page-id-563 p.adv1:hover{
	background:url(../images/websiteconsitruction_031.gif) no-repeat left top;
}
body.page.page-id-563 p.adv2{
	background:url(../images/websiteconsitruction_05.gif) no-repeat left top;
	margin-right:0px;
}
body.page.page-id-563 p.adv2:hover{
	background:url(../images/websiteconsitruction_051.gif) no-repeat left top;
	margin-right:0px;
}
body.page.page-id-563 p.adv3{
	background:url(../images/websiteconsitruction_09.gif) no-repeat left top;
}
body.page.page-id-563 p.adv3:hover{
	background:url(../images/websiteconsitruction_091.gif) no-repeat left top;
}
body.page.page-id-563 p.adv4{
	background:url(../images/websiteconsitruction_10.gif) no-repeat left top;
	margin-right:0px;
}
body.page.page-id-563 p.adv4:hover{
	background:url(../images/websiteconsitruction_101.gif) no-repeat left top;
	margin-right:0px;
}
body.page.page-id-563 p.adv5{
	background:url(../images/websiteconsitruction_13.gif) no-repeat left top;
}
body.page.page-id-563 p.adv5:hover{
	background:url(../images/websiteconsitruction_131.gif) no-repeat left top;
}
body.page.page-id-563 p.adv6{
	background:url(../images/websiteconsitruction_14.png) no-repeat left top;
	margin-right:0px;
}
body.page.page-id-563 p.adv6:hover{
	background:url(../images/websiteconsitruction_141.png) no-repeat left top;
	margin-right:0px;
}