@charset "utf-8";

*{ margin:0px; padding:0px;}
body{ font-size:14px; line-height:30px; font-family:"微软雅黑"; background:#fff;}
ul,li{ list-style:none;}
img{ max-width:100%; margin:0px; padding:0px; border:none;}
.uppercase{ text-transform:uppercase;}
.owl-controls{ bottom:10px; position:absolute; left:0px; right:0px;}
.owl-theme .owl-controls .owl-page span{ height:3px; width:30px; border-radius:0px;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#52b642;}
a,a:hover{ text-decoration:none;}
.relative{ position:relative;}

.banner{ height:370px; overflow:hidden; margin: 35px 0;}
.textCenter{ text-align:center;}
.header{ padding:10px 0; border-bottom: solid 2px #a0006c;}
.nav{ padding:30px 0 0 0;white-space:nowrap; }
.nav li{ display:inline-block;  padding:0 12px;line-height:35px; border-radius:20px;}
.nav li.on{ background:#a0006c;}
.nav li.on a{ color:#fff;}
.nav li a{ font-size:16px; color:#a0006c;}

.index-class{ background:#f8fbff; background-attachment:fixed; position:relative; background-size:cover; padding:30px 0;}
.index-class h3.p{ margin-bottom:20px;}
.title h3{ font-size:26px; color:#a0006c;}
.title h3 a{ font-size:26px; color:#a0006c;}
.title p a{ font-size:14px; color:#333; text-transform:uppercase; padding:0 10px;}
.index-class-thumb{ margin:20px 0;}
.index-class-thumb .col-md-4 .thumb{overflow:hidden; }
.index-class-thumb .thumb a{display:block; }
.index-class-thumb .thumb img{ transition:all .3s ease-out 0s; width:100%;}
.index-class-thumb .col-md-4:hover .thumb img{ -webkit-transform:scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.index-class-thumb h3{ font-size:18px; color:#333; margin:0px; line-height:40px; text-align:center;}
.index-class-thumb h3.catname{ position:absolute; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,.8); color:#fff;}
.index-class-thumb .desc{ font-size:14px; line-height:24px; color:#666; padding:10px 5px 0;}
.pl15{ padding-left:15px;}
.Pmore a.more {display: block;width: 78px;height: 26px;border-radius: 10px;padding-top: 5px;position: absolute;top:20px;right: 0;border: 1px solid #a0006c;display: block;transition: all .3s ease-out 0s;overflow: hidden;}
.Pmore a.more:after { content: ''; display: block; background: url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) no-repeat 0 -21px; width: 34px; height: 14px; display: block; margin-left: 30px; transition: all .3s ease-out 0s; top: 4px; position: absolute; }
.Pmore a.more:hover { background: #a0006c; border: 1px solid #a0006c; }
.Pmore a.more:hover:after { background: url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) no-repeat 0 -37px; }
.bg1{padding:30px 0;}
.vide-div{ border-radius:10px; overflow:hidden; position:relative; text-align:center;}
.vide-div .bg{ position:relative; border-radius:10px; overflow:hidden;}
.vide-div img{ max-height:244px; max-width:455px;}
.vide-div i{ display:inline-block; position:absolute;border-radius:10px; overflow:hidden; width:100%; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,.6); background-image:url(../../../../../../yunphp/tpl/home/default/public/images/vide.png); background-repeat:no-repeat; background-position:center center;}
.index-vide{margin-right:20px;}
.index-master{ margin-left:20px; overflow:hidden;}
.index-master-list-li{ cursor:pointer;}
.index-master-list-li .thumb{ overflow:hidden;}
.index-master-list-li .thumb img{transition:all .6s ease-out 0s;}
.index-master-list-li:hover .thumb img{ -webkit-transform:scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.index-master-list-li .info{ position:absolute; left:15px; bottom:-100%; height:100%; right:15px;  background:rgba(0,0,0,.5);transition:all .6s ease-out 0s;}
.index-master-list-li .info h3{ padding:50px 20px; text-align:center; font-size:28px; color:#fff; line-height:50px; border:solid 1px #fff; margin:20px;}
.index-master-list-li:hover .info{ bottom:0;}
.index-hot-list{ margin-top:20px;}
.index-hot{ width:100%; background:#212123; padding:50px 0 80px 0; border-top:solid 1px #212123;}
.index-hot li{ margin:15px 0;}
.index-hot-list-li{ overflow:hidden;}
.index-hot-list-li .text{ position:absolute; left:0; right:0; background:#000; bottom:-100%; padding:0 20px; font-size:14px; color:#fff;transition:all .6s ease-out 0s;}
.index-hot-list-li:hover .text{ bottom:0px;}
.index-hot-list-li .text h3 a{ display:inline-block; font-size:24px; color:#a0006c; line-height:30px; overflow:hidden; height:30px;}
.index-teacher{ width:100%; padding:50px 0;}
.index-teacher .item { overflow:hidden; margin:0 25px;}
.index-teacher .item .text{ position:absolute; font-size:14px;left:-100%; width:100%;bottom:0px; background:rgba(0,0,0,.8); top:0px; padding:50px;transition:all .3s ease-out 0s;}
.index-teacher .item:hover .text{ left:0px;}
.index-teacher .item .text:after{ content:''; border: solid 1px #fff; position:absolute; left:20px; top:20px; bottom:20px; right:20px; }
.index-teacher .item .text h4{ padding:5px 0; color:#a0006c; font-size:26px;}
.index-teacher .item .text h3{ padding:5px 0; color:#fff; font-size:26px;}
.index-teacher .item .text .desc{ font-size:14px; color:#999; line-height:24px; height:120px; overflow:hidden;}
#owl-demo-teachers{ padding:30px 0;}
.index-form{ background:#f5f8fb; padding:30px 0;}
.index-form-bg .index-form-btn{ display:inline-block; padding:5px 30px; border:solid 1px #333; border-radius:10px; overflow:hidden; line-height:40px; position:absolute; right:33%; top:38%; font-size:26px; color:#333;}
.index-new{ background:#f5f8fb; padding:50px 0;}
.index-news-box{}
.index-news-box ul{ border:solid 1px #a0006c; padding:20px 10px; background: #fff;}
.index-news-box li{ line-height:36px;transition: all .3s ease-out 0s; height:36px; overflow:hidden;}
.index-news-box li a{ color:#666; font-size: 14px;}
.index-news-box li:hover{ padding-left:5px;}
.index-news-box li:hover a{ color:#333;}
.index-news-box li span{ float:right; color:#999; }
.index-new-li{ border:solid 1px #a0006c; transition:all .3s ease-out 0s;background: #fff;}
.index-new-li h3{ padding:0 30px; margin-bottom:20px; line-height:24px; height:50px; overflow:hidden;}
.index-new-li h3 a{ font-size:16px; color:#a0006c;}
.index-new-li:hover h3 a{ color: #fff;}
.index-new-li .desc{ padding:0 30px; font-size:14px; color:#666; line-height:24px; height:120px; overflow:hidden;}
.index-new-li .date{ background:#a0006c; padding:20px 30px; margin-top:20px;}
.index-new-li .date .t{ font-size:30px; color:#fff; line-height:35px; margin-bottom:0;}
.index-new-li .date .y{ font-size:12px; margin-bottom:0px; color:#fff;}

.clear{ clear:both;}
.index-new-li a.details ,.index-hot-list li a.details{ border-color: #a0006c; width: 36px; height: 36px; border-radius: 20px; display: block; background: #a0006c; position: absolute; bottom: 40px; right:50px; transition: all .3s ease-out 0s; display: block; z-index: 1; overflow: hidden; opacity: 0; text-indent:-9999px; }
.index-hot-list li a.details{transition:all 1s ease-out 0s; right:20px; bottom:30px;}
.index-new-li a.details:after ,.index-hot-list li a.details:after{ content: ''; background: url(../../../../../../yunphp/tpl/home/default/public/images/icon.png)no-repeat 0 -71px; width: 14px; height: 9px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; }
.index-new-li:hover {background: #a0006c; margin-top: -40px; border-color: #161618; box-shadow: 0 6px 20px 5px rgba(0, 0, 0, .08); }
.index-new-li:hover .h3 { padding-top: 94px; }
.index-new-li:hover .date .t { color: #fff; }
.index-new-li:hover .date .y { color: #fff; }
.index-new-li:hover .h3 { color: #fff; }
.index-new-li:hover .desc { color: #fff; }
.index-new-li:hover a.details ,.index-hot-list li:hover a.details{ opacity: 1; }
.index-new-li:after { content: ''; display: block; clear: both; }

.index-link-logo{ width:100%; background:#fff; padding:50px 0; overflow:hidden;}
.index-link-logo .owl-controls .owl-page,.index-link-logo .owl-controls .owl-buttons div{ position:absolute; width:40px; height:40px;top:-35px; text-indent:-9999px;transition: all .3s ease-out 0s;}
.index-link-logo .owl-prev{ left:-30px; background:url(../../../../../../yunphp/tpl/home/default/public/images/owl-buttons.png) no-repeat center center;}
.owl-controls .owl-buttons div:hover{ background-color:#a0006c; border-radius:50%; overflow:hidden;}
.index-link-logo .owl-next{ right:-30px; background:url(../../../../../../yunphp/tpl/home/default/public/images/owl-buttons.png) no-repeat center center;-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.footer{ padding:20px 0; text-align:center; background:#2f2f2f;}
.footer p{ margin:0px; line-height:30px; font-size:16px; color:#999;}
.footer p a{ color: #999;}
.footer-nav{ margin-bottom:20px;}
.footer-nav a{ color:#fff; font-size:16px; margin:0 20px;}


.product-list .col-md-2{ margin-bottom:15px;}
.index-product-list{ padding:30px 0;}
.product-list-li{ border:solid 1px #ececec; padding:10px; margin-bottom:15px;}
.product-list-li h4{ font-size:14px; font-weight:normal; line-height:24px; height:48px; overflow:hidden;}
.product-list-li h4 a{ color:#999;}
.sidebar{ margin-top:30px;}
.sidebar h3{ border-bottom:solid 1px #a0006c;line-height:40px; color:#a0006c; font-weight:normal; font-size:16px; padding-left:15px;}
.sidebar h3:before {content: '';position: absolute;width: 3px;height: 12px;background: transparent; left: 20px;margin-top: 15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background:#a0006c;}
.sidebar li{line-height:30px;}
.sidebar li a{font-size: 14px;color: #333; margin-left: 2px;text-transform:uppercase;}
.catlist-ul li{ border-radius:10px; overflow:hidden;border:solid 1px #a0006c; margin:5px 0; text-align:center;transition: all .3s ease-out 0s;}
.catlist-ul li:hover{ background:#a0006c; color:#fff;}
.catlist-ul li a{ color:#a0006c; font-weight:normal; font-size:16px;transition: all .3s ease-out 0s;}
.catlist-ul li:hover a{ color:#fff;}
.pos {height:40px;line-height:40px;font-size:14px; border-bottom:solid #d7d7d7 1px; margin:0 0 30px 0; background:#f8f8f8;}
.pos b{ float:right;}
.pos a{ color:#333;}
.pos a:hover{ color:#F60;}
.tit{ border-bottom:solid 1px #999; padding:20px 0 0 0; display: none;}
.tit h3{ font-size:26px; line-height:50px; color:#a0006c;  margin-bottom:0px; padding-bottom:10px;}
.tit .subtitle{color: #999;font-size: 14px; text-transform:uppercase; padding-bottom:10px; text-align:left;}
.category{ text-align:center; padding:30px 0;}
.category li{ line-height: 30px;padding: 2px 27px;color: #616161; margin:0 5px;display: inline-block;
transition: all 0.3s ease-out 0s; position:relative; border-radius:20px; overflow:hidden; border:solid 1px #ddd;}
.category li a{font-size: 14px; color: #FFF;border: 0; cursor:pointer}
.category li.on, .category li:hover { background:#1a9ea3; color: #333; border-color: transparent; }
.category li.on,.category li:hover{border:solid 1px #1a9ea3;}
.category li.on a,.category li:hover a{ color:#fff;}



.catid-image{ height:280px; background-position:center center; background-repeat:no-repeat;width:100%;background-size: cover;animation: pulse 20s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pic-list{ margin:0 10px;}
.product-list{ text-align:left;}
.product-list h3,.pic-list h3{ line-height:24px; height:24px; overflow:hidden; text-align:left; text-transform:uppercase; font-size:16px; font-weight:normal;}
.product-list h3 a,.pic-list h3 a{ color:#a0006c;}
.product-list-div{ margin-bottom:20px;transition: all ease-out .3s;}
.product-desc{ color:#666; line-height:24px; height:48px; overflow:hidden;}
.product-list{transition: all .2s ease-out; -webkit-transition: all .2s ease-out;  padding:10px; border:solid 1px #a0006c; margin:5px;}
.product-list-div:hover .product-list{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.16);box-shadow: 0 5px 5px rgba(0,0,0,.16);}
#newslist .newstitem a.newscontent {height: 100%;display: block;text-align: center; position: relative;}
#newslist {padding-top: 30px; }
#newslist .newstitem { width:100%; height:190px; float:left; border-bottom: 1px solid rgba(0, 0, 0, .08); margin-bottom:30px; }
#newslist .newstitem .newsbody .date { left:327px;font-weight: inherit; font-family:Arial, Helvetica, sans-serif; color:#C0C0C0; margin-bottom: 0; display: inline-block; padding: 0 22px; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem .newsbody .date .year { font-size:18px; margin-left:-90px; }
#newslist .newstitem .newsbody .date .year::after {content:"/";position:absolute;margin: 0 5px;color:#B1B1B1;}
#newslist .newstitem .newsbody .date .md { margin-top:0; margin-left:96px; }
#newslist .newstitem .newsbody .date .md span { display:none;}
#teamlist .teamitem:last-child, #teamlist .teamitem:nth-child(4n) {margin-right:0;}

#newslist .newstitem .news_wrapper { left:0; position:relative; top:0; width:100%; height:200px;}
#newslist .newstitem .newsimg { float: left; left: 0; }
#newslist .newsbody { width:70%; float:left; padding-top:5px; margin-left:360px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem .newsbody .description::after {content: "";width:0;}
#newslist .newstitem a:hover .newsbody .description::after {width:0;}
#newslist .newstitem .newsbody::after {content: 'MORE';width: 130px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;
margin-top:-43px;color: #bcbcbc;border-left: 1px solid rgba(0, 0, 0, .08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;
background: url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) -165px 0 no-repeat;float: right;border-top: none;}
#newslist .newstitem a:hover .newsbody::after {color:#000;}
#newslist .newstitem .newsbody .date { padding:0; position: absolute; top: 140px; color: #c8c8c8; }
#newslist .newstitem:last-child { border-bottom:none; }
#newslist .newstitem .newsbody p.title { color:#a0006c; }
#newslist .newstitem .newsbody .description { width:75%; height:50px; }
#newslist .newstitem:hover .newsbody { margin-left:370px; }
#newslist .newstitem:hover .newsbody::after {background: url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) -165px 0 no-repeat;}
#newslist .newstitem .newsimg {display: block;width: 320px;height: 160px;bottom: 0;left: 0; position: absolute;right: 0;top: 0; background-position: center center; background-repeat:no-repeat;}
#newslist .newstitem .newsbody .title {font-size: 18px;color: #555; display: inline-block;line-height: 30px;overflow: hidden;height: 30px;text-overflow: ellipsis;white-space: nowrap; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:left;    display: block;width: 100%;position: relative;}
#newslist .newsbody .description { width: 100%; height: auto;line-height:30px; font-size: 14px;color: #333;margin-top: 10px; text-align:left;}

.product-info{ padding-top:20px; text-align:left;}
.product-info-name{font-size:24px;text-align:left; color:#fff;}
.hl{ height:1px; width:100%; background:#ddd;}
.subnav{ padding:10px 0;}
.subnav li{ display:inline-block; padding:3px 15px; background:#ececec; margin:10px 5px 0 5px; border-radius:5px; overflow:hidden;}
.subnav li a{ color:#333;}
.subnav li:hover{ background:#a0006c; color:#fff;}
.subnav li:hover a{color:#fff;}
.product-info .subtitle{ font-size:16px; color:#999;text-align:left;}
.buyask-btn{ display:inline-block; border-radius:20px; overflow:hidden; border:solid 1px #a0006c; color:#a0006c; font-size:16px; padding:5px 40px;margin-top:20px;}
.buyask-btn:hover{  border:solid 1px #a0006c; background:#a0006c; color:#fff;}
.design-left:hover .design-text{ border:solid 1px #ddd;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.16);box-shadow: 0 5px 5px rgba(0,0,0,.16);}
.design-text{ margin:5px; border:solid 1px #ddd; padding:3px; position:relative;}
.design-text p{ margin:0px; height:120px; overflow:hidden;}
.design-text h3{ position:absolute; left:3px; right:3px; bottom:3px; background:rgba(0,0,0,.6); color:#fff; margin:0px; padding:3px 0;text-align:center;}
h1.name{ text-align:center; font-size:22px; color:#FFF;}
.subtitle{color: #848484; font-size:14px; text-align:center;}
.mr20{ margin-right:20px;}
.npagePage{ padding:50px 0;}
.content{ text-align:center;}
.content img{ max-width:100%;}
.news-list{ margin:0 0 15px 0; padding:0 0 15px 0;}
.news-list p.thumb { padding:10px; border:solid 1px #ddd;}
.news-list p.thumb a{ display:table-cell; height:176px; overflow:hidden; line-height:176px; vertical-align:middle; text-align:center;}
.news-list h3{ font-size:16px; font-weight:normal; margin:0;}
.news-list h3 a{ color:#222;}
.news-list p.date{font-size: 14px;color: #BFBFBF;border-bottom: 1px dotted #d3d3d3; padding-bottom: 10px;line-height: 24px;}
.news-list p{ line-height:24px; color:#999;}
.grid_box{ position:relative;}
.i-p-li:hover .grid_box{ background:rgba(0,0,0,.2);}
.zoom-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;opacity:1!important;visibility:visible!important;border-radius:0;cursor:pointer;overflow:hidden;-webkit-transition:.55s;-moz-transition:.55s;-o-transition:.55s;transition:.55s;}
.zoom-icon:after{position:absolute;display:block;top:50%;left:50%;top:50%;bottom:50%;width:0;height:0;content:"";background:url(../../../../../../yunphp/tpl/home/default/public/images/plus.png) 50% 50% no-repeat;border-radius:0;z-index:0;-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;transition:.45s}
.zoom-icon:before{position:absolute;left:-50%;top:48%;display:block;margin:0;height:0;width:200%;content:"";border-radius:0;overflow:hidden;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.65s;-moz-transition:.65s;-o-transition:.65s;transition:.65s}
.grid_box a:hover .zoom-icon{-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}
.grid_box a:hover .zoom-icon:before{left:-60%;top:-35%;height:200%;width:200%;-webkit-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg);-webkit-transition:.6s;-moz-transition:.6s;-o-transition:.6s;transition:.6s}
.grid_box a:hover .zoom-icon:after{width:44px;height:63px;margin:-31px 0 0 -22px;-webkit-transition:.45;-moz-transition:.45;-o-transition:.45;transition:.45}
.grid_box a:hover .zoom-icon{visibility:visible;border-radius:0;overflow:hidden; background:url(../../../../../../yunphp/tpl/home/default/public/images/bg.png) repeat;}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-size:0.8125em;
	color: #7B7C7E;
	padding-bottom:5px;
}
.codr{ position:absolute; width:100px; height:100px; right:25%; top:50%; margin-top:-50px;}
.codr img{ width:100%;}
.contact-form span label{ text-transform:uppercase; margin-top:10px; font-size: 16px; font-weight: normal !important;}
.contact-form input[type="text"],.contact-form textarea,.contact-form select{
		    padding:8px;
			display:block;
			width:98%;
			border: none;
			outline:none;
			color:#999;
			font-size:16px;
			border: 1px solid rgba(192, 192, 192, 0.31);
			-webkit-appearance:none;
			 background:#fff; border:solid 1px #ddd; border-radius:10px; overflow:hidden;
}
.contact-form textarea{
		resize:none;
		height:120px;
		 background:#fff; border:solid 1px #ddd; border-radius:10px; 		
}
.contact-form input[type="text"]:focus,.contact-form textarea:focus{
   border:1px solid rgba(192, 192, 192, 0.72)
 }
.mybutton{
	background:#a0006c;
	padding:5px 32px;
	color: #fff;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	border:none;
	outline: none;
	cursor: pointer;
	-webkit-appearance:none;
}
.mybutton:hover{
	background-color:#000;
}
.mybutton:active{
	background-color:#000;
}
.company_address{
	padding-top:26px;
}
.company_address p{
	font-size: 0.8125em;
	color: #7B7C7E;
	line-height: 1.8em;
}
.company_address p a{
	text-decoration:underline;
	color:#555;
	cursor:pointer;
}
.company_address p a:hover{
  text-decoration:none;
  color:#444;	
}

.p_box {FLOAT:LEFT;padding:20px; border:solid 1px #ddd;}
#zoom_box  {display:table-cell;*display:block;zoom:1;width:440px;height:440px;text-align:center;border:1px solid #EEE;vertical-align:middle;font-size:170px;padding:0}
#zoom_box img {margin:0;padding:0; width:440px;}
#zoom_list {width:440px;height:60px;}
#zoom_list .pre{float:left;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../../../../../../yunphp/tpl/home/default/public/images/pre.gif) no-repeat center center;}
#zoom_list .next {float:right;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../../../../../../yunphp/tpl/home/default/public/images/next.gif) no-repeat center center;}
#zoom_list #zoom_list_box {float:left;width:400px;overflow:hidden;height:100px;position:relative; margin-left:5px;}
#thumblist {position: absolute;}
#thumblist li {width:100px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:93px;height:93px;}
#thumblist li span a {width:93px;height:93px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img { width:93px;}

#big_box {float:left;}
#big_box span {width:302px;height:242px;}
#big_box span a{width:300px;height:240px;*font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}

.p_info {float:right;width:620px;margin-left:10px; padding:10px 20px;background: #F9F9F9;
border: #efefef solid 1px; line-height:30px;}
.p_info p{ margin-top:20px;}
h1.tit{ text-transform:uppercase;font-weight:normal; font-size:18px; line-height:36px; text-align:center;color: #FFF;}
h1.tit span{ display:inline-block; border-top:solid 1px #ddd; font-size:14px; width:100%; text-align:center; margin-top:10px; color:#999;}
.p_info dt{ height:24px; line-height:24px;}
.p_info dt img{ margin-top:7px;}
.p_info dl label {float:LEFT;WIDTH:115PX; text-align:right;}
.p_info dl dd{ display:block; height:30px; line-height:30px;}
.p_info dl dd.buy_dd {padding:10px;border: 1px solid #EBEBEB;background:#fff;line-height:24px; height:100px; overflow:auto;overflow-x:hidden;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px;}
.p_tabs ul li {float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF;}
.p_tabs{ margin:30px 0 0 0;}
.p_tabs li{ line-height:40px; text-transform:uppercase;}
.content{ padding:20px; line-height:30px;}
h2.title{ font-size:16px; text-transform:uppercase; line-height:40px; margin:0; line-height:35px; border-bottom:solid 1px #ddd; margin-bottom:15px;}
.hot-product{ margin:30px 0;}
.hot-product .thumb{ overflow:hidden; border:solid 1px #ddd;}
.design-text h3{ font-size:14px; line-height:24px;}
p.time { padding:15px 0;}
p.time span{ width:49%;display:inline-block; text-align:center; color:#999l}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:99999;
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:9999;}
#pages { padding:10px 0 10px;text-align:center;font:14px '宋体';}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:14px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

.product-list-li{ margin:0 10px;}
.index-product-list h3{ text-align:center; font-size:18px; text-transform:uppercase; font-weight:normal; line-height:50px; padding-bottom:10px;}
.index-product-list{ position:relative;}
.index-product-list .owl-buttons{ height:60px; text-align:center;}
.index-product-list .owl-theme .owl-controls .owl-buttons div.owl-prev{  width:50px; height:50px;  background:url(../../../../../../yunphp/tpl/home/default/public/images/prev.png) no-repeat center center;text-indent:-9999px; border-radius:50%; left:50%; top:0px; margin-left:-55px; background-size:30px;}
.index-product-list .owl-theme .owl-controls .owl-buttons div.owl-next{  width:50px; height:50px;  background:url(../../../../../../yunphp/tpl/home/default/public/images/next.png) no-repeat center center;text-indent:-9999px; border-radius:50%; top:0px;
right:50%; margin-right:-55px; background-size:30px;}
.index-product-list .owl-theme .owl-controls{ bottom:-20px; position:relative;}

.p_box {FLOAT:LEFT;padding:20px; border:solid 1px #ddd;}
#zoom_box  {display:table-cell;*display:block;zoom:1;width:440px;height:440px;text-align:center;border:1px solid #EEE;vertical-align:middle;font-size:170px;padding:0}
#zoom_box img {margin:0;padding:0; width:440px;}
#zoom_list {width:440px;height:60px;}
#zoom_list .pre{float:left;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../../../../../../yunphp/tpl/home/default/public/images/pre.gif) no-repeat center center;}
#zoom_list .next {float:right;width:14px;height:100px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../../../../../../yunphp/tpl/home/default/public/images/next.gif) no-repeat center center;}
#zoom_list #zoom_list_box {float:left;width:400px;overflow:hidden;height:100px;position:relative; margin-left:5px;}
#thumblist {position: absolute;}
#thumblist li {width:100px;overflow:hidden;margin:2px 0;text-align:center;}
#thumblist li span {width:93px;height:93px;}
#thumblist li span a {width:93px;height:93px;*font-size: 42px;border:1px solid #FFF;}
#thumblist li span  img { width:93px;}

#big_box {float:left;}
#big_box span {width:302px;height:242px;}
#big_box span a{width:300px;height:240px;*font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}

.p_info {float:right;width:620px;margin-left:10px; padding:10px 20px;background: #F9F9F9;
border: #efefef solid 1px; line-height:30px;}
.p_info p{ margin-top:20px;}
.p_info h1.tit{ text-transform:uppercase; font-size:20px; font-weight:normal; padding:0; text-align:left;}
.p_info dt{ height:24px; line-height:24px;}
.p_info dt img{ margin-top:7px;}
.p_info dl label {float:LEFT;WIDTH:115PX; text-align:right;}
.p_info dl dd{ display:block; height:30px; line-height:30px;}
.p_info dl dd.buy_dd {padding:10px;border: 1px solid #EBEBEB;background:#fff;line-height:24px; height:100px; overflow:auto;overflow-x:hidden;}
.p_info dl dd b {font-size:16px;font-weight:bold;color:#FB0000;}
.p_tabs {margin:10px 0;border-bottom:1px solid #EFEFEF;height:28px;}
.p_tabs ul li {float:left;padding:0 30px;margin-left:20px;line-height:28px;background:#EFEFEF;}
.p_tabs{ margin:30px 0 0 0;}
.p_tabs li{ line-height:40px; text-transform:uppercase;}

.factory-about{ border:solid 1px #ddd; line-height:30px; padding:30px; margin-bottom:20px;}
.pic-list h3{ line-height:24px; height:24px; margin:0;}
.factory .owl-theme .owl-controls{ bottom:78%;}
.factory .owl-prev{ display:inline-block; width:50px; height:50px;left:-60px; top:50%; text-indent:-9999px; padding:0px !important;background: url(../../../../../../yunphp/tpl/home/default/public/images/prev.png) no-repeat center center; text-indent: -9999px; border-radius: 50%; background-size:30px;}
.factory .owl-next{ display:inline-block; width:50px; height:50px;right:-60px; top:50%; text-indent:-9999px; padding:0px !important;background: url(../../../../../../yunphp/tpl/home/default/public/images/next.png) no-repeat center center; text-indent: -9999px; border-radius: 50%; background-size:30px;}
.email{ width:350px; float:right; text-align:right; line-height:115px;}
.email a{ font-size:20px; padding:20px 0; font-weight:bold; font-style:italic;}
.email a img{ margin:0 10px; vertical-align:middle;}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../../../../../../yunphp/tpl/home/default/public/images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
.catlist ul{overflow:hidden;}
.catlist ul li {float: none;display: block;height: auto;line-height: 43px; margin-left: 16px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.catlist ul li.on{ border-bottom-color:#fff;}
.catlist ul li.on a{ color:#fff;}
.catlist ul li.foot {border:none;}
.catlist ul li.folder ul {display:none;padding-left:5px;}
.catlist ul li.on>ul {display:block;}
.catlist ul li.on span.fd_ico {background:url(../../../../../../yunphp/tpl/home/default/public/images/minus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li span.fd_ico {background:url(../../../../../../yunphp/tpl/home/default/public/images/plus.gif) no-repeat 3px 14px;width:25px;float:left;height:38px; CURSOR:pointer;}
.catlist ul li.on ul li.on ul li span.fd_ico{ background:none;}
.catlist ul li.on ul li span.fd_ico{background:url(../../../../../../yunphp/tpl/home/default/public/images/plus.gif) no-repeat 3px 14px;}
.catlist ul li.on ul li.on span.fd_ico{background:url(../../../../../../yunphp/tpl/home/default/public/images/minus.gif) no-repeat 3px 14px;}
.catlist ul li.on ul li.on ul li a{ font-size:14px;}
.catlist ul li.on ul li.on ul li{ margin-left:15px;}
.catlist ul li ul{display: none;}
.catlist ul li ul li {}
.catlist ul li ul li ul{display: none;}

.last{ background-color:#d6e6f1; border-color:#6196bb; }

.case-list{ padding:20px 0;}
.case-list-li{ margin:10px 20px 10px 0; border:solid 1px #ddd; padding:10px;}
.case-list-li h6{ font-size:20px; line-height:30px; position:relative; margin-bottom:20px;}
.case-list-li h6 :before { position: absolute; bottom:-10px;left: 0;height: 1px; content: ""; width: 0; background: #1a9ea3;transition: width .6s cubic-bezier(.23, 1, .38, 1) 0s;}
.case-list-li:hover h6 :before{ width:100%;}
.case-list-li .img{ width:100%; overflow:hidden;}
.case-list-li img {transition: all ease-out .3s; width:100%;}
.case-list-li:hover img { transform: scale(1.1, 1.1);}

.case-list-li h6 a{ color:#333;}
.case-list-li .desc{ color:#999; line-height:22px; height:44px; overflow:hidden;}
#main{list-style-type: none;position: relative; /** Needed to ensure items are laid out relative to this container **/margin: 0;padding: 0;}
.faq-list{ padding:20px 0;}
.faq-list li{ width:30%; padding-top:5px;}
.faq-list-li{ margin:10px 5px; border-radius:10px; overflow:hidden; border:solid 1px #ddd; padding:30px;}
.faq-list-li h3{ font-size:14px; line-height:30px; margin:0px;}
.faq-list-li p.createtime{ font-size:14px; color:#999; border-bottom:solid 1px #ddd;}
.faq-list-li .text{ color:#999;}

.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../../../../../../yunphp/tpl/home/default/public/images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px;border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; margin-top:0px;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../../../../../../yunphp/tpl/home/default/public/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 150px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -90px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 102px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 100px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../../../../../../yunphp/tpl/home/default/public/images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../../../../../../yunphp/tpl/home/default/public/images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../../../../../../yunphp/tpl/home/default/public/images/open_im.png) no-repeat left top; }

.top_bar{position:fixed;z-index:900;bottom:0;left:0;right:0;margin:auto;font-family:Helvetica,Tahoma,Arial,Microsoft YaHei,sans-serif}
.top_menu{display:-webkit-box;border-top:1px solid #212123;display:block;width:100%;background:rgba(0,0,0,.7);display:-webkit-box;display:box;margin:0;padding:0;-webkit-box-orient:horizontal;background:-webkit-gradient(linear,0 0,0 100%,from(#212123),to(#1c1c1c))}
.top_bar .top_menu>li{-webkit-box-flex:1;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.2)),to(rgba(0,0,0,.2))),-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.1)));-webkit-background-size:1px 100%,1px 100%;background-size:1px 100%,1px 100%;background-position:1px center,2px center;background-repeat:no-repeat;position:relative;text-align:center; padding:5px 0;}
.top_menu>li:first-child{background:0 0}
.top_bar .top_menu>li>a{line-height:30px;display:block;text-align:center;color:#4f4d4f;text-shadow:0 1px rgba(0,0,0,.3);text-decoration:none;border-top:1px solid #212123;-webkit-box-flex:1}
.top_bar .top_menu>li>a label{overflow:hidden;margin:0;font-size:14px;display:block!important;line-height:18px;text-align:center; color:#fff; font-weight:normal;}
.top_bar .top_menu>li>a img{margin:2px 0 0 0;height:24px;width:24px;color:#fff;line-height:48px;vertical-align:middle}
.top_bar li:first-child a{display:block}
@media only screen and (max-width:1024px){

.logo a{ display:inline-block; margin-left:-15px; margin-right:-15px;}
.header {
     position: fixed; 
    z-index: 555;
    left: 0;
    right: 0;
	background:#000;
}
	.nav{ 
	margin-top:50px;
	width:200px;
    position: absolute;
	right:0px;
	padding:0;
    z-index: 5555;
    display: none;
    -webkit-transform: translateX(0px);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
	}
	.nav .container{ width: auto }
	.nav li{ display:block; padding:0; width:100%; border-right:none; float:none; border-bottom:solid 1px #333; line-height:40px; text-align: center; border-radius:0px;}
	.nav li a{ padding: 0; }
.navbg{
	display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    background: #000;
    opacity: 0.5;
} 
.nav li:nth-child(4){ padding-left:0;}
.open-nav-toggle .nav{ right:-20px; display:block; background:#000; z-index:9999999999;}
.open-nav-toggle .nav ul{
	    display: block;
    overflow: hidden;
    height: 100%;
    overflow-y: auto;
}
 .target{
	 position:absolute;
	 display:block; right:10px; top:20px;
    padding: 9px 10px;
	width:44px;
	height:39px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	 background:#a0006c;
	 z-index:9999999;
	 float:right;
}
.target em{ 	position:absolute;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
    margin: 3px 0;
}
.nav {
    margin-top: 50px;
    width: 200px;
    position: absolute;
    right: -220px;
    z-index: 5555;
    display: block;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
}
.target em:last-child{
	top:6px;-webkit-transform:translateY(0px);transform:translateY(0px); 
 transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.target em:nth-child(2){
	top:13px; 
 transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.target em:first-child{
	top:20px;
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
}
.open-nav-toggle .target em:last-child{
	top: 13px;
transform: translateZ(0px) rotate(45deg);
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
-webkit-transform: translateZ(0px) rotate(45deg);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.open-nav-toggle .target em:nth-child(2){
top:14px;
transition: transform 0.2s ease 0s;
transform: translate3d(0px, 0px, 0px);
-webkit-transition: -webkit-transform 0.2s ease 0s;
-webkit-transform: translate3d(0px, 0px, 0px);transform: translateZ(0px) rotate(-45deg);
-webkit-transform: translateZ(0px) rotate(-45deg);
}
.open-nav-toggle .target em:first-child{ 
transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; opacity:0;
}
.open-nav-toggle {
    position: fixed;
	left:0px; right:0px;
}
.open-nav-toggle .navbg {
    display: block;
    position: fixed;
}

.title p{ display:inline-block; margin:0px;}
.index-class-thumb .col-md-4{ margin-bottom:10px;}
.Pmore a.more{ position:relative; margin:0 auto;}
.footer-nav a{ font-size:14px; margin:0 10px 0 0;}
.index-link-logo{ padding:25px 15px;}
.index-form-bg .index-form-btn{ font-size:14px;  padding:5px 10px; line-height:24px;}
.title h3{ font-size:20px;}
.index-new-li{ margin-bottom:10px;}
.tit{ padding:80px 0 0 0;}
.tit .subtitle{ padding-bottom:0px;}
.catlist ul li{ display:inline-block; margin-left:10px;}
.categories ul li a{ display:inline-block; border:solid 1px #565656; border-radius:5px; overflow:hidden; padding:0 5px;}
.catlist-ul li{ border-radius:5px;  padding:0 5px; line-height:30px;}
#newslist .newstitem{ width:100%; float:none; height:auto;}
#newslist .newstitem .newsimg{ width:100%;}
#newslist .newsbody{ width:100%; margin-left:0px;}
#newslist .newstitem .news_wrapper{ top:160px; height:360px;}
#newslist .newstitem .newsbody::after{ display:none;}
.index-teacher .item .text .desc{ display:none;}
.index-teacher .item .text{ left:0px; padding:10px;}
.index-teacher .item .text:after{ left:10px; right:10px; top:10px; bottom:10px;}
.index-teacher .item .text h3, .index-teacher .item .text h4{ font-size:20px; padding:15px 0;}
.banner{ height:auto; margin-top:1300px;}
}
@media only screen and (max-width:768px){
.banner{ margin-top:100px;}
.tit{ padding:85px 0 0 0;}
}
@media only screen and (max-width:425px){
.banner{ margin-top:100px;}
.tit{ padding:70px 0 0 0;}
}
@media only screen and (max-width:320px){
.banner{ margin-top:80px;}
.tit{ padding:60px 0 0 0;}
}
h1.tips{ text-align:center; font-size:20px; font-weight:normal; color:#a0006c}
h1.tips span{ display:block; font-size:14px; padding:10px 0; color:#999; line-height:30px;}

