﻿

/*服务内容*/

.service{width:100%; background: #f3f3f3; height: 700px; margin: -3px auto 0;}
.titlebox{width: 100%; text-align: center; padding: 50px 0; overflow: hidden;}
.titlebox h3{font-size: 30px; font-weight: normal; color: #333333; line-height: 28px;}
.titlebox p{color: #666666; font-size: 15px; line-height: 28px; margin: 15px 0 0;}
.titlebox i{display: inline-block; width: 80px; height: 3px; background: #00a5f9; margin: 0 auto;}


.in_services,.in_you,.in_pingjia.in_zixun.footer{width: 100%;height: auto;overflow: hidden;min-width: 1259px;margin: 0 auto;background-color: #f5f5f5;padding-bottom: 40px;}
.in_se_tt{width: 100%;height: 100px;min-width: 1259px;color: #555;text-align: center;position: relative;margin: 0 auto;line-height: 100px;font-size: 20px;font-weight: bold;margin-top: 10px;}
#menu-wrapper {  position: relative;  display: block;  z-index: 2;  height: 82px;   font-size: 16px;  color: #000;  text-align: center;}
.menu_se {  display: table;  margin: 0 auto;  padding: 0;  width: 700px;  height: 55px; text-align: left;  list-style-type: none; background:url(../Images/heng.png) no-repeat 33px 2px;}
.menu_se li {  position: relative; display: inline-block; float:left ;  margin-right: 80px; cursor: pointer;  -webkit-transition: 0.3s ease-in-out;  -moz-transition: 0.3s ease-in-out;  -ms-transition: 0.3s ease-in-out;  -o-transition: 0.3s ease-in-out;  transition: 0.3s ease-in-out;  }
.menu_se li:first-child{margin-right: 74px;}
.menu_se li:last-child{margin-right: 0;}
.menu_se a{  color: #666666;  text-decoration: none;  font-size: 16px;text-align: center;display: inline-block;  }
.menu_se li i.noline{position: absolute; left: 43px; top: 41px; }
.menu_se li i.noline2{left: 41px;top: 41px;}
.menu_se li i.noline3{left: 21px;top: 41px;}
.menu_se li i.noline4{left: 50px;top: 41px;}
.menu_se li i{width: 125px; height: 3px; display: block; position: absolute; display: none; z-index: 0;
 background: -webkit-linear-gradient(left, rgba(26,131,196,1), rgba(26,131,196,0)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(26,131,196,1), rgba(26,131,196,0)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(26,131,196,1), rgba(26,131,196,0)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(26,131,196,1), rgba(26,131,196,0)); /* 标准的语法（必须放在最后） */
}


.menu_se a span{display:inline-block; width: 18px; height: 18px; margin-top: 15px; background: url(../Images/servicebtn01.png) no-repeat;}
.menu_se a.selected {  color: #1ea1da;  text-decoration: none;  font-weight: bold;  }
.menu_se a.selected span{background: url(../Images/servicebtn02.png) no-repeat; width: 24px; height: 24px; margin-top: 11px;}
#submenu-wrapper {  position: relative;  right: 0;  left: 0;  display: block;  z-index: 1;  width: 100%;  height: 390px;  margin: -0em auto 0;   font-size: 13px;  overflow: hidden;  }

.submenu {width: 1180px; background: #FFFFFF; display: block; height: 380px; margin: 0 auto; clear: both; margin-bottom: 10px;}
.gszcbox{width:176px; height: 288px; padding: 92px 32px 0; float: left; background: url(../Images/gszcbg.jpg) no-repeat;}
.gszcbox span{display: block; font-size: 12px; color: #FFFFFF; line-height: 30px;}
.submenu .dljz{background: url(../Images/gszcbg2.jpg) no-repeat;}
.submenu .sb{background: url(../Images/gszcbg3.jpg) no-repeat;}
.submenu .gjj{background: url(../Images/gszcbg4.jpg) no-repeat;}
.submenu .xkz{background: url(../Images/gszcbg5.jpg) no-repeat;}

.zhucelistbox{width: 312px; height: 380px; background: #FFFFFF; float: left; z-index: 0;border-right: 1px solid rgba(212,212,212,0.7) ;}
.submenu div:nth-of-type(4){border-right: 0;}

.zcbox{width: 310px; height: 330px;padding-top: 50px; margin: 0 auto; }
.zcbox i{display: block; width: 60px; height: 60px; margin: 0 auto 25px;}
.zcbox span{font-size: 20px; color: #333333; display: block; text-align: center; margin-bottom: 15px;}
.zcbox span h2{color:#333333; display: inline-block; font-size: 20px;}
.zcbox p{font-size: 12px; color: #666666; text-align:center; line-height: 30px;}
.zcbox strong{display: block; text-align: center; font-size: 20px; color: #ff0000; font-weight: normal; margin-top: 15px;}
.zcbox i.zcimg1{background: url(../Images/come01.png) no-repeat;}
.zcbox i.zcimg2{background: url(../Images/come02.png) no-repeat;}
.zcbox i.zcimg3{background: url(../Images/come03.png) no-repeat;}
.zcbox i.zcimg4{background: url(../Images/come04.png) no-repeat;}
.zcbox i.zcimg5{background: url(../Images/come05.png) no-repeat;}
.zcbox i.zcimg6{background: url(../Images/come06.png) no-repeat;}
.zcbox i.zcimg7{background: url(../Images/come07.png) no-repeat;}
.zcbox i.zcimg8{background: url(../Images/come08.png) no-repeat;  width: 84px;}
.zcbox i.zcimg9{background: url(../Images/come09.png) no-repeat;}
.zcbox i.zcimg10{background: url(../Images/come010.png) no-repeat; width: 71px;}
.zcbox i.zcimg11{background: url(../Images/come011.png) no-repeat; width: 79px;}
.zcbox i.zcimg12{background: url(../Images/come012.png) no-repeat;}
.zcbox i.zcimg13{background: url(../Images/come013.png) no-repeat; width: 82px;}
.zcbox i.zcimg14{background: url(../Images/come014.png) no-repeat;width: 82px;}
.zcbox i.zcimg15{background: url(../Images/come015.png) no-repeat;width: 82px;}
.zcbox p a{display:inline-block; width: 90px; height: 35px; margin: 25px 11px 0; text-align: center; line-height: 35px; color: #FFFFFF;}
.zxzx{background: #007cc6;}
.lzbl{background: #fa4f4f;}
.submenu2 div.hover2 span{color: #1686c9; font-weight: bold;}


div.hover2{ position: relative; z-index: 10; -webkit-animation: boxing .25s forwards; -moz-animation: boxing .25s forwards; -ms-animation:boxing .25s  forwards; animation: boxing .25s forwards; }
div.hover2 .zcimg1{background: url(../Images/come1.png) no-repeat;}
div.hover2 .zcimg2{background: url(../Images/come2.png) no-repeat;}
div.hover2 .zcimg3{background: url(../Images/come3.png) no-repeat;}
div.hover2 .zcimg4{background: url(../Images/come4.png) no-repeat;}
div.hover2 .zcimg5{background: url(../Images/come5.png) no-repeat;}
div.hover2 .zcimg6{background: url(../Images/come6.png) no-repeat;}
div.hover2 .zcimg7{background: url(../Images/come7.png) no-repeat;}
div.hover2 .zcimg8{background: url(../Images/come8.png) no-repeat;}
div.hover2 .zcimg9{background: url(../Images/come9.png) no-repeat;}
div.hover2 .zcimg10{background: url(../Images/come10.png) no-repeat;}
div.hover2 .zcimg11{background: url(../Images/come11.png) no-repeat;}
div.hover2 .zcimg12{background: url(../Images/come12.png) no-repeat;}
div.hover2 .zcimg13{background: url(../Images/come13.png) no-repeat;}
div.hover2 .zcimg14{background: url(../Images/come14.png) no-repeat;}
div.hover2 .zcimg15{background: url(../Images/come15.png) no-repeat;}
div.hover2 span h2{color: #1686c9; font-weight: bold;}
div.hover2 span.dlspan{color: #19cc65;}
div.hover2 span.sbspan{color: #f99f3b;}
div.hover2 span.gjjspan{color: #fa4f4f;}
div.hover2 span.xkzspan{color: #b063ad;}


.submenu2 div.hover2 span h2{color: #19CC66;}
.submenu3 div.hover2 span h2{color: #F99F3B;}
.submenu4 div.hover2 span h2{color: #FB4F4F;}
.submenu5 div.hover2 span h2{color: #B163AE;}

@-webkit-keyframes boxing{
	0%{}
	100%{ width: 310px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: 0;  box-shadow: 3px 3px 3px 0px #ddd;;}

}
@-moz-keyframes boxing{
	0%{}
	100%{ width: 310px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: 0;  box-shadow: 3px 3px 3px 0px #ddd;;}
}
@-ms-keyframes boxing{
	0%{}
	100%{ width: 310px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: 0;  box-shadow: 3px 3px 3px 0px #ddd;;}
}
@keyframes boxing{
	0%{}
	100%{ width: 310px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: 0;  box-shadow: 3px 3px 3px 0px #ddd;;}
}



/*team*/
.team{width: 100%; min-height: 570px; background: #ffffff;}
.team .titlebox{padding: 45px 0 42px;}
.teambox{width: 1180px; margin: 0 auto;}
.hd{position: relative;}
.hd a{display: block; width: 50px; height: 50px; background: url(../Images/hdbg.png) no-repeat; position: absolute;z-index: 1000;} 
.hd a.next{background-position: -53px 0px; right: -112px; top: 130px;}
.hd a.prev{background-position: 0px -50px; left: -112px; top: 130px; }
.hd a.prev:hover{background-position: 0px -0px;  }
.hd a.next:hover{background-position: -53px -50px; }
.flashBg{width:1180px;height:350px; margin:0 auto;position:relative;overflow:hidden;}
.flashBg ul.mobile{width:2000%;height:350px; position:absolute;}
.flashBg ul.mobile li{ float:left;width:225px; margin-right: 94px; height:350px;color:#6C6E85;}
.flashBg ul.mobile li a.imga{ display: block; width: 163px; height: 163px; margin: 0 auto;}
.flashBg ul.mobile li h3{ text-align: center; font-size: 16px; color: #333333; font-weight: normal; padding: 10px 0;}
.flashBg ul.mobile li h3 span{font-size: 12px; color: #666666;}
.flashBg ul.mobile li p{font-size: 12px; color: #666666; line-height: 20px;}
.flashBg ul.mobile li p.fwrx{font-size: 14px; padding: 10px 0 14px;}
.flashBg ul.mobile li p.fwrx strong{font-size: 20px; color: #ff7f00;}
.hotphone{ width: 223px; height: 35px; background: url(../Images/telphone.jpg) no-repeat;}
.hotphone .tel{border: none; background: none; width: 158px; height: 35px; padding: 0 10px 0 15px; font-size: 12px; color: #666; line-height: 35px; float:left}
.flashBg ul.mobile li a strong{font-size: 16px; color: #2f2f2f; display: block; margin-bottom: 20px;}
.flashBg ul.mobile li a strong span{font-weight: normal; color: #666666;}
.flashBg ul.mobile li a div{display:table-cell; width: 260px; height: 210px; text-align: center; vertical-align: middle;}
.hotphone .coolbg{ width:40px;height:35px; cursor:pointer; border:none; float:right; background:none}

/*服务流程*/
.in_lc{width: 100%; height: 480px; overflow: hidden;position: relative; }
.in_lc>div{width: 1180px;margin:0px auto;}
.in_lc>div>div{width:135px;float: left; position: relative; margin-right: 70px;}
.in_lc .circle{width:135px;height: 135px;border: 1px solid #333333;border-radius:75px;color: #333333;text-align: center;margin: 0 auto;}
.in_lc i{width: 52px;height: 52px;background:url(../Images/lc01.png) no-repeat center center;display: block;margin-left: 41.5px;margin-top: 41.5px;transition: .5s;}
.in_lc p{margin-top: 10px}
.in_lc>div>div>p{font-size: 14px;color:  #333333; line-height: 22px;}
.in_lc u{width: 35px;height: 35px;background:#00a5f9;border-radius: 32px; border: 1px solid #FFFFFF;position: absolute;left: 5px;top:5px;color: #FFFFFF;text-decoration: none;font-size: 18px;text-align: center;line-height: 35px;font-weight:100; font-family: arial;}
.in_lc .qyht{background:url(../Images/lc02.png) no-repeat center center;}
.in_lc .ymsj{background:url(../Images/lc03.png) no-repeat center center;}
.in_lc .cxkf{background:url(../Images/lc04.png) no-repeat center center;}
.in_lc .shys{background:url(../Images/lc05.png) no-repeat center center;}
.in_lc .hqwh{background:url(../Images/lc06.png) no-repeat center center;}
.in_lc>div>div:hover>.circle{background: #fff;color: #1ea1da;}
.in_lc>div>div:hover u{background: #333333; color: #FFFFFF;}
.in_lc>div>div:hover i{background:url(../Images/lc1.png) no-repeat;  transform: rotate(360deg);  -ms-transform: rotate(360deg); /* IE 9 */  -webkit-transform: rotate(360deg); /* Safari and Chrome */  transition: .5s;  }
.in_lc>div>div:hover .qyht{background:url(../Images/lc2.png) no-repeat center center;color:#1ea1da;}
.in_lc>div>div:hover .ymsj{background:url(../Images/lc3.png) no-repeat center center;}
.in_lc>div>div:hover .cxkf{background:url(../Images/lc4.png) no-repeat center center;}
.in_lc>div>div:hover .shys{background:url(../Images/lc5.png) no-repeat center center;}
.in_lc>div>div:hover .hqwh{background:url(../Images/lc6.png) no-repeat center center;}
.in_lc>div>div h3{font-size: 20px; color: #333333; text-align: center; font-weight: normal; line-height: 28px; margin: 18px 0 10px;}
.in_lc .titlebox{padding: 50px 0 42px;}
.in_lc .titlebox h3{color: #333333;}
.in_lc .titlebox p{color: #333333;}
.in_lc .titlebox i{background: #00a5f9; width: 80px; height: 3px; margin: 10px auto 0;}

@media (max-width:1180px) and (min-width: 1000px) {
	
	#continer{min-width: 1000px;}
	.top-box .box-con{width: 1000px;}
	.logo-box{width: 1000px;}
	.nav-box .box-con{width: 1000px;}
	.nav-box .box-con ul.nav-ul{width: 760px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box{width: 758px;}
	div.banner-nav .left-nav dl dd .nav-right{width: 758px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .left{width: 510px; padding: 0 10px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .left .title{width: 70px; margin-right: 10px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .left .text{width: 425px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .left .text ul li{margin: 5px 10px 5px 0;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .right{width: 225px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .right .pic div.firstdiv{width: 200px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .right .pic div.firstdiv img{width: 200px;}
	div.banner-nav .left-nav dl dd .nav-right .main-box .right .pic div.firstdiv span{width: 200px;}
	.banrightbox{width: 1000px; margin-left: -500px;}
	
	.submenu{width: 1000px;}
	.zhucelistbox{width: 252px;}
	.zcbox{ width: auto;}
	@keyframes boxing{
		0%{width: 248px; padding-top: 50px; height: 330px; background: #FFFFFF;}
		100%{width: 250px; height:329px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; margin-left: 0; box-shadow:2px 2px 3px #aaaaaa;}
	}
	.teambox{width: 1000px;}
	.flashBg{width: 900px;}
	.hd a.next{right: -25px;}
	.hd a.prev{left: -25px;}
	.in_lc>div{width: 1000px;}
	.in_lc>div>div{margin-right: 36px;}
	.ck-slide{width: 1000px;}
	.ck-slide ul.ck-slide-wrapper li{width: 1000px;}
	.newsdl{width: 1000px;}
	.newsdl dd{width: 320px; margin-right: 20px;}
	.newsdl dd div.xqbox{width: 220px; height: 80px; overflow: hidden;}
	.newsdl dd div.xqbox{margin-left: 10px;}
	.clients .box ul.items{width: 1000px;}
	.clients .box ul.items li{padding: 10px 12px 10px 0; margin: 0 7px 23px 0;}
	.jpservice{width: 1000px;}
	.jpservice dl{width: 221px;}
	.jpservice dl dd{width: 130px; margin-left: 14px;}
	.jpservice dl.seconddl{width: 302px;}
	.jpservice dl.seconddl dd{width: 210px;}
	.jpservice dl.threedl{width: 229px;}
	.jpservice dl.threedl dd{width: 120px;}
	.jpservice dl.lastdl{width: 248px;}
	.jpservice dl.lastdl dd{width: 156px;}
	.in_cont .cont{width: 1000px;}
	.cont_cont{width: 305px; margin-left: 40px;}
	.footleft{width: 156px;}
	.footleft img{width: 100%;}
}

@media only screen and (max-width: 1000px) {
	.banner-box{height: auto;}
	.carousel-inner{height: auto;}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 200%; position: inherit; left: -50%; margin-left: auto; height: auto;}
	#continer{min-width: 0;}
	.top-box{display: none;}
	.ad-box,.logo-box span.telphone,.nav-box,.banrightbox{display: none;}
	.wrapper{width: 100%;}
	.logo-box{width: 90%; margin: 0 auto; margin-top: -20px; height: 70px;}
	.phonenav{display: block;}
	.titlebox h3{font-size: 18px;}
	.service{height: 355px;}
	.servicebox{display: none;}
	.servicelist{display: block;}
	.teambox{width: 90%;}
	.flashBg{width: 80%; left: 0%;}
	.hd a.next{right: 5px;}
	.hd a.prev{left: 5px;}
	.in_lc>div{width: 90%;}
	.in_lc>div>div{ width: 33%; margin-right: 0;}
	.in_lc u{left: 12%;}
	.in_lc{height: auto; padding-bottom: 40px;}
	.ck-slide{display: none;}
	.newsdl{width: 90%; margin: 0 auto;}
	.newsdl dd{width: 100%;}
	.newsdl dd div.xqbox{width: auto;}
	.clients .box ul.items{width: 90%;}
	.clients .box ul.items li{margin-right: 0.5%;}
	.jpservice{width: 90%; height: auto;}
	.jpservice dl{width: 50%; margin-bottom: 15px;}
	.jpservice dl.seconddl,.jpservice dl.threedl{width: 50%;}
	.jpservice dl.threedl,.jpservice dl.lastdl{margin-bottom: 0;}
	.jpservice dl.seconddl dd{width: auto;}
	.in_cont .cont{width: 90%;}
	.in_cont{height: auto;}
	.cont .cont_input{float: none; margin: 0 auto;}
	.cont_cont{float: none; margin: 0 auto;}
	.clients .box ul.items li{display: none;}
	.phoneNews{display: block;}
	.clients .box ul.items li.apple{margin-right: 0.5%;}
	.linkbox{padding: 0 10px;}
	.search-box{width: 100%;}
	/*3.16 全心全意为人民服务*/
	/*.in_fuwubox li{width: 20%;float: left;margin: 16px 0px 70px;}
	.in_fuwubox h3{font-size: 16px;}.in_fuwubox a p{font-size: 14px;}*/
	/*3.16 全心全意为人民服务*/

	/*3.21 我们的产品*/
	.ourpro_box2{/*display: none;*/}
	.in_ourpro{padding-bottom: 40px;}
	.ourpro_box1 p{font-size: 12px;}
	.ourpro_img1, .ourpro_img2, .ourpro_img3, .ourpro_img4, .ourpro_img5{width:100%;background-size: 100%; }
	.ourpro_img1:hover, .ourpro_img2:hover, .ourpro_img3:hover, .ourpro_img4:hover, .ourpro_img5:hover{background-size: 100%;}
	.in_lc>div>div>p{text-align: center;}
}


@media only screen and (max-width: 600px) {
	.in_cont{display: none;}
	.flashBg{width: 225px;}
	.newsdl dd div.date{width: 20%;}
	.newsdl dd div.xqbox{width: 70%; margin-left: 9%;}
	.in_kehu{height: 748px;}
	.jpservice dl,.jpservice dl.seconddl, .jpservice dl.threedl{width: 100%;}
	.jpservice dl.threedl, .jpservice dl.lastdl{margin-bottom: 15px;}
	.newsdl dd div.date strong{margin-top: 0;}
	.clients .box ul.items{width: 370px;}
	.clients .box ul.items li{margin-left: 10px;}
	.topContent{width: 320px;}
	.topRight{float: none;}
	.or,.sorry{text-align: center}

	/*3.16 全心全意为人民服务*/
/*	.in_fuwubox ul{margin: 20px 0px;}
	.in_fuwubox li{width: 33.3%;float: left;margin: 10px 0px 10px;}
	.in_fuwubox a img{width: 56px;height: 56px;}
	.in_fuwubox a p{font-size: 12px;}*/
	/*3.16 全心全意为人民服务*/
	/*3.21 我们的产品*/
	.ourpro_box2{/*display: none;*/ margin-bottom: 30px;}
	.ourpro_box2 ul{width: 100%;}
	.ourpro_box2 li{font-size: 13px; line-height: 24px;}
	.ourpro_box2 li.dl_yx{width: 100%; text-align: center;}
	.ourpro_box2 li div{width: 128px; margin-right: 10px; display: inline-block; float: none;}
	
	.in_ourpro{padding-bottom: 40px;}
	.ourpro_box1 p{font-size: 12px;}
	.ourpro_img1, .ourpro_img2, .ourpro_img3, .ourpro_img4, .ourpro_img5{width:100%;background-size: 100%; height: 120px;}
}

@media only screen and (max-width:480px ) {
	.servicelist li{width: 33%;}
	.service{height: 470px;}
	
	.in_lc>div>div{ width: 30%; margin-bottom: 20px; margin-left: 10px;}
	.in_lc .circle{width: 80px; height: 80px;}
	.in_lc i{margin-left: 26px; margin-top: 26px; width: 30px; height: 30px; background-size: 30px 30px;}
	.in_lc .qyht,.in_lc .ymsj,.in_lc .cxkf,.in_lc .shys,.in_lc .hqwh{background-size: 30px 30px;}
	.in_lc>div>div:hover .qyht{background-size:30px 30px ;}
	.in_lc u{width: 25px; height: 25px; line-height: 25px; font-size: 14px;}
	.in_lc>div>div h3{font-size: 14px;}
	.in_lc>div>div>p{font-size: 12px; display: none;}
	.in_lc>div>div>p br{display: none;}
	
	.newsdl dd div.date{width: 55px; height: 55px; border-radius: 55px;}
	.newsdl dd div.date strong{font-size: 16px; line-height: 30px;}
	.newsdl dd div.date em{font-size: 12px;}
	.footljzx{padding-top: 97px; height: 56px; background-size: auto 150px; }
	.footljzx a{height: 30px; width: 110px; font-size: 14px; line-height: 30px;}
	.clients .box ul.items{width: 83%;}
	.clients .box ul.items li{margin-right: 1%; margin-left: 0;}
	.foot_link{display: none;}
}

@media only screen and (max-width: 412px) {
	.in_lc>div{width: 100%;}
	.logo-box a.logo{width: 180px; height: 49px; background-size: 180px 49px;}
	.phonenav{top: 20px;}
	.logo-box{height: 70px;}
	.thanks{height: 375px;}
	.clients .box ul.items li{float: none; margin: 0 auto 23px;}
	.logo-box a.logo img{width: 100%;}
}
@media only screen and (max-width:360px ) {
	.clients .box ul.items li{float: none; margin: 20px auto;}
}






        .login_fixed
        {
            position: fixed;
            left: 50%;
            top: 0px;
            width: 317px;
			margin-left:-158px;
			margin-top:-125px;
            height: 250px;
            background-color: #fff;
            padding-bottom: 30px;
            border: 1px solid lightgrey;
			z-index:999999999999999999999;
        }
        .login_form
        {
            width: 260px;
            margin: 0 auto;
            margin-top: 30px;
        }
        .login_form span
        {
            float: left;
            padding-right: 20px;
            line-height: 40px;
            width: 48px;
            text-align: right;
            font-size: 12px;
        }
        .login_row input
        {
            float: left;
            width: 180px;
            height: 28px;
            font-size: 14px;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 4px;
            line-height: 28px;
        }
        .login_row
        {
            height: 24px;
            margin-bottom: 40px;
        }
        .login_row_recember
        {
            height: 24px;
        }
        .login_action_center
        {
            text-align: center;
            padding-top: 15px;
        }
        .login_action
        {
            padding: 10px 60px;
            font-size: 14px;
            background-color: #37A8F6;
            color: white;
        }
        .error_input
        {
            border: 1px solid red;
        }
        .error_desc
        {
            font-size: 12px;
            color: red;
        }
        .error_input
        {
            border: 1px solid red;
        }
        .tab ul.menu22
        {
            height: 34px;
            background: #f6f6f6;
        }
        .tab ul.menu22 li
        {
            float: left;
            text-align: center;
            width: 100px;
            height: 34px;
            background: #f6f6f6;
            line-height: 32px;
            list-style: none;
            font-size: 12px;
            cursor: pointer;
        }
        .tab ul.menu22 li.active
        {
            background: #e2383a;
            color: #fff;
        }