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

/*products_new*/
dl.productListLi { width:1120px; height:311px; margin:0 auto; padding:72px 0 34px; }
	dl.productListLi dt { width:401px; height:311px; display:inline-block; float:left; margin:0 72px 0 0; }
	dl.productListLi dd { width:566px; height:311px; display:inline-block; float:left; }
	dl.productListLi dd h2 { width:566px; height:33px; line-height:33px; font-size:33px; color:#333; margin:0 0 29px; }
	dl.productListLi dd p { width:566px; height:54px; line-height:27px; font-size:15px; color:#666; }
	dl.productListLi dd ol.WebsiteBuildingList { margin:53px 0 0; }
		dl.productListLi dd ol.WebsiteBuildingList li { width:188px; height:21px; line-height:21px; display:inline-block; float:left; margin:0 0 21px; }
			dl.productListLi dd ol.WebsiteBuildingList li a { font-size:14px; color:#333; }
			dl.productListLi dd ol.WebsiteBuildingList li a:hover { color:#df0029; }

/*product service*/
.productService { width:100%; height:483px; background:#fff; }
	.productService .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:67px auto 0; }
	.redLine { width:30px; height:3px; margin:3px 0 0; background:red; margin:0 auto; }
	.productService p { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }

	.shortcut{ width:1120px; height:135px; margin:78px auto 0; position:relative; z-index:101; overflow:hidden;}
	.shortcut a { margin:0 48px; display:block; width:111px; height:111px; position:relative; float:left; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; top:0; border-radius:50%; border:8px solid #c1c1c1; }
	.shortcut a.mr0 { margin:0 0 0 48px; }
	.shortcut a img { width:111px; height:111px; position:absolute; left:0; top:0;}
	.shortcut a .imgH { width:811px; height:811px; left:-350px; top:150px; }
  	.shortcut a:hover {
		animation:shortcutahover 0.3s ease-in-out 0s both;
		-moz-animation:shortcutahover 0.3s ease-in-out 0s both;
		-webkit-animation:shortcutahover 0.3s ease-in-out 0s both;
		-o-animation:shortcutahover 0.3s ease-in-out 0s both;
	}
	@keyframes shortcutahover {
		0%{border:8px solid #c1c1c1;}
		30%{border:8px solid rgba(222,0,41,0.5);}
		60%{border:8px solid rgba(222,0,41,0.7);}
		100%{border:8px solid rgba(222,0,41,1);}
	}
	@-moz-keyframes shortcutahover {
		0%{border:8px solid #c1c1c1;}
		30%{border:8px solid rgba(222,0,41,0.5);}
		60%{border:8px solid rgba(222,0,41,0.7);}
		100%{border:8px solid rgba(222,0,41,1);}
	}
	@-webkit-keyframes shortcutahover {
		0%{border:8px solid #c1c1c1;}
		30%{border:8px solid rgba(222,0,41,0.5);}
		60%{border:8px solid rgba(222,0,41,0.7);}
		100%{border:8px solid rgba(222,0,41,1);}
	}
	@-o-keyframes shortcutahover {
		0%{border:8px solid #c1c1c1;}
		30%{border:8px solid rgba(222,0,41,0.5);}
		60%{border:8px solid rgba(222,0,41,0.7);}
		100%{border:8px solid rgba(222,0,41,1);}
	}
	.shortcut a:hover .img { display:none; }
	.shortcut a:hover .imgH {
		animation:shortcutahoverimgh 0.3s ease-in-out 0.3s both;
		-moz-animation:shortcutahoverimgh 0.3s ease-in-out 0.3s both;
		-webkit-animation:shortcutahoverimgh 0.3s ease-in-out 0.3s both;
		-o-animation:shortcutahoverimgh 0.3s ease-in-out 0.3s both;
	}
	@keyframes shortcutahoverimgh {
		0%{width:811px; height:811px; left:-350px; top:150px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
		100%{width:111px; height:111px; left:0; top:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
	}
	@-moz-keyframes shortcutahoverimgh {
		0%{width:811px; height:811px; left:-350px; top:150px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
		100%{width:111px; height:111px; left:0; top:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
	}
	@-webkit-keyframes shortcutahoverimgh {
		0%{width:811px; height:811px; left:-350px; top:150px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
		100%{width:111px; height:111px; left:0; top:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
	}
	@-o-keyframes shortcutahoverimgh {
		0%{width:811px; height:811px; left:-350px; top:150px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
		100%{width:111px; height:111px; left:0; top:0;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
	}

	.shortcut span { width:111px; height:24px; line-height:24px; border:none; }
	.productsServiceCon { width:1120px; height:24px; line-height:24px; margin:17px auto 0; }
		.productsServiceCon a { width:135px; height:24px; line-height:24px; display:inline-block; font-size:17px; color:#333; text-align:center; margin:0 44px; }

	.productService .productsServiceMore { width:118px; height:27px; line-height:27px; background:url(../home/bg_cases_more.png) right center no-repeat; margin:90px auto 0; }
		.productService .productsServiceMore a { font-size:14px; color:#333; }
		.productService .productsServiceMore a:hover { color:#df0029; }

/*product cases*/
.productCases { width:100%; height:676px; background:#f5f5f5; }
	.productCases .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:0 auto; padding:67px 0 0; }
	.productCases p { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }

	.productCases .productCasesImg { width:346px; height:420px; text-align:center; background:url(../home/product_cases_img10.jpg) center center no-repeat; margin:31px auto 0; transition:ease-in-out 0.5s; }
	.productCases .productCasesImgHover { background:url(../home/product_cases_img1.jpg) center center no-repeat; transition:ease-in-out 0.5s; }
	.productCases .productsServiceMore { width:118px; height:27px; line-height:27px; background:url(../home/bg_cases_more.png) right center no-repeat; margin:21px auto 0; }
		.productCases .productsServiceMore a { font-size:14px; color:#333; }
		.productCases .productsServiceMore a:hover { color:#df0029; }

/*product media*/
.productMedia { width:100%; height:500px; background:#fff; }
	.productMedia .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:0 auto; padding:67px 0 0; }
	.productMedia p { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }
	.productMedia ul.productMediaList { width:1120px; height:124px; margin:90px auto 0; }
		.productMedia ul.productMediaList li { width:160px; height:124px; display:inline-block; float:left; font-size:17px; color:#333; text-align:center; padding:100px 0 0; cursor:pointer; }
			.productMedia ul.productMediaList li.productMediaLi1 { background:url(../home/html51.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi1:hover { background:url(../home/html5.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi2 { background:url(../home/css31.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi2:hover { background:url(../home/css3.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi3 { background:url(../home/windows1.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi3:hover { background:url(../home/windows.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi4 { background:url(../home/mobile1.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi4:hover { background:url(../home/mobile.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi5 { background:url(../home/ios1.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi5:hover { background:url(../home/ios.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi6 { background:url(../home/android1.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi6:hover { background:url(../home/android.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
			.productMedia ul.productMediaList li.productMediaLi7 { background:url(../home/wechat1.jpg) center top no-repeat; }
			.productMedia ul.productMediaList li.productMediaLi7:hover { background:url(../home/wechat.jpg) center top no-repeat; transition:ease-in-out 0.3s; }
/*product management*/
.productManagement { width:100%; height:804px; background:#f5f5f5; }
	.productManagement .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:0 auto; padding:67px 0 0; }
	.productManagement p.subTit { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }
	ul.productManagementList { width:1120px; height:auto; margin:56px auto 0; }
		ul.productManagementList li { cursor:pointer; display:inline; width:230px; height:280px; float:left; overflow:hidden; position:relative; margin:0 71px; }
		ul.productManagementList li .pic1 { width:90px; height:103px; text-align:center; position:absolute; top:0; right:70px; z-index:99; }
		
		ul.productManagementList li.productManagementLi1 .pic1 { background:url(../home/management1.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi1:hover .pic1 { background:url(../home/management1_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }

		ul.productManagementList li.productManagementLi2 .pic1 { background:url(../home/management2.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi2:hover .pic1 { background:url(../home/management2_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }

		ul.productManagementList li.productManagementLi3 .pic1 { background:url(../home/management3.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi3:hover .pic1 { background:url(../home/management3_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }

		ul.productManagementList li.productManagementLi4 .pic1 { background:url(../home/management4.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi4:hover .pic1 { background:url(../home/management4_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }
		ul.productManagementList li.productManagementLi4Hover .pic1 { background:url(../home/management4_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }
		ul.productManagementList li.productManagementLi4Hover .txt1 { color:#333; transition:ease-in-out 0.5s; }
		
		ul.productManagementList li.productManagementLi5 .pic1 { background:url(../home/management5.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi5:hover .pic1 { background:url(../home/management5_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }

		ul.productManagementList li.productManagementLi6 .pic1 { background:url(../home/management6.png) center top no-repeat; }
		ul.productManagementList li.productManagementLi6:hover .pic1 { background:url(../home/management6_hover.png) center top no-repeat; transition:ease-in-out 0.3s; }
		
		ul.productManagementList li .txt1 { width:230px; height:169px; font-size:14px; color:#898989; position:absolute; top:117px; left:0px; z-index:99; }
		ul.productManagementList li:hover .txt1 { color:#333; transition:ease-in-out 0.5s; }
		
		ul.productManagementList li h4 { font-size:17px; display:block; text-align:center; margin:0 0 11px; }
		ul.productManagementList li .txt1 h4 { color:#333; line-height:24px; }
		ul.productManagementList li p { height:120px; line-height:24px; text-align:center; overflow:hidden; }

/*product process*/
.productProcess { width:100%; height:630px; background:#fff; }
	.productProcess .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:0 auto; padding:67px 0 0; }
	.productProcess p { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }

.timeMain { width:973px; height:119px; background:url(../home/bg_ul.jpg) no-repeat; margin:86px auto 0; padding:0 0 0 156px; }
.timeMain ul.list { width:71px; margin:38px 36px 0; }

ul.list li { width:71px; height:66px; background:url(../home/rotate1.jpg) no-repeat; position:relative; cursor:pointer; -webkit-transition:.4s all; -moz-transition:.4s all; -ms-transition:.4s all; transition:.4s all; }
	ul.list li .timeTit { width:71px; height:33px; line-height:33px; font-size:17px; color:#333; margin:0 0 0 -15px; padding:50px 0 0; }
	ul.list li .ico { width:33px; height:33px; position:absolute; border-radius:50%; z-index:1; -webkit-transition:.4s all; -moz-transition:.4s all; -ms-transition:.4s all; transition:.4s all; margin:5px; }
	ul.list li.on .ico { background:url(../home/rotate.png) no-repeat; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); }

	ul.list li dl { width:151px; position:absolute; top:-57px; left:-60px; border-radius:15px; border:5px solid #c1c1c1; background:#c1c1c1; display:none; z-index:999999; }
		ul.list li dl dt { width:151px; height:60px; line-height:60px; font-size:17px; color:#fff; text-align:center; border-radius:15px 15px 0 0; background:#c1c1c1; overflow:hidden; }
		ul.list li dl dd { width:151px; height:29px; position:relative; display:block; background:#c1c1c1; }
			ul.list li dl dd a  { width:110px; height:29px; line-height:29px; font-size:14px; color:#fff; background:url(../home/bg_time_a.png) 15px center no-repeat; overflow:hidden; margin:0 6px 0 0; padding:0 0 0 35px; display:block; }
			ul.list li dl dd a:hover { color:#333; background:url(../home/bg_time_a_hover.png) 6px center no-repeat; }

			ul.list li dl dd .timeCon { width:121px; border:5px solid #c1c1c1; background:#fff; font-size:13px; color:#333; border-radius:15px; position:absolute; margin:4px 0 0; padding:0 10px; z-index:-1; }
			ul.list li dl dd .timeCon1 { top:-69px; }
			ul.list li dl dd .timeCon2 { top:-98px; }
			ul.list li dl dd .timeCon3 { top:-127px; }
			ul.list li dl dd .timeCon4 { top:-156px; }
			ul.list li dl dd .timeCon5 { top:-185px; }
			ul.list li dl dd .timeCon6 { top:-214px; }
			ul.list li dl dd .timeCon7 { top:-243px; }
			ul.list li dl dd .timeCon8 { top:-272px; }
			ul.list li dl dd .timeCon9 { top:-301px; }
			ul.list li dl dd .timeCon10 { top:-330px; }
			ul.list li dl dd .timeCon11 { top:-359px; }
			ul.list li dl dd .timeCon12 { top:-388px; }
			
				ul.list li dl dd .timeCon span { width:121px; height:85%; line-height:21px; display:block; overflow:hidden; margin:10% 0 0; }
				/*菜单项列表项较少*/
				ul.list li dl dd .timeCon span.short { width:121px; height:75%; line-height:21px; display:block; overflow:hidden; margin:10% 0 0; }
				/*菜单项列表项较多*/
				ul.list li dl dd .timeCon span.long { width:121px; height:90%; line-height:21px; display:block; overflow:hidden; margin:10% 0 0; }
				ul.list li dl dd .btn { width:121px; height:21px;  display:block; }
					ul.list li dl dd .btn a { width:60px; height:21px; line-height:21px; text-align:center; background:none; display:inline-block; float:left; margin:0; padding:0; }
					ul.list li dl dd .btn a:hover { background:none; }
						ul.list li dl dd .btn a img { width:12px; height:5px; margin:9px 0 0; }

/*product contact*/
.productContact { width:100%; background:#f5f5f5; }
	.productContact .websiteTitle h3 { width:1120px; height:42px; line-height:42px; font-size:33px; color:#333; text-align:center; margin:0 auto; padding:67px 0 0; }
	.productContact p { width:1120px; height:24px; line-height:24px; font-size:17px; color:#898989; text-align:center; margin:13px auto 0; }

	.productContact dl { float:left; width:360px; margin:50px 0 0 80px; overflow:hidden; }
	.productContact dl dt { height:210px; display:inline-block; float:left; }
	.productContact dl dd { height:45px; line-height:45px; font-size:15px; color:#666; background:url(../home/bg_productcontact_dd.png) left center no-repeat; margin:0 0 6px; padding:0 0 0 50px; overflow:hidden; }
	.productContact .submitTit { width:1120px; height:40px; line-height:40px; font-size:33px; color:#333; text-align:center; margin:0 auto; }	
	.productContact .submitCon { width:1120px; height:97px; margin:38px auto 0; }
	.productContact .submitCon input { width:270px; height:42px; line-height:42px; font-size:14px; color:#898989; font-family:"微软雅黑","宋体","arial","sans-serif"; border:1px solid #C1C1C1; border-radius:5px; padding:0 0 0 5px; }
	.productContact .submitCon input:placeholder { color:#898989; }
	.productContact .submitCon input.username,.productContact .submitCon input.phone { left:284px; }
	.productContact .submitCon textarea { width:400px; height:85px; line-height:21px; font-size:14px; color:#898989; font-family:"微软雅黑","宋体","arial","sans-serif"; border:1px solid #C1C1C1; border-radius:5px; left:568px; padding:5px; }
	.productContact .submitCon .productBtn { width:115px; height:95px; line-height:95px; font-size:19px; color:#fff; text-align:center; border:none; background:#df0029; border-radius:5px; left:988px; padding:0; cursor:pointer; }

	.want { width:275px; height:42px; background:#fff; }
	.want .set { width:270px; height:42px; line-height:42px; font-size:14px; color:#898989; text-align:left; display:block; margin:0; padding:0 0 0 5px; }
	.set { background:url(../home/btn_2.png) 250px center no-repeat;}
	.select { background:url(../home/btn_1.png) 250px center no-repeat;}
	.new { width:275px; position:absolute; border:1px solid #f5f5f5; background:#fff; display:none; z-index:99999; }
	.want ul li { width:270px; line-height:30px; font-size:14px; color:#898989; padding:0 0 0 5px; }
	.want ul li:hover { background:#ccc; color:#fff; }

	.productsTypesMain { width:100%; height:auto; background:#f5f5f5; margin:0 auto; padding:80px 0 56px; }
		.productsTypesMain p { width:1120x; height:24px; line-height:24px; font-size:17px; color:#858585; text-align:center; margin:2px 0; }

		.productTypes { width:1120px; height:372px; margin:0 auto; }
		.productTypes .serBoxTwo { cursor:pointer; display:inline; width:255px; height:372px; float:left; overflow:hidden; position:relative; background:#fff; margin:0 25px 0 0; }
		.productTypes .serBox1 { border-top:1px solid #ff9300; }
		.productTypes .serBox2 { border-top:1px solid #00a6ad; }
		.productTypes .serBox3 { border-top:1px solid #df0029; }
		.productTypes .serBox4 { border-top:1px solid #3a2885; }
		.productTypes .serBoxTwo .pic1 { width:48px; height:48px; text-align:center; position:absolute; top:36px; right:103px; z-index:99; }
		.productTypes .serBoxTwo .pic2 { width:48px; height:48px; text-align:center; position:absolute; top:36px; left:-103px; z-index:99; }
		.productTypes .serBoxTwo .txt1 { width:255px; height:169px; font-size:14px; color:#878787; position:absolute; top:117px; left:0px; z-index:99; }
		.productTypes .serBoxTwo .txt2 { width:255px; height:169px; font-size:14px; color:#878787; position:absolute; top:117px; right:-255px; z-index:99; }
		.productTypes .serBoxTwo h2 { font-size:17px; display:block; text-align:center; margin:0 0 11px; }
		.productTypes .serBoxTwo .txt1 h2 { color:#333; line-height:24px; }
		.productTypes .serBoxTwo .txt2 h2 { line-height:24px; }
		.productTypes .serBox1 .txt2 h2,.productTypes .serBox1 .txt2 p { color:#ff9300; }
		.productTypes .serBox2 .txt2 h2,.productTypes .serBox2 .txt2 p { color:#00a6ad; }
		.productTypes .serBox3 .txt2 h2,.productTypes .serBox3 .txt2 p { color:#df0029; }
		.productTypes .serBox4 .txt2 h2,.productTypes .serBox4 .txt2 p { color:#3a2885; }
		
		.productTypes .serBoxTwo p { height:140px; line-height:24px; font-size:14px; text-align:left; padding:0 20px; overflow:hidden; }

		.productTypes .serBoxTwo .serBoxBtn { width:132px; height:39px; line-height:39px; font-size:17px; color:#fff; text-align:center; position:absolute; top:313px; left:68px; }
		.productTypes .serBoxTwo .serBoxBtn a { width:132px; height:39px; line-height:39px; font-size:17px; color:#fff; text-align:center; display:block; }
		.productTypes .serBoxTwo .serBoxBtn1 { background:rgba(255,147,0,1); }
		.productTypes .serBoxTwo .serBoxBtn1Hover {
			animation:serboxbtn1hover 0.3s ease-in-out 0s both;
			-moz-animation:serboxbtn1hover 0.3s ease-in-out 0s both;
			-webkit-animation:serboxbtn1hover 0.3s ease-in-out 0s both;
			-o-animation:serboxbtn1hover 0.3s ease-in-out 0s both;
		}
		@keyframes serboxbtn1hover{
			0%{background:rgba(255,147,0,1);}
			100%{background:rgba(255,147,0,0.7);}
		}
		@-moz-keyframes serboxbtn1hover{
			0%{background:rgba(255,147,0,1);}
			100%{background:rgba(255,147,0,0.7);}
		}
		@-webkit-keyframes serboxbtn1hover{
			0%{background:rgba(255,147,0,1);}
			100%{background:rgba(255,147,0,0.7);}
		}
		@-o-keyframes serboxbtn1hover{
			0%{background:rgba(255,147,0,1);}
			100%{background:rgba(255,147,0,0.7);}
		}	
		
		.productTypes .serBoxTwo .serBoxBtn2 { background:rgba(0,166,173,1); }
		.productTypes .serBoxTwo .serBoxBtn2Hover {
			animation:serboxbtn2hover 0.3s ease-in-out 0s both;
			-moz-animation:serboxbtn2hover 0.3s ease-in-out 0s both;
			-webkit-animation:serboxbtn2hover 0.3s ease-in-out 0s both;
			-o-animation:serboxbtn2hover 0.3s ease-in-out 0s both;
		}
		@keyframes serboxbtn2hover{
			0%{background:rgba(0,166,173,1);}
			100%{background:rgba(0,166,173,0.7);}
		}
		@-moz-keyframes serboxbtn2hover{
			0%{background:rgba(0,166,173,1);}
			100%{background:rgba(0,166,173,0.7);}
		}
		@-webkit-keyframes serboxbtn2hover{
			0%{background:rgba(0,166,173,1);}
			100%{background:rgba(0,166,173,0.7);}
		}
		@-o-keyframes serboxbtn2hover{
			0%{background:rgba(0,166,173,1);}
			100%{background:rgba(0,166,173,0.7);}
		}	
		
		.productTypes .serBoxTwo .serBoxBtn3 { background:rgba(223,0,41,1); }
		.productTypes .serBoxTwo .serBoxBtn3Hover {
			animation:serboxbtn3hover 0.3s ease-in-out 0s both;
			-moz-animation:serboxbtn3hover 0.3s ease-in-out 0s both;
			-webkit-animation:serboxbtn3hover 0.3s ease-in-out 0s both;
			-o-animation:serboxbtn3hover 0.3s ease-in-out 0s both;
		}
		@keyframes serboxbtn3hover{
			0%{background:rgba(223,0,41,1);}
			100%{background:rgba(223,0,41,0.7);}
		}
		@-moz-keyframes serboxbtn3hover{
			0%{background:rgba(223,0,41,1);}
			100%{background:rgba(223,0,41,0.7);}
		}
		@-webkit-keyframes serboxbtn3hover{
			0%{background:rgba(223,0,41,1);}
			100%{background:rgba(223,0,41,0.7);}
		}
		@-o-keyframes serboxbtn3hover{
			0%{background:rgba(223,0,41,1);}
			100%{background:rgba(223,0,41,0.7);}
		}	
		
		.productTypes .serBoxTwo .serBoxBtn4 { background:rgba(58,40,133,1); }
		.productTypes .serBoxTwo .serBoxBtn4Hover {
			animation:serboxbtn4hover 0.3s ease-in-out 0s both;
			-moz-animation:serboxbtn4hover 0.3s ease-in-out 0s both;
			-webkit-animation:serboxbtn4hover 0.3s ease-in-out 0s both;
			-o-animation:serboxbtn4hover 0.3s ease-in-out 0s both;
		}
		@keyframes serboxbtn4hover{
			0%{background:rgba(58,40,133,1);}
			100%{background:rgba(58,40,133,0.7);}
		}
		@-moz-keyframes serboxbtn4hover{
			0%{background:rgba(58,40,133,1);}
			100%{background:rgba(58,40,133,0.7);}
		}
		@-webkit-keyframes serboxbtn4hover{
			0%{background:rgba(58,40,133,1);}
			100%{background:rgba(58,40,133,0.7);}
		}
		@-o-keyframes serboxbtn4hover{
			0%{background:rgba(58,40,133,1);}
			100%{background:rgba(58,40,133,0.7);}
		}