/******************************
 ** power by:：购实惠领券网 http://www.g10hui.com
 **qq：554115339
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0; }
body  { max-width:1920px; margin:0 auto; font:16px/1.5 "微软雅黑","Microsoft Yahei", Arial; color:#4f4f4f; background:#fff; }
img { border:0px; }
ul,ol { list-style-type:none; vertical-align:bottom; }
em,i,u,b{ font-style: normal; list-style: none; font-weight: normal;  }
table { border-collapse:collapse; border-spacing:0; border: 1px #ccc solid;}
table td{border: 1px #ccc solid;}
input,textarea,select { font:16px/1 "微软雅黑","Microsoft Yahei", Arial; color:#4f4f4f; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6 { font-size:16px; }
a { text-decoration:none; cursor:pointer; color: #666;}
a:hover,a:active { color:#E33425; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.clearfix:after{content:""; clear:both;font-size:0px; line-height:0px; height:0px; }
.fl{float: left;}
.fr{float: right;}
.hidden { display:none; }
.arrow { font-family:'Small Fonts'; font-style:normal; }
.autocut , [nowrap]{ overflow:hidden;display: block; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.wrap { width:1000px; margin:0 auto; position:relative; }
.wrapper{ width:1000px; margin:0 auto; position:relative;  }
.w1100 { width:1100px; margin:0 auto; position:relative; }
.w1000{  width:1000px; margin:0 auto; position:relative; }
.wrapper { margin-bottom:50px; min-height:auto; padding-top:30px; }
[guodu] *{ transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
[this_guodu]{ transition: background 300ms; -webkit-transition: background 300ms; }

.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }
.center { text-align:center; }
.overlay { width:100%; height:100%; background:#000; position:fixed; _display:none; left:0; top:0; z-index:100; opacity:1; }
.autocut { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }

/******************************
 ** 首页风格
 ******************************/

/* header */
.header { position:relative; height:120px; z-index:9; background:#09324a;min-width:1000px; }
.header .main { width:1000px; margin:0 auto; }
.header .logo { float:left; margin-top:30px; margin-right:15px; display:inline; }
.header .logo img { width:320px; height:54px; display:block; }
.header .tel { float:left; height:54px; margin-top:38px; font-family:"Microsoft Yahei"; font-size:14px; line-height:20px; overflow:hidden; color:#58aabb; }
.header .tel span { display:block; font-family:"Impact"; font-size:24px; color:#ed8000; line-height:28px; }
.header .opr { float:right; width:300px; padding-top:15px; }
.header .t { float:right; text-align:right; width:100%; height:20px; line-height:20px; margin-right:-8px; display:inline; margin-bottom:20px; color:#58aabb; }
.header .t a { margin:0 8px; color:#58aabb; }
.header .searcher { float:right; }
.header .searcher .btn { float:right; width:45px; height:26px; border-left:1px solid #0c3f5c; }
.header .searcher .btn input { width:45px; height:26px; line-height:26px; border:0; color:#FFF; cursor:pointer; background:#125777; }
.header .searcher .type { float:right; height:26px; position:relative; border-right:1px solid #3686a0; background:#125777; }
.header .searcher .type span.res { width:70px; height:26px; line-height:26px; display:block; padding:0 5px; color:#999; cursor:pointer; text-align:left; color:#FFF; background:url(../images/web/tip1.gif) 60px center no-repeat; }
.header .searcher .txt { float:right; width:154px; height:22px; *position:relative; +top:-1px; _top:0px; text-align:left; }
.header .searcher .txt input { height:20px; line-height:20px; width:140px; padding:0 5px; border:none; background:url(../images/web/tip2.gif) 0 0 repeat-x #FFF; color:#999; _position:absolute; _left:0; _top:0; border:3px solid #125777; }
.header .searcher .drop { position:absolute; width:81px; background:#125777; left:0; top:25px; text-align:left; border-radius:0px; overflow:hidden; display:none; }
.header .searcher .drop dl { box-shadow:0 0 0px rgba(0,0,0,0.1) inset; }
.header .searcher .drop dt { height:20px; line-height:20px; color:#FFF; }
.header .searcher .drop a { padding-left:5px; display:block; cursor:pointer; color:#FFF; }
.header .searcher .drop a:hover { background:#2694c4; }
/* navigation */
.navigation { position:relative; width:100%; z-index:9; background:#09324a; min-width:1000px; }
.navigation .list { width:1000px; height:50px; margin:0 auto; font-family:"Microsoft Yahei"; font-size:14px; }
.navigation li.nav1 { float:left; width:165px; background:url(../images/web/tip3.gif) left center no-repeat; position:relative; }
.navigation a.nav1 { display:block; height:50px; line-height:50px; text-align:center; color:#FFF; }
.navigation li.hover a.nav1 { background:url(../images/web/navHover.gif) center center no-repeat; }

.navigation .drop { position:absolute; left:0; top:50px; display:none; width:100%; }
.navigation .nav2 { text-align:center; position:relative; z-index:1; border-top:1px solid transparent; }
.navigation .nav2 a { display:block; height:30px; line-height:30px; color:#FFF; background:rgba(12,75,112,0.7) !important; 
		filter:Alpha(opacity=70); background:#0c4b70; }
.navigation .nav2 a:hover { background:rgba(12,75,112,1) !important; filter:Alpha(opacity=100); color:#ed8000; }
.navigation li.home { background:none; }

.navigation .drop.dropTwo{ width: 1000px; left: 50%;margin-left: -577px; overflow: hidden; margin-top: 1px;
	background:rgba(12,75,112,0.8) !important; 
	filter:Alpha(opacity=80); background:#0c4b70;
}
.navigation .drop.dropTwo .nav2{ float: left; width: 200px;overflow: hidden; margin-bottom: 15px; }
.navigation .drop.dropTwo .nav2>a{ font-weight: bold; font-size: 15px; text-align: left; padding-left: 30px; 
}
.navigation .drop.dropTwo .nav2 a{ 
	background: none !important;
 }
.navigation .drop.dropTwo .nav3 a{ font-size: 12px;text-align: left;  padding-left: 30px; }
.navigation .drop.dropTwo .nav2 a:hover{ background:rgba(12,75,112,1) !important; filter:Alpha(opacity=100); color:#ed8000; }

/* wrapper */
.wrapper { width:1002px; margin:0 auto 20px; padding-top:30px; }
.part1 { width:1000px;   margin:20px auto 0;padding-bottom: 20px; }
.part1 .thead { height:30px; line-height:30px; background:url(../images/web/tip5.gif) right 0 no-repeat; margin-bottom:15px; }
.part1 .thead .tit { width:86px; height:30px; background:url(../images/web/tip5.gif) left -40px no-repeat; float:left; color:#FFF; font-family:"Microsoft Yahei"; }
.part1 .thead .tit span { font-size:14px; margin-left:12px; }
.part1 .thead .more { width:60px; height:30px; float:right; font-family:"Arial"; background:url(../images/web/more.gif) center center no-repeat; }
.part1 .thead .more:hover { color:#FFF; }
.part2 { width:1000px; height:250px; margin:0 auto; }
/* iabout */
.iabout { float:left; width:358px; }
.iabout .tbody { line-height:23px; text-indent:2em; height:140px; overflow:hidden; }
.iabout .tbody img { float:left; margin-right:10px; width:130px; height:85px; }
.iabout .tbody a { margin-left:5px; }
.iabout .tbody a:hover { text-decoration:underline; }
/* .inews */
.inews { width:310px; float:left; margin-left:40px; }
.inews .img { float:left; }
.inews .img img { width:130px; height:135px; display:block; }
.inews .list { float:right; width:170px; height:140px; overflow:hidden; }
.inews .list li { float:left; width:100%; height:23px; line-height:23px; background:url(../images/web/tip6.gif) left center no-repeat; }
.inews .list a { margin-left:10px; }
.inews .list a:hover { text-decoration:underline; }
/* icontact */
.icontact { width:250px; float:right; }
.icontact .tbody { line-height:23px;  overflow:hidden; }
.icontact .tbody img{ display: block; width: 100%; margin-bottom: 10px;  }
/* column */
.column .thead { height:30px; line-height:30px; background:url(../images/web/tip7.gif) right 0 no-repeat; margin-bottom:15px; }
.column .thead .tit { float:left; width:130px; height:30px; background:url(../images/web/tip7.gif) left -40px no-repeat; font-family:"Microsoft Yahei"; font-size:14px; color:#FFF; }
.column .thead .tit span { margin-left:12px; }
.column .thead .sort { float:left; height:30px; margin-left:10px; }
.column .thead .sort a { margin:0 10px; }
.column .thead .more { width:60px; height:30px; float:right; font-family:"Arial"; background:url(../images/web/more.gif) center center no-repeat; }
.column .thead .sort a:hover { text-decoration:underline; }
/* iproduct */
.iproduct { width:1000px; margin:0 auto; }
.iproduct .tbody { width:1000px; height:185px; overflow:hidden; padding-top:5px; margin:0 auto; position:relative; }
.iproduct .list { width:300%; float:left; }
.iproduct .item { float:left; width:170px; margin-bottom:20px; }
.iproduct .container { width:150px; padding:4px 4px 0; border:1px solid #ddd; }
.iproduct .img { display:block; }
.iproduct .img img { display:block; width:150px; height:125px; }
.iproduct .wd { height:30px; line-height:30px; }
.iproduct .tit { float:left; }
.iproduct .order { float:right; }
.iproduct .list a { color:#09324a; }
.iproduct .order:hover { text-decoration:underline; }
.iproduct .hover .container { border-color:#09324a; background:#09324a; }
.iproduct .hover a { color:#FFF; }
/* icase */
.icase { float:left; width:640px; }
.icase .tbody { overflow:hidden; width:580px; height:170px; float:left; position:relative; margin-left:10px; display:inline; }
.icase ul { float:left; width:300%; }
.icase li { width:197px; float:left; margin-bottom:20px; }
.icase li a { display:block; width:175px; padding:4px 4px 0; border:1px solid #ddd; color:#09324a; }
.icase li img { width:175px; height:130px; display:block; }
.icase li span { width:100%; height:30px; line-height:30px; text-align:center; display:block; }
.icase li a:hover { border-color:#09324a; background:#09324a; color:#FFF; }
.icase .arrow_l, .icase .arrow_r { width:20px; height:35px; background:url(../images/web/arrow.gif) center 0 no-repeat; float:left; cursor:pointer; margin-top:65px; }
.icase .arrow_r { background-position:center -45px; float:right; }
/* ui_link? */
.ui_link1, .ui_link2, .ui_link3 { float:right; width:100px; height:213px; background:url(../images/web/tip8_1.gif) 0 0 no-repeat; margin-left:15px; }
.ui_link2 { background-image:url(../images/web/tip8_2.gif); }
.ui_link3 { background:url(../images/web/tip8_3.gif); }
/* footer */
.footer { background:#09324a; min-width:1000px; }
.footer .main { width:1000px; margin:0 auto; text-align: center; color:#58aabb; position:relative; }
.footer .ilink { height:42px; line-height:42px; border-bottom:1px solid #06263a; }
.footer .ilink a { margin-left:15px; }
.footer .subNav a { margin:0 10px; }
.footer a:hover { text-decoration:underline; }
.footer .foot { border-top:1px solid #10455d; line-height:28px; padding-top:10px; padding-bottom:10px; font-size: 14px; }
.footer .subNav { margin-left:-10px; }
.footer .subNav a { margin:0 10px; }
.footer a { color:#58aabb; }
.footer a:link, .footer a:visited { _color:#58aabb; }
.footer .tel2 { position:absolute; bottom:5px; right:0; line-height:18px; font-size:16px; font-family:"Microsoft Yahei"; color:#58aabb; text-align:right; }
.footer .tel2 font { color:#FFF; height:30px; line-height:30px; font-size:28px; display:block; font-family:"Impact"; }
/* sidebar */
.sidebar { width:230px; float:left; position:relative; z-index:2; }
.leftNav { width:230px; margin-bottom:20px; background:#0e6597; padding-bottom:10px; }
.leftNav .thead { width:230px; height:50px; line-height:50px; border-bottom:1px solid #FFF; font-family:"Microsoft Yahei"; font-size:18px; color:#FFF;  text-align:center; }
.leftNav .list { width:200px; margin-left:30px; padding-top:10px; margin-bottom:20px; }
.leftNav .item { width:170px; height:35px; position:relative; }
.leftNav .item a.nav2 { display:block; width:200px; height:34px; line-height:34px; color:#333; font-family:"Microsoft Yahei"; color:#FFF; background:url(../images/web/tip7_1.gif) 15px center no-repeat; }
.leftNav .hover a.nav2 { background:url(../images/web/tip7_2.gif) 15px center no-repeat #FFF; color:#0e6597; }
.leftNav .item span { margin-left:35px; }
.leftNav .drop { position:absolute; left:200px; top:-1px; width:100px; border:1px solid #0e6597; background:#FFF; padding:10px 0 0; border-left:0; display:none; }
.leftNav .nav3 { height:30px; text-align:center; }
.leftNav .hover .drop { display:block; }
/* leftContact */
.leftContact { background:url(../images/web/left1.gif) center top no-repeat; }
.leftContact p { overflow:hidden; padding-top:90px; margin-bottom:20px; line-height:25px; }
/* content */
.content { width:678px;  position:relative; }
.content .thead { width:100%; height:30px; border-bottom:1px solid #ddd; margin-bottom:15px; }
.content .thead .tit { height:20px; overflow:hidden; float:left; font-family:"Microsoft Yahei"; font-size:16px; color:#0e6597; }
.content .sitepath { float:right; height:20px; line-height:20px; text-align:right; color:#555; }
.content .sitepath a { color:#555; }
.content .sitepath a:hover { color:#0e6597; }


/******************************
 ** 内页架构
 ******************************/
.list-product .text{width:100%;float: left;line-height: 25px; color:#666;}
.list-product .text div,.indexbox .wrap .r .text p{color: #333;}


.list-product .cp_new_lst{width:100%;float: left;height: 180px;background:#ededed;border-top:dotted #999 1px;padding: 0 0 0 10px;}
.list-product .cp_new_lst li{float: left;width: 140px;margin: 0 10px 0 10px;padding: 08px;}
.list-product .cp_new_lst li:hover{background:#00a4a6;}
.list-product .cp_new_lst li p.a{margin: 20px 0 0 0;}
.list-product .cp_new_lst li p.b{line-height:32px;text-align:center;}
.list-product .cp_new_lst li p.b a{font-size: 12px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: break-all; }
.list-product .cp_new_lst li:hover p.b a{color:#fff;}
.list-product .cp_new_lst li img{border:solid #ddd 1px;width: 138px;height: 99px;}
/*产品多图*/
.product-content { }
.product-photo { float:left; width: 100%; }

.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:right; width:130px;   margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl {   width:100%;  position:relative;  height: 431px;
    overflow: hidden; }
.product-photo .thum dd {  width:126px; height:94px;     border: 2px solid #DDDDDD; margin-top: 10px; cursor:pointer; background:#f1f1f1; }
.product-photo .thum dd:first-child{ margin-top: 0;  }
.product-photo .thum img { width:100%; height:94px; display:block; }
.product-photo .thum dd.current { border-color:#09324A; }
.product-info { margin:0 0 0 460px; position:relative; height:410px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0;     font-size: 15px;}
.product-info .order a { display:block; width:120px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#006AB7; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#EB7400; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:25px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:auto; height:auto; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1;
	 position:absolute; left:0; bottom:-30px; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:30px; color:#EB7400; font-weight:700; }
.article-container {   margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.nProZixun{border-top:2px solid #006AB8; overflow: hidden; height:70px; }
.nProZixun .nProLeft{color:#333; font-weight: bold; font-size:16px; line-height: 70px;}
.nProZixun .nProLeft span{font-size:26px; font-weight: bold;color:#006AB8;  line-height: 70px;}
.nProZixun>a{width:130px; height:38px; background-color: #006AB8; color:#fff; line-height: 38px; text-align: center; border-radius:5px; margin-top: 15px;}
.nProZixun>a:hover{background-color: #eb7400;}
.article-head { height:40px; border-bottom:1px solid #ddd; padding-top:20px; margin-bottom:15px; }
.article-head h2 { line-height:38px; font-size:16px; color:#006AB7; border-bottom:3px solid #006AB7; width:90px; padding:0 0 0 10px;  }

/*内选项卡*/
.article-container .infohtm{width: 100%;float: left;background:#fcfcfc; border:solid #ddd 1px;}
.article-container .infohtm ol{float: left;width: 100%;height: 35px;line-height: 35px;background:#f9f9f9;border-bottom:solid #ddd 1px;}
.article-container .infohtm ol li{float: left;padding: 0 35px;cursor: pointer;height: 32px;}
.article-container .infohtm ol li.on{background: #fff;color: #009fa3;font-weight: bold;border-top:solid 2px #00abaf;height: 35px;margin: -1px 0 0 0;border-right:solid 1px #ddd;border-left:solid #ddd 1px;}
.article-container .infohtm ul{float: left;width: 100%;}
.article-container .infohtm ul li{margin: 15px;line-height: 28px;display: none;}
.article-container .infohtm ul li.on{display: block;}

.neixuanxiangka .content_hyfa_title{margin-bottom: 20px; }
.neixuanxiangka .content_hyfa_title span{display:inline-block;height:48px; line-height: 48px;  background: #0054A3;color: #fff; cursor: pointer;  padding:0 15px;
	margin-right: 10px; 
}
.neixuanxiangka .content_hyfa_title span.aselect{ background: #D0000E;}



/*公用组件*/
.fix {position: fixed;z-index: 400;right: 0;bottom: 30%;width: 140px; height:390px;text-align: center;display: block;padding-right: 10px;  }
.fix .fixtop {margin-top: 5px;background: url(../../pic/sidle_return.png) no-repeat center;height: 36px;cursor: pointer; }
.fix .comt {width: 140px;background-color: #fff;  border-bottom-left-radius: 6px;  border-bottom-right-radius: 6px;}
.fix .comt ul{}
.fix .comt li.qq{background:#fff url(../../pic/sidle_li.png) no-repeat center top;height: 44px;margin-top: 5px;  transition: background .2s;  -webkit-transition: background .2s; }
.fix .comt li.qq a{height: 44px;color: #fbf9f5;font-size: 19px;font-weight: bold;line-height: 44px;}
.fix .comt li.qq:hover{background:#fff url(../../pic/sidle_li.png) no-repeat center bottom; }
.fix .comt li{background-color: #fff;
  float: none;height: auto;color: #fff;
  text-align: center;font-size: 14px;padding: 0 10px;}
.fix .comt li.zixiun {font-size: 14px;font-weight: bold;padding: 10px;}
.fix .comt li.zixiun span{display: block;font-size: 18px;color: #0C4B70;font-family: "impact";}
.fix .comt li.zixiun b{display: block;color: #313131;height: 22px;font-size: 16px;text-align: left;
  padding-left: 36px;
  background:#fff url(../../pic/sidle_link.png) no-repeat 16px center;margin: 0 auto; }
.fix .comt li a{color: #fbae01;display: block; }
.fix .comt li.sidle_m_t{background: url(../../pic/sidle_top.png) no-repeat center;height: 5px;
  font-size: 22px; color: #fff;  border: none;}
.fix .comt li.code{cursor: pointer;z-index: 10000000; *margin-top: -6px;}
.fix .comt li.code .erwei{ }
.fix .comt li.code .erwei img{width: 116px;height: 116px;border-radius: 5px;border: 2px solid #e6e6e6; }
.fix .comt li.code .erwei span{display: block;text-align: center;height: 30px;font-size: 16px;
  line-height: 30px;color: #313131;}
.fix .comt .close {width: 124px;display: block;cursor: pointer;margin: 0 auto;position: relative;}
.fix .comt .close .fixclose {background: url(../../pic/fixclose.png) no-repeat;width: 30px;height: 117px;
		display: block;position: absolute;left: -38px;top:-200px;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;
			-o-transition: all .5s ease-in;transition: all .5s ease-in;}
.fix .comt .close .fixclose em{ display: block; position: absolute; width: 2px; height: 402px; right: -1px; top: -126px; background: #b5b5b5; }
.fix .comt .close .fixclose:hover {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
.fix .txt {width: 140px;position: absolute; left:0px;display: block;}
.fix .fixclick {background: url(../../pic/fixclick.png) no-repeat;width: 30px;height: 117px;position: absolute;right: 0px;display: none;
		bottom: 10%;cursor: pointer;}


/*推荐专题*/
.sidebar .subleft .leftnews .leftnewscomt {border: 1px solid #0C4B70;*padding: 20px 15px;}
.leftnews{ margin-top: 25px;  }
.sidebar .mainx {  height:200px;margin: 20px 15px;   overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.sidebar .listx { float:left; width:300%; position:relative; }
.sidebar .listx dd { float:left; width:250px; height:187px; position:relative; }
.sidebar .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.sidebar .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.sidebar .listx img { display:block; width:214px; height:160px; }
.sidebar .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.sidebar .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.sidebar .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.sidebar .tipx span.cur { background-position:center bottom; }

.sidebar .titlex {    text-align: center;background: #0C4B70;color: #fff;height: 82px;}
.sidebar .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.sidebar .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.sidebar .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.sidebar .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.sidebar .titlex a i:before {content: "";height: 21px;}
.sidebar .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.sidebar .titlex a:hover i:before {content: "";color: #F3F3F3;}
.sidebar .lefta {padding-bottom: 20px;}
.sidebar .lefta .titlex{ height: 122px;line-height: inherit;}
.sidebar .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.sidebar .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}
.sidebar .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.sidebar .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.sidebar .tipx span.cur { background-position:center bottom; }
  
.sidebar { float:left; width:245px; }
.sidebar *{transition: background .2s;  -webkit-transition: background .2s; }
.sidebar .leftlist{   padding-bottom: 104px;  background:#fff;   border: 1px #ccc solid; position: relative;}
.sidebar .ileftTitleBg{  background:url(../../images/iproTitleBgTopTwo.jpg) no-repeat center; }
.sidebar .title{ padding-left:53px; background:url(../../images/title.png) no-repeat 15px 26px #0C4B70;  height:77px;}
.sidebar .title h2{ font-size:14px; font-weight:normal;color:#fff; line-height:16px; padding-top: 26px;}
.sidebar .title h6{font-size: 16px; line-height: 16px; color:#fff;text-transform: uppercase; font-family:"impact","微软雅黑";  font-weight: normal; }

.sidebar .bttel{ width: 100%; background:url(../../images/iproTitleBgTow.jpg) no-repeat center; position: absolute; left: 0; bottom: 0; }
.sidebar .tel{ padding-left:72px; background:url(../../images/iproTel.png) no-repeat 15px center #0C4B70;  height:104px;}
.sidebar .tel h2{ font-size:20px; font-weight:normal;color:#fff; line-height:1.7; padding-top: 22px;}
.sidebar .tel h6{font-size: 21px; line-height: 1; color:#fff;text-transform: uppercase; font-family:"impact","微软雅黑";  
	font-weight: normal; }

.sidebar .leftlist ul{width:100%; }
.sidebar .leftlist li{ border-left:2px solid #000; min-height:58px;border-top:1px solid #ccc;}
.sidebar .leftlist li:hover , .sidebar .leftlist li.curr{border-left:2px solid #f41925;  }
.sidebar .leftlist li.curr dl{ display: block;  }
.sidebar .leftlist li > a{ display:block;height:54px; line-height:54px;width:150px; padding-left:50px;
	 background:url(../../images/tip.png) no-repeat 14px 17px;color:#303030;  }
.sidebar .leftlist li > a:hover , .sidebar .leftlist li.curr>a{background:url(../../images/tip.png) no-repeat 14px -18px;color:#f41925;  }
.sidebar .leftlist li dl{padding-bottom: 20px; display: none;}
.sidebar .leftlist li dl dd{margin: 0 10px 0 50px;}
.sidebar .leftlist li dl dd a{ display:block;height:30px; line-height:30px;  color:#303030; }
.sidebar .leftlist li dl dd:hover a{ color:#f41925;   }

.side-head { height:34px; line-height:34px; padding:10px 0; font-size:20px;  text-align: center; color:#fff;   
	background: #0168B7;
	background: -moz-linear-gradient(top, #0D80D3 0%,#0168B7 100%);
 background: -webkit-linear-gradient(top,  #0D80D3 0%, #0168B7 100%);
 }
.side-contact { margin-bottom:20px; position:relative; top:20px; border:1px solid #ccc;; }
.side-contact .main { padding:15px 9px 15px; line-height:2; word-wrap: break-word; word-break: normal; }

.containerTwo { float:right; width:720px; }
.location { height:45px; border-bottom:1px solid #ddd; position:relative; margin-bottom:30px; }
.location:before { content:''; width:40px; height:3px; background:#0069B7; position:absolute; left:0; bottom:-1px; }
.location h2 { font-size:20px; height:24px; line-height:24px; 
	width: 190px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-break: break-all;
 }
.location .io { height:24px; line-height:24px; position:absolute; right:0; top:0; color:#666; background:url(../../images/ico-location.png) left center no-repeat; padding:0 0 0 25px; }
.location .io b { color:#999; }
.wrapper .content {  margin-bottom:20px; width:auto;}

.sede_news{padding:10px 0;}
.sede_news h2{  height: 33px; line-height: 33px; padding:0 10px 0; font-size: 14px; font-weight: normal;}
.sede_news h2 a{ display: block;   height: 33px; line-height: 33px; padding-left: 12px;background:url(../../images/leftdian.jpg) left center no-repeat;
	     
 }

/************
**********
*******news等内页
**************/
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#333333; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }
 



/******************************
 ** 内页页面通用
 ******************************/
.list-product { width:100%; }
.list-product .list { float:left; width:101.5%; }
.list-product .item { float:left; width:203px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.list-product .item .img { width:100%; height:152px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.list-product .item .img img { width:100%; height:152px;transition: all .3s linear;}
.list-product .item .img:hover img{ transform: scale(1.2,1.2); }
.list-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.list-product .item h3 a { }
.list-product .item .order { text-align:center; display:none; }
.list-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.list-product .item:hover { border-color:#f41925; }
.list-product .item .order a:hover {  }
/*房屋维修特殊比例*/
.weixiu-product { width:100%; }
.weixiu-product .list { float:left; width:101.5%; }
.weixiu-product .item { float:left; width:427px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.weixiu-product .item .img { width:100%; height:164px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.weixiu-product .item .img img { width:100%; height:164px;transition: all .3s linear;}
.weixiu-product .item .img:hover img{ transform: scale(1.2,1.2); }
.weixiu-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.weixiu-product .item h3 a { }
.weixiu-product .item .order { text-align:center; display:none; }
.weixiu-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.weixiu-product .item:hover { border-color:#f41925; }
.weixiu-product .item .order a:hover {  }
/*专业团队特殊比例*/
.iteam-product { width:100%; }
.iteam-product .list { float:left; width:101.5%; }
.iteam-product .item { float:left; width:203px; padding:5px 5px 10px; border:1px solid #ddd; margin:0 10px 10px 0; }
.iteam-product .item .img { width:100%; height:297px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.iteam-product .item .img img { width:100%; height:297px;transition: all .3s linear;}
.iteam-product .item .img:hover img{ transform: scale(1.2,1.2); }
.iteam-product .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:0; font-weight:400; }
.iteam-product .item h3 a {color: #333; }
.iteam-product .item:hover h3 a {color: #f41925; }
.iteam-product .item h3 a span{ font-size: 12px;}
.iteam-product .item h4 {margin: 0 4px;border-top: 1px #eee solid; height:28px; line-height:28px; font-weight: normal; font-size: 13px;  }
.iteam-product .item h4 span em, .iteam-product .item h4 font em{ color: #0069B7; }
.iteam-product .item .order { text-align:center; display:none; }
.iteam-product .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff;  }
.iteam-product .item:hover { border-color:#f41925; }
.iteam-product .item .order a:hover {  }

/* 图片4:3 */
.list-product2 { width:100%; }
.list-product2 .list { float:left; width:102.5%; padding-bottom:20px; }
.list-product2 .item { float:left; width:260px; margin:0 15px 0 0; }
.list-product2 .item .img { width:100%; height:195px; overflow:hidden; }
.list-product2 .item .img img { width:100%; height:195px; }
.list-product2 .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-product2 .item h3 a { }
.list-product2 .item .order { text-align:center; }
.list-product2 .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../../images/order.png) center center no-repeat; }
.list-product2 .item:hover { border-color:#c8a48e; }
.list-product2 .item .order a:hover { background-image:url(../../images/order-hover.png); }

/* 4:3 图文 */
.list-case { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 3:4 图文 */
.list-case2 { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-case2 .list { padding:10px 0 10px; }
.list-case2 .item { padding:15px 0 15px 180px; height:126px; border-top:1px dashed #ddd; position:relative; }
.list-case2 .item:first-child { border-top:0; }
.list-case2 .item .img { position:absolute; left:0; top:15px; width:166px; height:126px; background:#f1f1f1; }
.list-case2 .item .img img { display:block; width:166px; height:126px; }
.list-case2 .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case2 .item h3 a { color:#3f4461; }
.list-case2 .item h3 a:hover { color:#333333; text-decoration:underline; }
.list-case2 .item p { max-height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case2 .item .detail { height:20px; }
.list-case2 .item .detail a { line-height:20px; }

/* 图片相册 */
.list-photo { width:100%; }
.list-photo .list { float:left; width:101.5%; }
.list-photo .item { float:left; width:183px; padding:10px 10px 0; border:1px solid #ddd; margin:0 10px 10px 0; cursor:pointer; }
.list-photo .item .img { width:100%; height:137px; overflow:hidden; background:#f1f1f1; }
.list-photo .item .img img { width:100%; height:137px; }
.list-photo .item h3 { height:40px; line-height:40px; text-align:center; font-weight:400; }
.list-photo .item:hover { border-color:#c8a48e; }

/* 附属简介 */
.list-news { padding:0 20px; border:1px solid #ddd; margin-bottom:10px; }
.list-news .list { padding:10px 0 10px; }
.list-news .item { padding:15px 0 15px 90px; height:70px; border-top:1px dashed #ddd; position:relative; }
.list-news .item:first-child { border-top:0; }
.list-news .item .date { position:absolute; left:0; top:20px; width:80px; text-align:center; }
.list-news .item .date b { font-size:30px; line-height:35px; color:#333333; display:block; font-family:Arial; font-weight:400; }
.list-news .item .date span { font-size:20px; line-height:20px; }
.list-news .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-news .item h3 a {  }
.list-news .item h3 a:hover { text-decoration:underline; }
.list-news .item p { height:40px; line-height:20px; color:#666; overflow:hidden; }

/* 新闻详情页 */
.news-content { }
.news-content h1 { padding:0 0 10px; font-size:24px; color:#333333; line-height:1.4; }
.news-content .rap { height:40px; line-height:40px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.news-content .rap span { margin:0 20px 0 0; }
.news-content .rap b { color:#333333; }

/* 案例详情页 */
.case-content { }
.case-photo { width:100%; text-align:center; }
.case-photo img { max-width:100%; }
.case-content h1 { padding:10px 0 20px; font-size:20px; color:#333333; line-height:1.4; text-align:center; }

/* 产品详情页 */
.product-content { }
.product-content h1 { font-size:24px; line-height:1.2; color:#333333; margin-bottom:20px; }
.product-photo { float:left; width:100%; }
.product-photo .original { width:560px; height:420px; overflow:hidden; margin-bottom:10px;      border: 2px solid #DDDDDD; }
.product-photo .original img { display:block; width:560px; height:420px; margin:0 auto; }
.product-info { margin:0 0 0 470px; }
.product-info .inso { margin-bottom:20px; }
.product-info .inso dd { height:20px; line-height:20px; margin-bottom:10px; font-size:16px; }
.product-info .inso span { color:; }
.product-info .tel { padding:15px 20px; border:1px solid #ddd; margin-bottom:27px; }
.product-info .tel dt { height:30px; line-height:30px; font-size:18px; padding:0 0 0 35px; background:url(../../images/ico-tel.png) left center no-repeat; }
.product-info .tel dd { font-size:23px; color:#333333; line-height:1.2; }
.product-info .order { margin-bottom:15px;height: 220px;   overflow-y:auto;}
.product-info .order a { display:block; width:156px; height:40px; line-height:40px; color:#FFF; font-size:16px; font-weight:700;
   background:#0D80D3; text-align:center; }
.product-info .order a:hover { background:#f41925; }
.article-container {  margin:20px 0 0; padding-top:30px; }
.article-container .article { padding-bottom:10px; }
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px; padding:0 0 0 15px; background:#f8f8f8; font-size:16px; color:#5f412e; }
.liubinntitle{ line-height: 2; font-size: 18px; text-align: left;  width: 100%; float: left; margin-bottom: 20px; }
/***********
***插件可以不用动
*********/
/*推荐*/
.recommend-pro { border:1px solid #ddd; padding:0 20px; margin-bottom:20px; }
.recommend-pro .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-pro .head:before { content:''; width:40px; height:3px; background:#333333; position:absolute; left:0; bottom:-1px; }
.recommend-pro .head h2 { font-size:18px; }
.recommend-pro .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-pro .head .mo:hover { color:#5f412e; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:149px; margin:0 25px 0 0; }
.recommend-pro .item .img { width:100%;   overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; display: block;  }
.recommend-pro .item .img img:hover{opacity:.8}
.recommend-pro .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item:hover a {color:#333333 }


/*about recommend*/
.recommend-about {   margin-bottom:10px; }
.recommend-about .head { height:60px; line-height:60px; position:relative; border-bottom:1px solid #ddd; }
.recommend-about .head:before { content:''; width:40px; height:3px; background:#333333; position:absolute; left:0; bottom:-1px; }
.recommend-about .head h2 { font-size:18px; }
.recommend-about .head .mo { position:absolute; right:0; top:0; font-size:16px; color:#999; }
.recommend-about .head .mo:hover { color:#5f412e; }
.recommend-about .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-about .list { float:left; width:117%; }
.recommend-about .item { float:left; width:149px; margin:0 25px 0 0; }
.recommend-about .item .img { width:100%; height:111px; overflow:hidden; margin-bottom:10px; background:#f1f1f1; }
.recommend-about .item .img img { width:100%;height:111px; }
.recommend-about .item .img img:hover{opacity:.8}
.recommend-about .item h3 { height:30px; line-height:30px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-about .item:hover a {color:#333333 }

.article { line-height:2; padding-bottom:20px; font-family:"微软雅黑" !important; }
.article img { max-width:100%; }

/*上下篇*/
.relink { padding:0 20px; height:40px; line-height:40px; border:1px solid #ddd; margin-bottom:20px; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
/*翻页*/
.pages{margin:30px auto 10px;text-align:center;display:block}
.pages a{display:block;float:left;padding:5px 12px;margin:0 0 0 8px;border:1px solid #666;line-height:20px;height:20px;
  color:#666;background:#fff;text-decoration:none}.pages a:hover{border:1px solid #f41925}
.pages span{display:block;float:left;padding:5px 0;line-height:20px;height:20px;border:1px solid #666;padding:5px 12px;color:#666}
.pages span.current{padding:5px 12px;color:#f41925;font-weight:700 ;  border:1px solid #f41925;}
.pages span{ margin:0 0 0 8px; }
.pages span.disabled{border:1px solid #666;padding:5px 12px;margin:0 0 0 8px;color:#666}

/*悬浮*/
.toolbar { width:40px; position:fixed; right:0; top:50%; margin:-132px 0 0 0; z-index:50; }
.toolbar dt{ width: 40px; height: 17px; overflow: hidden;   background:#333333;  }
.toolbar dt.xuanfu1{ border-top-left-radius:20px; border-top-right-radius: 20px; }
.toolbar dt.xuanfu2{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.toolbar  *{transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.toolbar dd { width:40px; height:40px; background:none; position:relative; background:url(../../images/xf_hover.png) left center no-repeat #333333;}
.toolbar dd:hover{ background:url(../../images/xf_hover.png) right center no-repeat #333333;  }
.toolbar dd > i { display:block; width:40px; height:40px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:40px; line-height:40px; font-size:20px; color:#FFF; padding:0 0 0 40px;  overflow:hidden; }
.toolbar .pop { position:absolute; right:70px; bottom:-42px; background:#333333; display:none; }
.toolbar .pop .o { position:absolute; right:-1px; top:50%;  margin-top: -20px; background-color: #ff6200; width: 1px; height: 40px;}
.toolbar .pop-tel {     width: 100px; text-align: center; color: #fff;font-size: 12px;      bottom: -40px !important;
    height: 120px;
    background-color: #ff6200;
}
.toolbar .pop-tel .icon { height:30px; line-height:30px; padding-top:54px; background:url(../../images/tool-telphone2.png) center 24px no-repeat; }
.toolbar .pop-tel .item {line-height: 16px;   }
.toolbar .pop-code { width:100px; height: 124px; background-color: #ff6200; }
.toolbar .pop-code img { width:87px; height:87px;  margin:0 auto; padding-top: 6px; display:block; }
.toolbar .pop-code li.erweTitle{ height: 31px; line-height: 31px; font-size: 12px;  text-align: center; color: #fff; }
.toolbar .qq { background:url(../../images/tool-qq.png) 10px 10px no-repeat; }
.toolbar .tel { background:url(../../images/tool-telphone.png) center center no-repeat; }
.toolbar .code { background:url(../../images/tool-code.png) center center no-repeat; }
.toolbar .top { background:url(../../images/tool-top.png) center center no-repeat; }






.icontact .tbody .list li{background: url(../images/icon_arrow.jpg) 4px 2px no-repeat;
    padding-left: 30px;
    height: 34px;
    }

/******************************
 ** 高级动画
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}

@keyframes jello{from,11.1%,to{transform:none}
22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{animation-name:jello;transform-origin:center}
@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
.jackInTheBox{animation-name:jackInTheBox}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translate3d(0,0,0)}
}
.slideInDown{animation-name:slideInDown}

/******************************
 ** *兼容性
 ******************************/
body { _background:url(../../images/ie6.png) center center no-repeat #fff; }
body > * { _display:none; }