@charset "utf-8";
/* CSS Document */
 

a,
header ul.user li,

.choice li div.iconfont
{
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	}

.theme .themeList li .themeImg,
.theme .themeList li,
.service2 ul div.serviceColor:after,
.theme .themeList li:after{
	transition:all 0.8s ease-out;
	-o-transition:all 0.8s ease-out;
	-ms-transition:all 0.8s ease-out;
	-moz-transition:all 0.8s ease-out;
	-webkit-transition:all 0.8s ease-out;
}
.what li .iconfont{
	transition:all 0.3s ;
	-o-transition:all 0.3s ;
	-ms-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	-webkit-transition:all 0.3s;
	}


.theme {   background-size:100% 100%;   }
.theme .Title { }
.theme .Title h2 { color: #fff; }
.theme .themeMenu { width: 1150px; margin: 0 auto; border-top: 1px dashed #6CA5F6; margin-top: 35px; }
.theme .themeMenu ul { font-size: 0; display: block; text-align: center; padding: 40px 0; }
.theme .themeMenu li { display: inline-block; margin: 0 55px; width: 120px; height: 120px; border-radius: 50%; color: #fff; }

.theme .themeMenu div.iconfont { margin: 0 auto; display: block; padding-top: 30px; text-align: center; font-size: 30px; }
.theme .themeMenu span { font-size: 15px; line-height: 26px; }
.theme .themeMenu li[class$='1'] { background: #37D0AC; }
.theme .themeMenu li[class$='2'] { background: #F9C342; }
.theme .themeMenu li[class$='3'] { background: #FC5245; }
.theme .themeList { width:  100%; margin: 0 auto; position: relative;  }
.theme .themeList ul { display: block; font-size: 0; width:100%; margin-left: -10px; }
.theme .themeList li { display: inline-block; width:275px; margin: 0.8%; height: 380px;  position:relative; }
.theme .themeList li .themeMax{ width:100%; height:auto;  background: #fff; position: absolute; left:0; top:0;}
.theme .themeList li:hover .themeImg{}
.theme .themeList li:after{ content:""; clear:both; width:100%; height:100%;  top:0 ; left:0; z-index:9;   opacity:0;}
.theme .themeList li.active:after{ opacity:0.3;}
.theme .themeList li:hover {   z-index:10;}
.theme .themeList .themeImg { width: 240px; height: 280px; position: relative; overflow: hidden; margin: 18px auto 0 auto; }
.theme .themeList .themeImg img { width: 100%; }
.theme .themeList span { /*padding-top: 15px;*/ height: 55px; line-height: 55px; width: 240px; margin: 0 auto; display: block; font-size:20px; color:#E40000; font-weight:bold;  text-align: left;  }
.theme .themeList i {font-size: 12px;font-weight: 300; max-width: 137px;height: 50px;overflow: hidden;text-align: right; font-style: normal;color:#000;}
.theme .themeList small {float: right; font-size: 12px; font-weight: 300;  max-width: 137px;height: 50px;overflow: hidden;text-align:right;color:#000;}
.theme .themeList small a { color:#fff;}
.theme .themeList a.more { width: 120px; height: 40px; line-height: 40px; background-color:#555; color: #fff; text-align: center; font-size: 14px; display: block; margin: 12px auto;  margin:-10px 2px 12px 5px; float: left; }
.theme .themeList a.more:hover{ background:#709BCE;}
.theme > a.more { display: inline-block; margin: 0 auto; padding: 8px 40px; border-radius: 6px; border: 1px solid #fff; font-size: 14px; color: #fff; margin-top:65px; }

.theme .themeList li .themeMax{ border: 4px solid #efefef;} 
.theme .themeList li .themeMax:hover{ border: 4px solid #00D2A6;}