ol,ul,li{list-style:none outside none}
img{border:0}
.clearfix:before, .clearfix:after {content: "";display: block;height:0;clear:both;visibility:hidden;}
.clearfix:after{clear:both;overflow: hidden;}
.clearfix {*zoom: 1;}

.clear{clear:both;height:0;overflow:hidden;font-size:0}
input,a,select{outline:0}
a{text-decoration:none;color:#333}
a:link{color:#333}
a:visited{color:#333}
a:hover{color:#226aab;text-decoration:underline}
a:active{color:#333}
.w{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.layout{width:1200px; margin:0 auto; position: relative}
.container{width:100%; position: relative;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs24{font-size: 24px;}
.fcg1{color:#848484}
.fcw1{color:#fff}
.pb20{padding-bottom: 20px}
.pb10{padding-bottom: 10px}
/* 顶部内容+导航
-------------------------------------------------- */
.ui-header { height: 110px;  width: 100%; z-index: 100;}

.ui-header-logo { padding: 34px 0 0 30px; float:left; display: inline-block; position: relative;}
.ui-header-logo .ipnao{position: absolute;right:-80px;top:20px}
.ui-header-logo img {display: block; border: none;}
.ui-header-phone{text-align: right;padding:14px 30px 0 0; color:#999999}

nav { float:right;padding: 10px 10px 0 0; position: relative;right:-8px}
nav li{display: inline-block;width:90px;text-align: center; background: url(../images/nav_rline.png) no-repeat right center;}
nav li:last-child{ background: none;}
nav li a { text-align: center; position: relative; font-weight: 400; font-size: 16px; line-height: 32px; text-decoration: none; color: rgba(0, 0, 0, 0.4);  transition: color .3s ease;}
nav a::after { --scale: 0; content: ''; position: absolute; left: 0; right: 0; top: 120%; height: 0px; background: #f23030;	line-height: 32px;  -webkit-transform: scaleX(var(--scale));
transform: scaleX(var(--scale)); -webkit-transform-origin: var(--x) 50%; transform-origin: var(--x) 50%; transition: -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1); transition: transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.535, 0.05, 0.355, 1);}
nav a:hover { color: #f23030;text-decoration: none;font-weight: 600;}
nav a:hover::after { --scale: 1;}
/* banner
-------------------------------------------------- */
.banner{width:100%;max-width: 1920px;margin: 0 auto;height: 1080px; background: url(../images/2.jpg) no-repeat center top; position: relative;}
/* 20150311 */

.pagemain{width:100%;max-width: 1920px;margin: 0 auto;background:#fff url(../images/pagebg.jpg) no-repeat center top; position: relative;}
/*.services{width:1004px;margin: 0 auto;background:url(../images/nav_bg.png) no-repeat center top; position: relative;top:-60px; height: 236px;}*/
.services{width:950px;margin: 0 auto; position: relative;top:-60px; height: 180px;border-radius: 90px;background:#fff;box-shadow: 0px 5px 35px rgba(242,48,48,.2); }
.services ul{}

.services .list{
	text-align: center;
	width:100%;
	height:auto;
}
.services .list li{
	display:inline-block;
	margin: 0 30px;/*padding-top: 8px;
	height:172px;*/
	padding-top: 28px;
height: 152px;
	background:#FFF;
    width:180px;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	transition:0.3s all ease;
	overflow:hidden;
	position:relative;
}

.services .list li:hover{
	background:url(../images/avline.png) repeat-x;
	cursor: pointer;
	
}
.services .text h2,.text a{
	font-family:"Microsoft YaHei";
	color:#333;
	text-shadow:1px 2px 4px #ccc;
	font-size:20px;
	
	font-weight:normal;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.services .text h2{line-height: 30px;}
.services .text h3{
	font-family:Verdana;
	font-size:17px;
	color:#acacac;
	font-weight:normal;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.services .text h4{
	font-family:Verdana;
	font-size:12px;
	color:#dadada;
	font-weight:normal;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
}
.services .list li:hover h2,.list li:hover  a{
	color:#FFF;
	font-size:18px;
	text-shadow:1px 2px 4px #da1818; text-decoration: none;
}
.services .list li:hover .text h3{
	color:#fcb8b7;
	font-size:16px;
	margin-top:4px;
}
.services .list li:hover .text h4{
	color:#fcb8b7;
	font-size:12px;
	margin-top:0px;
}
.services .list li .icon1{background:url(../images/nav_icon.png) no-repeat;}
.services .list li:hover .icon1{background:url(../images/nav_icon.png) no-repeat 0 -80px;}
.services .list li .icon2{background:url(../images/nav_icon.png) no-repeat -100px 0;}
.services .list li:hover .icon2{background:url(../images/nav_icon.png) no-repeat -100px -80px;}
.services .list li .icon3{background:url(../images/nav_icon.png) no-repeat -200px 0;}
.services .list li:hover .icon3{background:url(../images/nav_icon.png) no-repeat -200px -80px;}
.services .list li .icon{
	width:100px;
	height:80px; margin: 0 auto;margin-bottom: 10px;
	font-size:30px;
	line-height:90px;
	text-align:center;
	-webkit-transition:0.3s all ease;
	-moz-transition:0.3s all ease;
	-ms-transition:0.3s all ease;
	-o-transition:0.3s all ease;
	text-shadow:0 0 3px #CCCCCC;
}
.services .list li:hover .icon{
	color:#F90;
	font-size:50px;
}
.services .list li:hover .text{
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
}
.services .text{
	
	margin-top:24px;
	height:70px;
	-webkit-animation:.5s .2s ease both;
-moz-animation:1s .2s ease both;
}

@-webkit-keyframes shake{
0%,100%{-webkit-transform:translateX(0);}
20%,60%{-webkit-transform:translateX(-10px);}
40%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
0%,100%{-moz-transform:translateX(0);}
20%,60%{-moz-transform:translateX(-10px);}
40%,80%{-moz-transform:translateX(10px);}
}



.main{padding: 80px 0 30px 0;}
.main h1{text-align: center; font-size: 30px; color:#393939;line-height: 54px;font-weight: 400;}
.main h2{text-align: center;font-size: 24px; color:#ddd;line-height: 32px;font-weight: 400;}

.main ul.qrcode1{width:1098px;margin: 0 auto;padding-top: 16px; padding-bottom: 56px;}
.main ul.qrcode2{width:732px;margin: 0 auto;padding-top: 16px;padding-bottom: 56px;}
.main ul li{display: inline-block; float:left;text-align: center;}
.main ul.qrcode1 li{width:33.3%;}
.main ul.qrcode2 li{width:50%}

.main ul li .title{font-size: 20px;color:#f23030;line-height: 60px; height: 60px;}
.main ul li .img{width:241px;margin:0 auto; position: relative;}
.main ul li .img .link{ position:absolute;bottom:18px;right:0;width:90px;}
.main ul li .img img{width:100%;}
.main ul li .desc{color:#7c7c7c;font-size: 14px;}