/* vu-info start */
.vu-info,.process,.message{background: #ffffff; padding: 50px 0;color:#555555; }
.vu-info h1,.skill h1,.process h1,.case h1{font-size: 28px;text-align: center; background: url(/special/vu-plus/tbg.png) center no-repeat; font-weight: 500;color:#333333;}
.vu-info h3,.process h3,.case h3,.message h3{font-size: 18px; color: #27b04c;text-align: center;padding:30px 0;line-height: 30px;}
.vu-info p{line-height: 30px; text-indent: 2em;}
.vu-info p span{ color: #009114; font-weight: bold;}
.vu-info h4{font-size: 16px; color: #ffffff; background: #2bbf53; text-align: center;width:100%;height:35px; line-height: 35px;margin-top:20px;}
.vu-info h4:nth-of-type(2){ background: #049bd9;}
/* skill start */
.skill{background: #eeeeee; padding: 50px 0;color:#555555; }
.skill h3{font-size: 18px; color: #27b04c;text-align: center;padding-top:25px;line-height: 30px;}
.skill ul li{ float: left; height:290px;margin-top: 30px;transform: translate(0);-webkit-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);-moz-transform: translate(0);transition: ease .6s;-webkit-transition: ease .6s;-moz-transition:ease .6s;-o-transition:ease .6s;}
.skill ul li:hover{transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-ms-transform: translate(0, -10px);-o-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transition: ease .2s .1s;-webkit-transition: ease .2s .1s;-moz-transition: ease .2s .1s;-o-transition: ease .2s .1s;}
.skill ul li p{background: #ffffff;padding: 15px;min-height:140px;box-sizing: border-box; line-height: 25px;}
.skill ul li p:hover{background: #27b04c; color: #ffffff;}

/* process start */
.process h4{padding-left:15px; background: url(/special/vu-plus/arrow.png) left no-repeat; line-height: 30px;padding:20px;}
.process p{line-height: 30px;}
.process p a:hover{text-decoration: underline;}

/* honor start */
.honor{background: url(/special/vu-plus/honorbg.jpg) center no-repeat; overflow: hidden;padding:50px 0 40px 0;}
.honor h1{color: #ffffff;font-size: 28px;text-align: center; background: url(/special/vu-plus/ftbg.png) center no-repeat; font-weight: 500;}
.honor h3{font-size: 18px; color: #ffffff;text-align: center;padding:25px 0;line-height: 30px;}
.honor ul li{margin-bottom: 20px;}
.honor p a{display:block;padding:10px; border:1px solid #ffffff; margin: 0 auto; color: #fff;width:210px; box-sizing: border-box;margin-top: 10px; text-align: center;}
.honor p a:hover{background:#ffffff;color:#00b490; }
/* case start */
.case{background: #ffffff; padding-top: 50px;color:#555555; text-align: center; }
.case h1{margin-bottom:40px;}
.case .xm9{margin-bottom: 20px;}
.case .xm3{margin-left:-15px;padding-right:0;padding-left:10px;}
.case .case-more{background:url(/special/vu-plus/per.png)  #27b04c center 23% no-repeat ; margin-top:10px;padding:21% 15px; }
.case .case-more h4{font-size: 16px; font-weight: 500;padding-top:22%;margin-bottom: 30px;}
.case .case-more h4 a:hover{ text-decoration: underline;}
.case .case-more p  a{ display: block;padding:5px 3px;border:1px solid #fff;width:45%;}
.case .case-more p a:nth-of-type(1){float: left;}
.case .case-more p a:nth-of-type(2){float: right;}
.case .case-more a{color:#fff;}
.case .case-more p a:hover{background:#ffffff;color:#00b490;width:45%; }

/* message start */
.message  h1{font-size: 28px;text-align: center; background: url(/special/vu-plus/tbg.png) center no-repeat; font-weight: 500;margin-bottom: 30px;color:#333333;}
.message table {margin-bottom: 40px; border: 1px solid #f1f1f1;}
.message table td{line-height:40px; text-align: center;}
.message p{ line-height: 30px;}
.message p a{font-size: 18px; color: #27b04c;}
.message input{margin-bottom: 15px;}
.message input:nth-of-type(1){margin-top:5px;width:45%; float: left; }
.message input:nth-of-type(2){margin-top:5px;width:45%;float: right;}
.message button{margin:20px 35px 0 0;padding:10px 20px; color: #ffffff; border-radius: 4px;}
.message button a{color: #ffffff;}
.message button:nth-of-type(1){ background: #27b04c;}
.message button:nth-of-type(2){ background: #049bd9;}
.message button:nth-of-type(3){ background: #5ea8f1;}


@media (max-width:1200px){.case ul li {width:50%;margin-top:20px;}.case .tab-more{width:50%;margin-top:20px;}
@media (max-width:768px){.honor{background: url(/special/vu-plus/honorbg.jpg) center  repeat-y;}}
@media (max-width:460px){.case ul li {width:100%;margin-top:20px;}.case .tab-more{width:100%;margin-top:20px;}