@import 'animate.ui.css';

/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0;/*transition:all 300ms ease;*/ }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:15px/2 'Microsoft Yahei', Arial; color:#666; background:#fff; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:15px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:15px;font-weight:normal; }
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#20b3ce; }
a:link,
a:link img,
input { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; transition:all .3s linear; }

body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd{margin: 0px;}
input,
button,
ul,
ol{margin: 0px; padding: 0px;}
body,
input,
button,
form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333333;}
h1,
h2,
h3,
h4,
h5,
h6,
font{font-size: 14px; font-weight: normal;}
ul,
ol,
li{list-style: none;}
input{background: none; border: 0 none;}
img,
iframe{border: 0px;}
em,
i{font-style: normal;}
button,
input,
select,
textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover,a:active { color:#934407; text-decoration:none; }
.clear { clear:both; font-size:0px; line-height:0px; height:0px; }
.hidden { display:none; }

.fl{float:left;}
.fr{float:right;}
.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.w{width:1200px; margin:0 auto;}
.s{background:url(../images/tip.png) no-repeat; }

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
/******************************
 ** 首页
 ******************************/
/*header*/
.header{ height: 100px; position: relative; z-index: 22; background:url(../images/nav.jpg) center center no-repeat;}
.header .logo{ float:left; height:80px; padding:5px 0 0; }
.header .logo img{ height:80px; }
.header .logo a{ margin: 10px 14px 0 0;height:80px; display:block; float:left;}
.header .tel{ float:right;padding-left:56px;height: 44px;line-height:44px;margin-top: 25px;background-position:0 0;  }
.header .tel h2{font-family:"Arial";color:#fff;font-size:30px;font-weight:bold;}
/*nav*/
.nav { width:100%;height: 65px;background:#20b3ce;position: relative; z-index:30;}
.nav .w{position:relative;}
.nav li{position: relative;z-index: 100;float: left;width: 108px; line-height: 65px;}
.nav li>a{display: block; height: 65px;line-height: 65px;font-size: 16px;text-align: center;color: #fff;  transition:all 300ms ease; }
.nav li:hover>a,.nav li.hover>a{color:#fff;background:url(../images/inav-icon.png) 102px center no-repeat;  }
.nav .subNav{display: none;  left: 4px; position: absolute; top: 65px;transition:none;background: #fff;box-shadow: 0px 4px 12px #999999; }
.nav .drop{display: none; position: absolute;left: 0;top: 65px;transition:none;background: #fff; height: 50px;z-index: 100;box-shadow: 0px 4px 12px #999999;}
.nav .subNav a{ width: 130px;float: left;height: 50px;line-height: 50px; display: block;padding-top: 0;margin: 0;  color: #333333; text-align: center;}
.nav .subNav a:hover{ color:#20b3ce; }
.nav li.hover{background:#44cde6 url(../images/inav-san.png) bottom center no-repeat;  }
.nav li:hover{background:#44cde6 url(../images/inav-san.png) bottom center no-repeat;} 

/*banner*/
.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .tip { position:absolute; width:100%; bottom:30px; line-height:0; z-index:8; text-align:center; }
.banner .tip span { display:inline-block; +display:inline; +zoom:1; width:18px; height:18px;margin:0 8px; cursor:pointer; background:#ddd;border-radius:50%;transition:all 300ms ease;}
.banner .tip span.cur {width:20px; height:20px; background:#ff552d;border:1px solid #fff;}
.banner .prev,
.banner .next { width:52px; height:100px; position:absolute; top:50%; margin:-50px 0 0; z-index:9; background:url(../images/banner-pw.png) 0 0 no-repeat; cursor:pointer;  }
.banner .prev { background-position:0 0; left:30px; }
.banner .next { background-position:0 -114px; right:30px; }
.banner .list,
.banner .list img { height:700px; }
.banner.mini .list,
.banner.mini .list img { height:400px; }

/*baner_b*/
.baner_b{width:100%;height:77px;line-height:77px;border-bottom:1px solid #e9e9e9;}
.baner_b .w{}
.baner_b .bkey{float:left;max-width:730px;color:#666666;}
.baner_b .bkey span{color:#333333;font-size:18px;}

/*搜索*/
.searcher {float:right;margin-top: 18px;position: relative;width:350px; height:38px;border:1px solid #e9e9e9;border-radius:2px;}
.searcher .txt{ float:left; width:270px;line-height:38px; height:38px; text-indent:10px; border: none;color:#999999; font-size:14px;background: #fff;}
.searcher .submit{ position:absolute;right:0;top:0;bottom:0; width:80px; height:38px;border:none; cursor:pointer;background:#20b3ce url(../images/searcher_submit.png) center center no-repeat;}

/*ipro*/
.ipro{padding:30px 0 0;}
.ipro .ihead{width:100%;height:52px;border-bottom:3px solid #eceef4;}
.ipro .ihead h2{float:left;padding-left:50px;line-height:44px;font-size:28px;font-weight:bold;color:#333333;background-position:0 -94px;}
.ipro .ihead h3{float:right;font-size:16px;line-height:52px;}
.ipro .ihead h3 a{color:#666666;}
.route{float:left;width:870px;}
.route .tabed {float:left;position: relative;margin-left: 84px;width:500px;}
.route .tabed li {position:relative;float:left;margin:0 20px 0 0;width:80px;height:52px;line-height:52px;text-align:center;color:#333333; font-size:16px;}
.route .tabed li a{display:block;color:#333333; font-size:16px;}
.route .tabed li.active a{color:#3bb5ee;border-bottom:3px solid #3bb5ee;}
.route .list{margin:32px 0 0;overflow:hidden;}
.route .inner { width:100%;overflow:hidden; position:relative; display:none;animation:fadeIn .3s linear; }
.route .inner:first-child { display:block; }
.route .inner li {width:866px;height:250px; margin:0 0 30px; position: relative;border:1px solid #e9e9e9;overflow: hidden;}
.route .inner li .img{float:left;display:block;332px; height:250px;overflow: hidden;}
.route .inner img { display:block; width:332px; height:250px;background:#fff; }
.route .inner .wd{float:right;width:494px;padding-right:20px;}
.route .inner .wd h3{padding-top: 22px;line-height: 30px;max-height: 130px;overflow: hidden;}
.route .inner .wd h3 a{color:#333333;font-size:21px;}
.route .inner .wd p{padding: 4px 0 10px;color:#666666;font-size:16px;}
.route .inner .wd span{display:block;float:left;margin-right:20px;line-height:30px;color:#ff552d;font-size:20px;font-weight:bold;}
.route .inner .wd .imo{display:block;float:left;width:100px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#fff;background:#20b3ce;font-weight:bold;}
.route .inner li i{display:block;position:absolute;right:0;top:0;width:50px;height:50px;background-position:4px -200px;}
.route .inner li:hover .wd h3 a{color:#20b3ce;}
.route .inner li:hover .wd .imo{background:#ff552d;animation:pulse .5s ease;}
.route .inner li:hover img{ opacity:.8; filter:Alpha(opacity=80); transform:scale(1.08,1.08);}
.strategy{float:right;width:302px;}
.strategy .ihead h2{background-position:-360px -90px;}
.strategy .list{ margin: 32px 0 0;}
.strategy .list li{width:100%;height:278px;}
.strategy .list li .img{display:block;302px; height:226px;overflow: hidden;}
.strategy .list img { display:block; width:100%; height:226px;background:#fff; }
.strategy .list li h1{float:left;padding-left:30px;height:52px;line-height:52px;background-position:0 -282px;}
.strategy .list li h1 a{color:#333333;font-size:14px;font-weight:bold;}
.strategy .list li span{display:block;float:right;line-height:52px;padding-left:30px;color:#666666;background-position:-246px -280px;}
.strategy .list li:hover h1 a,.ipro .ihead h3 a:hover{color:#20b3ce;}
.strategy .list li:hover img{ opacity:.8; filter:Alpha(opacity=80); transform:scale(1.08,1.08);}
.strategy .list li:hover span{color:#000;}

/*compare*/
.compare{padding:30px 0 40px;}
.compare .left{position:relative;float:left;padding:40px 0 0 40px;width:450px;height:390px;border:5px solid #e9e9e9;}
.compare .left h1{font-size:40px;font-weight:bold;color:#333333;line-height:52px;}
.compare .left span{display:block;padding:8px 0 12px;font-size:20px;color:#ff552d;text-transform:uppercase;}
.compare .left p{padding-left:34px;height:38px;line-height:38px;font-size:18px;color:#333333;background-position:-379px -290px;}
.compare .left .img{position: absolute;bottom: -48px;left: 58px;width:345px;height:224px;background:#fff;}
.compare .left img{display:block;width:314px;height:224px;margin:0 auto;}
.compare i{display:block;float:left;width:200px;height:390px;background:url(../images/vs.png) center center no-repeat;}
.compare .right{position:relative;float:right;width:490px;height:430px;text-align:center;border:5px solid #e9e9e9;}
.compare .right h1{padding-top:40px;font-size:40px;font-weight:bold;color:#333333;line-height:52px;}
.compare .right h1 span{color:#ff552d;}
.compare .right h2{color:#333333;font-size:26px;}
.compare .right em{display:block;margin:30px auto 20px;width:50px;height:70px;background-position:2px -400px;}
.compare .right .img{position: absolute;bottom: -38px;left: 90px;width:330px;height:180px;background:#fff;}
.compare .right img{display:block;margin:0 auto;width:170px;height:170px;border:5px solid #e9e9e9;}

/*.inews*/
.inews{margin:60px 0 0;width:100%;height:750px;background:url(../images/inews.jpg) center center no-repeat;}
.inews .w{padding:60px 0 40px;}
.inews .ihead{text-align:center;}
.inews .ihead h2{color:#333333;font-size:30px;font-weight:bold;}
.inews .ihead h3{font-size:20px;color:#ff552d;text-transform:uppercase;}
.inews .list{margin-top:60px;width:104%;}
.inews .list li{float:left;padding:20px;width:544px;height:150px;border-radius:4px;background:#fff;margin:0 30px 40px 0;box-shadow: 0 0 8px #ccc;}
.inews .list li .img{float:left;display:block;width:200px;height:150px;overflow:hidden;}
.inews .list li img{display:block;width:200px;height:150px; transition:all 300ms ease;}
.inews .list .wd{float:right;width:320px;}
.inews .list .wd h1{font-size:20px;height: 40px;overflow: hidden;}
.inews .list .wd h1 a{color:#333333;}
.inews .list .wd p{height:80px;color:#666666;line-height:24px;}
.inews .list .wd span{display:block;width:88px;height:30px;line-height:30px;text-align:center;background:#ff552d;border-radius:20px; transition:all 300ms ease;}
.inews .list .wd span a{color:#fff;font-size:14px;}
.inews .list li:hover img{ transform: scale(1.04,1.04);} 
.inews .list li:hover h1 a{color:#ff552d;}
.inews .list li:hover span{background:#3bb5ee;}
.inews .list li:hover .wd span{transform:translate(-5px,0);}

/*icase */
.icase {width:100%;height:802px;background:url(../images/icase.jpg) center center no-repeat;}
.icase .w{padding:70px 0 40px;}
.icase .ihead{text-align:center;}
.icase .ihead h2{color:#333333;font-size:30px;font-weight:bold;}
.icase .ihead h3{font-size:20px;color:#ff552d;text-transform:uppercase;}
.iphoto{position: relative;margin-top:74px; }
.iphoto .mian { position: relative;width: 100%; overflow: hidden; padding: 10px 0 40px; }
.iphoto .list { width: 300%; overflow: hidden; }
.iphoto .list li {float:left;position: relative;width: 286px;margin: 0 18px 0 0;background:#fff;box-shadow: 0 0 8px #ccc;transition:all 300ms ease;}
.iphoto .list li .img {display: block; width:270px; height:202px;margin:8px;overflow:hidden; }
.iphoto .list li img { display:block; width:100%; height:202px;}
.iphoto .list li span{display:block;position: absolute;top: 185px;left: 118px;width:50px;height:50px;border-radius:50%;background:#fff url(../images/icase-icon.png) center center no-repeat;}
.iphoto .list li h3 {padding-top: 20px;text-align:center;font-size:18px;font-weight:bold; }
.iphoto .list li h3 a{ color: #333333;}
.iphoto .list li p{padding: 0 20px 12px;color: #666666;line-height: 26px;height: 60px;overflow: hidden;}
.iphoto .list li:hover img{ transform: scale(1.04,1.04);}
.iphoto .list li:hover h3 a{color:#3bb5ee;} 
.iphoto .next,
.iphoto .prev { position: absolute; top:36%;width: 30px; height: 60px; cursor: pointer;transition:all 300ms ease; }
.iphoto .prev {left: 50%; margin-left: -672px; background: url(../images/icase-pw.png) left 0 no-repeat;}
.iphoto .next {right: 50%; margin-right: -672px; background: url(../images/icase-pw.png) right 0 no-repeat; }
.iphoto .prev:hover { background: url(../images/icase-pw.png) left -85px no-repeat ;transform:translate(0,-10px); }
.iphoto .next:hover { background: url(../images/icase-pw.png) right -85px no-repeat; transform:translate(0,-10px);}

/*iabout*/
.iabout{padding:90px 0 100px;}
.iabout img{display:block;float:left;width:550px;height:595px;}
.iabout .wd{float:right;width:620px;}
.iabout .ihead{margin-top: 10px;height:56px;border-bottom:1px solid #e9e9e9;}
.iabout .ihead h2{float:left;padding-left:22px;height:34px;line-height:30px;font-size:30px;color:#333333;font-weight:bold;border-left:4px solid #3bb5ee;}
.iabout .ihead .imo{display:block;float:right;width:104px;height:36px;line-height:36px;text-align:center;color:#fff;background:#ff552d;border-radius:20px;}
.iabout .des{height:294px;padding:30px 0 60px;overflow:hidden;}
.iabout .des p{font-size:16px;color:#333333;}
.iabout .list{}
.iabout .list li{float:left;width:154px;height:140px;text-align:center;border-left:1px dashed #eaeaea; transition:all 300ms ease;}
.iabout .list li:first-child{border-left:0;}
.iabout .list li i{display:block;width:154px;height:52px;}
.iabout .list li:first-child i{background-position:48px -500px;}
.iabout .list li:first-child+li i{background-position:-148px -500px;}
.iabout .list li:first-child+li+li i{background-position:-302px -500px;}
.iabout .list li:first-child+li+li+li i{background-position:48px -600px;}
.iabout .list li h2{padding-top: 12px;line-height: 34px;color:#333333;font-size:35px;}
.iabout .list li span{font-size:12px;}
.iabout .list li p{font-size:16px;color:#333333;}
.iabout .ihead .imo:hover{background:#3bb5ee;transform:translate(-10px,0);}
.iabout .list li:hover{transform:translate(-10px,0);}
.iabout .list li:hover h2{color:#ff552d;}

/*floor*/
.floor{width:100%;height:802px;background:url(../images/floor.jpg) center center no-repeat;}
.floor .w{padding:82px 0 0;}
.floor .ihead{margin:0 auto;width:750px;height:70px;}
.floor .ihead h2{float:left;line-height:70px;font-weight: bold;font-size:34px;color:#ffffff;text-shadow:1px 1px 0px #d4d3d3; }
.floor .ihead .list{float:right;}
.floor .ihead .list dd{float:left;width:52px;height:66px;line-height:66px;text-align:center;color:#000000;font-size:52px;font-weight:bold;margin-right:10px;background-position:-348px -600px;}
.floor p{padding-top: 8px;text-align:center;color:#000000;font-size:26px;}

.floor .imessage{margin-top:40px;width:1200px;height:460px;border:1px solid #fff;border-radius:20px;background:url(../images/cover2.png) center center repeat;}
.floor .iform{float:left;padding:54px 0 0 60px;width:700px;height:300px;font-size: 14px;}
.floor .iform h2{margin-bottom: 40px;text-align:center;color:#ff552d;font-size:32px;font-weight:bold;text-shadow:1px 1px 0px #fff;}
.floor .iform .ul .li {float: left;width:210px;height: 50px; position: relative; line-height: 50px;margin: 0 20px 20px 0;border: 1px solid #fff;border-radius:2px;background:url(../images/cover3.png) center center repeat;}
.floor .iform .ul .li .msg-box{ position: absolute; left: 0; }
.floor .iform .ul .li input{float: left;padding-left: 12px;width: 198px;height: 50px;line-height: 50px;font-family: "microsoft yahei";background: none;font-size: 14px;color: #333333;border: none;}
.floor .iform textarea{line-height: 1.6;font-size: 14px;width: 700px; height: 72px;padding: 10px;border: none;resize: none;  background:none; border: 2px solid #e5e5e5;color: #4d4d4d;margin: 6px 20px 6px 0;}
.floor .iform .button1{margin-top:18px;width: 676px;height: 50px;line-height:50px; text-align: center;border: none;color: #fff;font-weight:bold;cursor: pointer;font-size: 18px;border-radius:2px;background:#25adec;}
.floor .iform .button1:hover{ background: #ff552d!important;color:#fff!important;}
.floor .imessage img{display:block;float:right;margin: 24px 100px 0 0;width:273px;height:437px;}

/*process*/
.process{width:100%;height:530px;background:url(../images/process.jpg) center center no-repeat;}
.process .w{padding:52px 0 0; }
.process .ihead{text-align:center;}
.process .ihead h2{line-height: 40px;color:#333333;font-size:30px;font-weight:bold;}
.process .ihead h3{font-size:20px;color:#ff552d;text-transform:uppercase;}
.process .list{margin-top:84px;width:100%;height:210px;background:url(../images/process.png) center center no-repeat;}
.process .list li{float:left;margin-left:90px;width:125px;}
.process .list li:first-child{margin-left:0;}
.process .list li img{display:block;width:125px;height:126px;border-radius:50%;box-shadow: 0 0 15px #ccc;}
.process .list li h1{text-align:center;font-size:16px;color:#333333;}

.process .list li:hover img{ animation:pulse .5s ease;}

/*iteam*/
.iteam{padding:52px 0 60px; }
.iteam .ihead{text-align:center;}
.iteam .ihead h2{line-height: 40px;color:#333333;font-size:30px;font-weight:bold;}
.iteam .ihead h3{font-size:20px;color:#ff552d;text-transform:uppercase;}
.iteam .list{margin-top:40px;width:102%;}
.iteam .list li { float:left;position:relative; width:300px; position:relative; border:1px solid #e9e9e9;  }
.iteam .list li a{display:block;width:300px;height:225px;overflow:hidden;}
.iteam .list li img{display:block;width:300px;height:225px;}
.iteam .list li:hover img{ transform: scale(1.02,1.02);}


/*bottom*/
.footer { width:100%;background: #1a212a; }
.footer1{padding:50px 0 30px;overflow:hidden; }
.sublime { float:left; width:80px; margin:0 90px 0 0; }
.sublime dt { width:72px;line-height:40px; font-size:16px; white-space:nowrap; color:#ffffff;margin-bottom: 10px;background: url(../images/line.jpg)  bottom left no-repeat}
.sublime dd {color:#999999; line-height:34px;}
.sublime a { color:#999999;font-size: 14px; }
.sublime a:hover { color:#3bb5ee; }
.icontact{width:320px;margin:0 50px 0 0;}
.icontact dd{padding-left: 28px;font-size: 14px;}
.icontact .d1{background: url(../images/tip3.png)  0 8px no-repeat;}
.icontact .d2{background: url(../images/tip3.png)  0 -26px no-repeat;}
.icontact .d3{background: url(../images/tip3.png)  0 -62px no-repeat;}
.icontact .d4{background: url(../images/tip3.png)  0 -96px no-repeat;}
.icontact .d5{background: url(../images/tip3.png)  0 -132px no-repeat;}

.ifol{width:240px;margin: 0 58px 0 0;}
.ifol dd{float:left;width:100px;margin-right:20px;}
.subcode { float:right;  width:218px;}
.subcode img { display:block; width:150px; height:150px; background:#fff;margin: 0 auto; }
.subcode h3 { line-height:40px; font-weight:normal; color:#999; }
.subcode span{display: block;text-align: center;color: #aaaaaa;}

.bottomer {height:60px; line-height:60px; color:#777777;background:#1a212a;border-top:1px solid #33373b; }
.bottomer p{float:left;}
.bottomer a { color:#777777; }
.bottomer a:hover { color:#3bb5ee; }

.bottomer .link{position:relative;float:right;margin-top: 14px;width:158px;height:32px;line-height: 32px;border:1px solid #33373b;}
.bottomer .link h2{padding-left:20px;color:#fff;cursor: pointer;background: url(../images/san.png) 130px -15px no-repeat; transition:all 300ms ease;}
.bottomer .link .list{position:absolute;right:0;bottom:33px; display:none; }
.bottomer .link .list li{width:160px;height:32px;line-height:32px;text-align:center;background:#3bb5ee;}
.bottomer .link .list li a{display:block;color:#fff;transition:all 300ms ease;}
.bottomer .link:hover h2{background: url(../images/san.png) 130px 14px no-repeat;color:#3bb5ee;}
.bottomer .link:hover .list{display:block;animation:fadeIn .3s linear;  }
.bottomer .link .list li:hover{background:#ff552d;}

/******************************
 ** 组件类
 ******************************/
/*.banner { width:100%; min-width:1000px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#1b140d; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:100%; height:3px; text-align:center; position:absolute; left:0; bottom:30px; z-index:3; }
.banner .tip span { display:inline-block; width:45px; height:3px; line-height:0; background:#934407; margin:0 5px; cursor:pointer; }
.banner .tip span.cur { background:#e5bb22; }
.banner, .banner ul,.banner img { height:540px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }*/
/*rightFix*/
.rightFix{width: 50px; position: fixed; right: 10px; top: 50%; margin-top: -100px; z-index: 99;}
.rightFix .ico{width: 50px; height: 50px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 50px; margin-bottom: 2px; background: #3bb5ee url(../images/fix-ico.png) no-repeat center 0;}
.rightFix .ico img{width: 140px; height: 140px; position: absolute; left: -78px; top: 0; padding: 3px; background: #ff552d; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 6px;}
.rightFix .ico span{width: 210px; text-align: center; height: 50px; line-height: 50px; position: absolute; left: -78px; top: 0; background: #ff552d; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 50px;}
.rightFix .ico:hover{background-color: #ff552d; border-color: #ff552d; overflow: visible;}
.rightFix .ico:hover img{opacity: 1; filter: alpha(opacity=100); left: -162px;}
.rightFix .ico:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel{background-position: center 12px;}
.rightFix .fix-xcx{background-position: center -40px;}
.rightFix .fix-qq{background-position: center -94px;}
.rightFix .fix-ewm{background-position: center -148px;}
.rightFix .fix_top{background-position: center -202px;}
/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:220px; }
.topclass { width:100%; height:90px; background:#5f412e; color:#FFF; }
.topclass h2 { padding:25px 0 0 30px; font-size:20px; }
.topclass span { font-size:14px; padding:0 0 0 30px; color:#c8a48e; }
.side-menu { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.side-menu dd { }
.side-menu dd > a { display:block; height:47px; line-height:47px; padding:0 0 0 50px; border-bottom:1px solid #ddd; background:url(../images/menu.png) 29px center no-repeat; }
.side-menu dd > a:hover { background-color:#f5f5f5; }
.side-menu .drop { width:100%; padding:0 0; background:#fafafa; border-bottom:1px solid #ddd; display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px; }
.side-menu .drop a { display:block; padding:0 0 0 50px; background:url(../images/menu-sub.png) 29px center no-repeat; }
.side-menu .drop a:hover { background-color:#f1f1f1; }
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a { color:#934407; background-color:#f1f1f1; }
.side-menu li.current > a { color:#934407; background-color:#f1f1f1; }
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
/*newslist*/
.newslist .item{border-bottom: 1px solid #dddddd; width: 100%;}
.newslist .item a{display: block; padding: 26px 0; width: 100%;}
.newslist .item h3{font-size: 18px; color: #333333; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px;}
.newslist .item h3 s{width: 16px; height: 16px; float: right; display: block; background-position: -35px 0;}
.newslist .item .txt{color: #666666; height: 30px; line-height: 30px;}
.newslist .item .time{display: block; color: #333333; font-size: 16px; height: 20px; line-height: 20px;}
.newslist .item:hover{border-color: #c21d24;}
.newslist .item:hover h3{color: #c21d24;}
/*prolist*/
.prolist .item{width: 280px; height: 323px; padding-top: 10px; overflow: hidden; float: left; margin: 0 26px 26px 0; position: relative; border: 1px solid #ddd; transition: all ease 300ms; text-align: center;}
.prolist .item a{display: block; width: 100%;}
.prolist .item img{width: 260px; height: 260px; display: block; margin: 0 auto; }
.prolist .item h3{ height: 60px; line-height: 60px; padding: 0 12px; font-size: 16px; font-weight: normal; color: #333; overflow: hidden; transition: all ease 300ms;}
.prolist .item .xcx{ width: 260px; height: 240px; padding: 20px 0 0; z-index: 10; position: absolute; left: 40px; top: 10px; background: #000; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.prolist .item .xcx span{width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 24px; z-index: 10; font-size: 16px; color: #333;}
.prolist .item .xcx img{width: 166px; height: 166px; padding: 40px 10px 10px; border-radius: 10px; display: block; margin: 0 auto; background: #fff;}
.prolist .item:hover{ border-color: #20b3ce; }
.prolist .item:hover h3{color: #20b3ce;}
.prolist .item:hover .xcx{opacity: 1; filter: alpha(opacity=100); left: 10px;}
.prolist.prolist4 .item{height: 255px;}
.prolist.prolist4 .item img{height: 195px;}
.prolist.prolist4 .item .xcx{display: none;}
.prolist.prolist4 .item .bg{width: 240px; height: 143px; padding-top: 52px; display: block; position: absolute; left: 112px; top: 11px; background: url(../images/black30.png) repeat 0 0; transition: all ease 300ms; opacity: 0; filter: alpha(opacity=0);}
.prolist.prolist4 .item .bg s{width: 90px; height: 90px; transition: all .5s; transition-delay: .1s; position: absolute; left: 100%; top: 50%; margin: -45px 0 0 -45px; display: block; background-position: -110px -21px;}
.prolist.prolist4 .item:hover{ }
.prolist.prolist4 .item:hover .bg{left: 11px; opacity: 1; filter: alpha(opacity=100);}
.prolist.prolist4 .item:hover .bg s{left: 50%;}
/*baselist*/
.baselist .item{width: 280px; float: left; margin: 0 26px 26px 0; position: relative; transition: all ease 300ms; overflow: hidden;}
.baselist .item a{display: block; width: 100%;}
.baselist .item .img{width: 280px; height: 210px; display: block; overflow: hidden; position: relative;}
.baselist .item .img img{width: 280px; height: 210px; display: block; transition: all .5s;}
.baselist .item .img .zz{width: 280px; height: 210px; display: block; background: url(../images/zz.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 10;}
.baselist .item .tit{height: 48px; font-size: 16px; text-align: center; line-height: 48px; overflow: hidden; transition: all ease 300ms; display: block;}
.baselist .item:hover .img img{transform: scale(1.08);}
.baselist .item:hover .tit{color: #c21d24;}
/*txtimglist*/
.txtimglist .item{width:868px; height: 160px; padding: 15px; margin-bottom:30px; transition: all ease 300ms;  border: 1px solid #ddd; }
.txtimglist .item a{width: 100%; display: block;}
.txtimglist .item img{width: 213px; height: 160px; display: block; margin-right:30px;}
.txtimglist .item h3{font-size: 18px; color: #333; padding: 30px 0 16px; transition: all ease 300ms;}
.txtimglist .item .txt{color: #999; line-height: 24px; height: 48px; padding-right: 64px; overflow: hidden;}
.txtimglist .item .time{width: 100px; padding-top: 28px; line-height: 24px; font-family: arial; font-size: 16px; color: #999;}
.txtimglist .item .time .day{font-size: 34px; line-height: 40px; display: block;}
.txtimglist .item .time s{width: 54px; height: 8px; display: block; margin-top: 20px; background-position: -98px 0;}
.txtimglist .item:hover{ border-color: #20b3ce; }
.txtimglist .item:hover h3{color: #20b3ce; text-indent: 10px;}
.txtimglist .searchlist .item img{width: auto; height: 150px;}
/************content************/
.fl{ float: left; }
.fr{ float: right; }
/* pager */
.pager{*zoom: 1; padding: 30px 0; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager a{display: block; height: 42px; line-height: 42px; margin: 0 5px; padding: 0 18px; color: #666; background: #eee; display: inline-block;}
.pager a:hover,
.pager a.current{color: #fff; background: #20b3ce;}
/* loaction */
.location{width: 100%; padding-bottom: 10px; margin-bottom: 30px; position: relative; border-bottom:1px solid #ddd;}
.location:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.location h3{font-size: 20px;}
.location .sitepath{ color: #333333; margin-top: 8px; white-space: nowrap;}
.location .sitepath s{width: 16px; height: 17px; background-position: -73px -22px; margin: 0 6px;}
.location .sitepath a{color: #333333;}
.location .sitepath a:hover{color: #c21d24;}
/* reLink */
.reLink{width: 100%; height: 58px; line-height: 58px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; display: block; text-align: left; color: #666;}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover{color: #c21d24;}
.reLink .nextLink{text-align: right;}
.wrapper{width: 1200px; margin: 0 auto; padding: 42px 0 60px;}
.wrapper .showvideo{margin: 0 auto;}
.wrapper .left-tit{width: 100%; text-align: center; line-height: 40px; font-size: 40px; font-weight: bold; padding: 15px 0 20px 0; position: relative; margin-bottom: 20px; color: #fff; background: url(../images/lefttitbg.png) no-repeat center bottom;}
.wrapper .left-tit.left-tit2{font-size: 30px; padding-bottom: 19px; *padding-top: 1px;}
.wrapper .leftCon{width: 260px; float: left; padding: 26px 0 15px; background: #20b3ce;}
.wrapper .leftCon .leftpro .item{width: 220px; margin: 0 auto 10px; }
.wrapper .leftCon .leftpro .item a{width: 100%; display: block;}
.wrapper .leftCon .leftpro .item img{width: 220px; height: 220px; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.wrapper .leftCon .leftpro .item h3{text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px;}
.wrapper .leftCon .leftpro .item:hover h3{color: #ffde00;}
.wrapper .leftNav{width: 260px; margin-bottom: 20px;}
.wrapper .leftNav li{ width: 80%; margin: 0 auto 10px; height: 43px; line-height: 43px; position: relative; border: 1px solid #fff; }
.wrapper .leftNav li a{display: block; font-size: 16px; text-align: center; color: #fff;}
.wrapper .leftNav li:hover,
.wrapper .leftNav li.hover{background:#ff552d;}
.wrapper .content{width:900px; float: right; overflow: hidden;}
.wrapper .content .prolist{ width: 106%; position: relative;}
.wrapper .content .bgfff{width: 818px; padding: 15px 40px 50px; border: 1px solid #dddddd; background: #fff;}
/******recommend*******/
.recomCon .recom-tit{font-size: 20px; padding: 28px 0 22px;}
.recomCon .recom-tit .more{font-size: 16px; float: right;}
.recomCon .prolist{width: 106%;}
/****singlePage******/
.singlePage img{max-width: 100%; height: auto !important;}
.singlePage .txtcon{line-height: 32px;}
.singlePage .txtcon.bgfff{padding-top: 30px;}
.showPro .show-tit{font-size: 20px; padding-bottom: 20px; color: #c21d24; font-weight: bold; background: url(../images/sitepathbg.png) no-repeat center bottom;}
.showPro .showContxt{padding: 18px 2px 30px; line-height: 26px;}
.showPro .showContxt img{max-width: 100%; height: auto !important;}
.showPro .showimgCon{ margin-bottom: 40px; }
.showPro .showimgCon .txtcon{width: 240px; float: left; margin-left: 45px; position: relative; height: 480px;}
.showPro .showimgCon .txtcon .tit{font-size: 26px;}
.showPro .showimgCon .txtcon .price{font-size: 34px; margin-bottom: 40px; color: #f16101; font-family: arial; margin-top: 20px;}
.showPro .showimgCon .txtcon .xcxm{width: 236px; border: 1px solid #dddddd; border-radius: 6px; background: #fff;}
.showPro .showimgCon .txtcon .xcxm img{width: 236px; height: 236px; display: block; border-radius: 6px; border-bottom: 1px solid #ddd;}
.showPro .showimgCon .txtcon .xcxm span{width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 16px; display: block;}
.showPro .showimgCon .txtcon .tel{position: absolute; height: 44px; line-height: 44px; text-align: center; left: 0; bottom: 0; width: 238px; border: 1px solid #c21d24; font-size: 20px; color: #c21d24; border-radius: 2px;}
.showPro .showimgCon .txtcon .tel s{width: 26px; height: 26px; margin-right: 12px; background-position: 0 -40px;}
.showPro .showimg{width: 480px; position: relative; float: left; overflow: hidden;}
.showPro .showimg .bigimg{width: 480px; height: 480px; display: block; position: relative;}
.showPro .showimg .bigimg .list{width: 500%;}
.showPro .showimg .bigimg .list li{width: 480px; height: 480px;}
.showPro .showimg .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.showPro .showimg .smallimg{width: 480px; height: 95px; padding-top: 11px; position: absolute; left: 0; bottom: 0; z-index: 10; overflow: hidden; background: url(../images/black50.png) repeat 0 0;}
.showPro .showimg .list{width: 390px; overflow: hidden; position: relative; margin: 0 auto;}
.showPro .showimg .listcon{width: 300%; position: relative;}
.showPro .showimg .prev,
.showPro .showimg .next{width: 20px; height: 84px; z-index: 10; position: absolute; top: 11px; cursor: pointer; background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover{background-color: #ddd;}
.showPro .showimg .prev{left: 10px; background-position: 7px center;}
.showPro .showimg .next{right: 10px; background-position: -39px center;}
.showPro .showimg li{width: 84px; height: 84px; margin-right: 18px; float: left; cursor: pointer; position: relative;}
.showPro .showimg li img{width: 100%; height: 100%; display: block;}
.showPro .showimg li.on{width: 80px; height: 80px; border: 2px solid #ffde00;}
/*showNews*/
.shareNew{padding-bottom: 20px;}
.showInfo .title{font-size: 22px; color: #333333; text-align: center; padding: 10px 0 16px;}
.showInfo .mark{color: #666; height: 38px; line-height: 38px; overflow: hidden; text-align: center; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.showInfo .mark span{margin: 0 10px; font-size: 12px;}
.showInfo .img{width: 500px; display: block; margin: 10px auto 20px;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .showContxt{color: #333; padding: 0 2px 30px; line-height: 30px;}
.showInfo .showContxt .t{position: relative; display: inline-block; *display: inline; *zoom: 1; color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px;}
.showInfo .showContxt .t:after{width: 20px; height: 2px; content: "\20"; background: #c21d24; display: block; position: absolute; left: 2px; bottom: -1px;}
.showInfo .showContxt img{max-width: 100%; height: auto !important;}
.showInfo .title2{height: 40px; line-height: 40px; margin-top: 20px; border-bottom: 1px solid #d9d9d9;}
.showInfo .title2 a{float: right; font-size: 12px; font-family: arial;}
.showInfo .title2 .left{height: 38px; line-height: 38px; font-size: 18px; border-bottom: 3px solid #4d485b;}
.msgPage .formData{padding-top: 5px;}
.msgPage .tit{text-align: center; padding: 18px 0 36px;}
.msgPage .tit .p1{font-size: 25px; margin-bottom: 10px;}
.msgPage .tit .p2{line-height: 24px;}
.msgPage .tit .p2 span{color: #c21d24;}
.formData{padding: 0 18px; padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 388px; height: 35px; line-height: 35px; border: 1px solid #ccc; background: #f3f3f3; margin-right: 32px; margin-bottom: 34px; position: relative;}
.formData .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #666;}
.formData .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.formData .item .red{position: absolute; right: 12px; top: 2px; color: #c21d24; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0;}
.formData .liuyan{width: 810px; height: 180px; border: 1px solid #ccc; float: left;}
.formData .liuyan label{text-align: right; top: 5px; display: block;}
.formData .liuyan textarea{width: 790px; height: 164px; line-height: 28px; padding: 8px 10px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .bot{width: 100%; float: left;}
.formData .sub{width: 232px; height: 42px; line-height: 42px; text-align: center; background: #c21d24; color: #FFF; cursor: pointer; font-size: 18px; display: block; transition: all ease 300ms; margin: 0 auto;}
.formData .sub:hover{background: #ffde00; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}
.contactPage .tit{text-align: center; padding: 8px 0 26px;}
.contactPage .tit .p1{font-size: 25px; margin-bottom: 10px;}
.contactPage .tit .p2{line-height: 24px;}
.contactPage .tit .p2 span{color: #c21d24;}
.contactPage .bcontact{width: 100%; padding-bottom: 50px;}
.contactPage .bcontact li{width: 33%; float: left; padding: 20px 0 0; border-left: 1px solid #ccc; text-align: center; font-family: arial;}
.contactPage .bcontact li s{width: 60px; height: 55px; display: block; margin: 0 auto; background: url(../images/contact-ico.png) no-repeat 15px center;}
.contactPage .bcontact li h3{font-size: 16px; padding: 6px 0 8px; font-weight: bold; color: #737373;}
.contactPage .bcontact li h4{color: #000000; font-weight: bold; height: 48px; line-height: 24px; padding: 0 10px;}
.contactPage .bcontact li.btel{border-left: 0px;}
.contactPage .bcontact li.baddress s{background-position: -58px center;}
.contactPage .bcontact li.bemail s{background-position: -140px center;}
.contactPage .txtcon{padding-bottom: 30px;}
.contactPage .txtcon img{max-width: 100%; height: auto !important;}
.contactPage .t2{padding: 58px 0 48px; text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #c21d24;}
.contactPage .mapArea{width: 100%; height: 400px; margin: 0 0 40px;}
.contactPage .mapArea #allmap{width: 100%; height: 400px;}
.contactPage .BMap_bubble_title a{border-radius: 3px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 16px; background: #c21d24; color: #fff;}
.contactPage .BMap_bubble_title a:hover{background: #ffde00;}
.contactPage .BMap_bubble_title span{display: block; line-height: 22px;}
.contactPage .BMap_bubble_content{line-height: 22px;}
.map_ul{list-style: outside none none; display: block; width: 100%;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; float: left;}
.map_ul li a{font-size: 14px; width: 100%; height: 23px; line-height: 23px; font-weight: bold; display: block;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 80%; min-height: 30px; padding-top: 10px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #c21d24; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}
/******************************
 ** 高级动画
 ******************************/

.animate-zhuan{animation: Swing1 5s infinite; transform: rotate(-5deg); -webkit-animation: Swing1 5s infinite; -webkit-transform-origin: 50% -50px; -webkit-transform: rotate(-5deg); -moz-animation: Swing1 5s infinite; -moz-transform-origin: 50% -50px; -moz-transform: rotate(-5deg); -ms-animation: Swing1 5s infinite; -ms-transform-origin: 50% -50px; -ms-transform: rotate(-5deg); -o-animation: Swing1 5s infinite; -o-transform-origin: 50% -50px; -o-transform: rotate(-5deg);}
.animate-zhuan2{animation: Swing2 4s infinite; transform: rotate(15deg); -webkit-animation: Swing2 4s infinite; -webkit-transform-origin: 50% 50%; -webkit-transform: rotate(15deg); -moz-animation: Swing2 4s infinite; -ms-animation: Swing2 4s infinite; -o-animation: Swing2 4s infinite;}
.animate-tel{animation: tada 1s linear infinite; transform-origin: 50% 50%; -webkit-animation: tada 1s linear infinite; -webkit-transform-origin: 50% 50%; -moz-animation: tada 1s linear infinite; -moz-transform-origin: 50% 50%; -o-animation: tada 1s linear infinite; -o-transform-origin: 50% 50%; -ms-animation: tada 1s linear infinite; -ms-transform-origin: 50% 50%;}
@keyframes Swing1{0%{transform: rotate(-5deg);} 50%{transform: rotate(5deg);} 100%{transform: rotate(-5deg);}}
@-webkit-keyframes Swing1{0%{-webkit-transform: rotate(-5deg);} 50%{-webkit-transform: rotate(5deg);} 100%{-webkit-transform: rotate(-5deg);}}
@-moz-keyframes Swing1{0%{-moz-transform: rotate(-5deg);} 50%{-moz-transform: rotate(5deg);} 100%{-moz-transform: rotate(-5deg);}}
@-o-keyframes Swing1{0%{-oz-transform: rotate(-5deg);} 50%{-moz-transform: rotate(5deg);} 100%{-moz-transform: rotate(-5deg);}}
@-ms-keyframes Swing1{0%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);} 50%{-webkit-transform: rotate(5deg); transform: rotate(5deg);} 100%{-webkit-transform: rotate(-5deg); transform: rotate(-5deg);}}
@keyframes Swing2{0%{transform: rotate(15deg);} 50%{transform: rotate(-15deg);} 100%{transform: rotate(15deg);}}
@-webkit-keyframes Swing2{0%{-webkit-transform: rotate(15deg);} 50%{-webkit-transform: rotate(-15deg);} 100%{-webkit-transform: rotate(15deg);}}
@-moz-keyframes Swing2{0%{-moz-transform: rotate(15deg);} 50%{-moz-transform: rotate(-15deg);} 100%{-moz-transform: rotate(15deg);}}
@-ms-keyframes Swing2{0%{-ms-transform: rotate(15deg);} 50%{-ms-transform: rotate(-15deg);} 100%{-ms-transform: rotate(15deg);}}
@-o-keyframes Swing2{0%{-o-transform: rotate(15deg);} 50%{-o-transform: rotate(-15deg);} 100%{-o-transform: rotate(15deg);}}
@-webkit-keyframes tada{0%{-webkit-transform: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}
@keyframes tada{0%{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 10%, 20%{-webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg);} 40%, 60%, 80%{-webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg);} 100%{-webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0);}}




/******************************
 ** 兼容性
 ******************************/