/******************************
 ** 初始化 / 兼容到IE7
 ******************************/
* { margin:0; padding:0;/*transition:all 300ms ease;*/ }
html { height:100%; }
body  { max-width:1920px; min-width:1200px; margin:0 auto; font:14px/2 'Microsoft Yahei', Arial; color:#666;background:#f0f4f7;}
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/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; }
a { color:#666; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#095c96; }
a:link,
a:link img,
input { -webkit-transition:all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; transition:all .5s linear; }
.fl{float:left;}
.fr{float:right;}

.clearfix {*zoom: 1;    clear: both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.hidden { display:none; visibility:visible; }
.wrap,
.wrapper,.w { width:1200px; margin:0 auto; position:relative; }


/*top*/
.top{ width:1200px; height:120px; margin:0 auto;}
.top_left{ float:left; height:80px; padding:22px 0 17px;}
.top_left .logo_l{ margin: 0 14px 0 0;height:80px; display:block; float:left;margin-top: 0px;}
.top_left .logo_r{ float:left;margin-top: 10px;border-left:1px dashed #d2d3d3;padding-left:24px;}
.top_left .logo_r h1{ color:#222222;line-height:34px; font-size:24px;}
.top_left .logo_r h2{ color:#095c96;font-weight:bold; font-size:24px; line-height:30px;}
.top_left .logo_r p{line-height: 24px;font-size: 18px;color: #333;}
.top_right{ float:right; text-align:left; background:url(../images/top_tel.png) no-repeat left center; padding-left:65px;height: 54px;margin-top: 36px;}
.top_right h1{ font-size:26px; color:#222222; font-weight:bold;line-height: 30px;height: 30px;}


/*nav*/
.nav{width:100%;height:65px; position: relative;z-index: 66;background:#125f95; }
.nav ul{ width:1200px; height:65px; margin:0 auto;}
.nav li{float:left; height:65px;position:relative; text-align:center;transition: background .3s;  -webkit-transition: background .3s;}
.nav li > a{ display:block; width:171px; height:65px; line-height:65px; color:#fff; font-size:15px;background:url(../images/navl.png) left center no-repeat; }
.nav li:first-child > a{background:none;}
.nav li:hover{background:#66a2d0;  }
.nav li:hover a,.nav li.hover a,.nav .cur a{ color:#ffffff;}
.nav li.hover,.nav .cur{background:#66a2d0;}

/*subNav*/
.subNav{width:100%; height:auto; position:absolute; z-index:99; left:0; top:65px;display:none;}
.nav ul li .subNav a{ width: 100%; line-height:42px;  height:42px; font-size:14px; display:block; color:#222222; background:#fff; }
.nav ul li .subNav a:hover{ background:#f5f5f5;}


/*banner*/
.banner { height:500px; position:relative; min-width:1000px;  overflow:hidden;z-index:0; }
.banner .main { width:1000%; overflow:hidden; }
.banner .scroll { overflow:hidden; height:500px; width:100%; }
.banner .scroll ul { width:500%; height:500px; }
.banner .scroll li { width:1920px; height:500px; float:left; }
.banner .scroll img { width:100%; height:500px; }
/* 左右按钮 */
.banner .btn { width:100%; height:115px; position:absolute; top:214px;z-index:1; }
.swiper-button-prev { width:50px; height:115px; background: url(../images/bprev.png) 0 0 no-repeat; position:absolute;left:0; cursor:pointer; top: 200px;
    z-index: 999;}
.swiper-button-next { width:50px; height:115px; background:url(../images/bnext.png) 0 0 no-repeat; position:absolute;right:0; cursor:pointer; top: 200px;
    z-index: 999;}
/*滚动按钮*/
.banner .tip{position: absolute;bottom: 30px;left: 50%;width: 300px;height: 20px;}
.banner .tip span{ float:left; display:block; width:32px; height:10px; background:#a5d1f0; cursor: pointer; margin: 0 5px;border:1px solid #fff;}
.banner .tip .cur{width:32px; height:10px; background:#095c96;}

/* minbanner */
.minBanner{position: relative;overflow: hidden;width: 100%;height: 300px; z-index:0;}
.minBanner .banner1{width:1920px;height:300px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;height:300px;text-align:center;}
.minBanner .tip{position: absolute;bottom: -18px;left: 50%;width: 300px;height: 42px; margin-left: 372px;}
.minBanner .tip span{float:left; display:block; width:38px; height:12px; background:#fff;cursor: pointer; margin: 0 5px;}
.minBanner .tip .cur{width:38px; height:12px; background:#095c96;}

/*skey*/
.gnl{ width:100%; height:60px; border-bottom:1px solid #e5e5e5;}
.gnl1{ width:1200px; height:60px; margin:0 auto;}
.resou{ float:left; height:58px; text-align:left; color:#000000; font-size:14px; line-height:58px;}
.resou a{  line-height:58px; height:58px;  }

/* 公用头部*/
.ihead{ text-align:center;height:82px;background:url(../images/ihead.png) bottom center no-repeat;}
.ihead h1{line-height: 82px;font-size:30px; color:#333; font-weight:normal;}

.ititle{height:40px;line-height:40px;border-bottom:4px solid #66a3d2;}
.ititle h1{float:left;font-size:22px;font-weight:bold;color:#222222;}
.ititle .imore{display:block;margin-top: 8px;float:right;width:90px;height:32px;line-height:32px;background:#66a3d2;color:#fff;text-align:center;}
.ititle .imore:hover{background:#095c96;}

.ititle2{    overflow: hidden;height:43px;line-height:43px;border-bottom:1px solid #66a3d2;}
.ititle2 h1{float:left;font-size:30px;font-weight:bold;color:#222222;}
.ititle2 h1 em{font-weight: normal;font-style: normal;font-size: 16px;margin-left: 8px;}
.ititle2 .imore{display:block;float:right;width:142px;height:43px;line-height:43px;background:#66a3d2;color:#fff;text-align:center;}
.ititle2 .imore:hover{background:#095c96;}

/*floor1*/
.floor1{padding-top:42px;width:100%; background:url(../images/floor1_bg.jpg) top center no-repeat; }
.floor1 .box{margin-top: 20px;}
.infor{float:left;padding:22px 14px 0;width:360px;height:600px;background:#fff;margin-right: 12px;margin-top: 12px;box-shadow: 0px 5px 5px #e1e5e8;}
.infor img{display:block;margin:20px 0 8px;width:100%;height:269px;}
.infor .list{}
.infor .list li{height:40px;line-height:40px;}
.infor .list li a{display:block;}
.infor .list li h1{float:left;padding-left:12px;color:#333333;background:url(../images/new_yuan.png) left center no-repeat;}
.infor .list li .date{display:block;float:right;color:#999999;}
.infor .list li a:hover h1,.infor .list li a:hover .date{color:#66a3d2;}
.infor:last-child{    margin-right: 0;}

/*floor2*/
.floor2{padding-top:42px;width:100%;  }
.floor2 .box{margin-top: 20px;}
.floor2 .infor{height: 300px;}

/*message*/
.message{float:left;width:504px;height:506px;background:url(../images/floor3_yuan.png) center center no-repeat;}
.message h1{line-height: 40px;padding: 108px 0 10px;font-size:30px;color:#fff;text-align:center;}
.message .form{padding: 20px 0 0 55px;width: 408px;line-height:42px;color:#666666;font-size:14px;}
.message .form .item{float:left;width:172px;height:42px;margin:0 12px 10px;border:0;background:#fff;}
.message .txt{width:160px; height:42px; line-height:42px;*width:148px; *height:40px;*line-height:40px;padding-left: 12px;border: 0;}
.message .form .red{color:red;}
.message .form .btn{width: 208px;margin: 0 auto;padding-top:13px;}
.message .sub{margin-top: 24px;background: none;cursor:pointer; width:208px; height:36px; line-height:30px;border:2px solid #fff; text-align:center;font-size:18px;color:#ffffff;}
.message .sub:hover{background:#66a3d2;color:#fff;}

/*floor4*/
.floor4{}
.floor4 .ilist{ margin-top:32px;width:1220px;overflow: hidden;float: left;}
.floor4 .ilist ul{ }
.floor4 .ilist li{ float: left;width: 266px;padding:10px;margin:0 19px 0 0; background:#fff;
box-shadow: 0px 4px 2px #e1e5e8;}
.floor4 .ilist li a{display:block;position: relative;}
.floor4 .ilist li a.img{display:block;width: 264px;height: 198px;overflow: hidden; }
.floor4 .ilist li img{ display:block;width: 264px;height: 198px; }
.floor4 .ilist li:hover img{transition: all 300ms ease;-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);transition:all 300ms ease;}
.floor4 .shadow{background: url(../images/shadow.png)no-repeat center;    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;display: none;}
.floor4 .shadow h2{font-size: 24px;line-height: 32px;margin-top: 74px;}
.floor4 .shadow p{font-size: 16px;line-height:28px;}
.floor4 li:hover .shadow{display: block;}
/*floor6*/
.floor6{padding:40px 0;}
.results{float:left;width:790px;}
.results ul{height: 373px;background:#fff;box-shadow: 0px 5px 5px #e1e5e8;    padding: 5px 22px 0;margin-top: 20px;}
.results li{height:56px;line-height:56px;    border-bottom: 1px dashed #dddddd;}
.results li:last-child{border-bottom: none;}
.results li a{display:block;    width: 100%;
    height: 57px;}
.results li h1{float:left;padding-left:18px;color:#333333;background:url(../images/news_kuang.jpg) left center no-repeat;}
.results li  .date{display:block;float:right;color:#999999;}
.results li  a:hover h3,.results li  a:hover h1,.results li a:hover .date{color:#095c96;}

.results2 li{border-bottom: none;height:40px;line-height:40px;}
.results2 ul{height:294px;  padding: 12px 22px 0;}

.icontact{float:right;width:388px;height:440px;background:#fff;box-shadow: 0px 5px 5px #e1e5e8;}
.icontact .main { width:auto; overflow:hidden; padding:24px 20px 20px; }
.icontact .main > * { width:100%; clear:both;    margin: 0 auto 15px; position:relative; }
.icontact .row-1 { width:310px; height:46px; border:1px solid #ddd; }
.icontact .row-2 { width:310px; height:90px; padding:0 0 0 0; border:1px solid #ddd; }
.icontact .row-3 { width:100%; height:auto;margin-top: 24px; }
.icontact .txt {width:100%; height:46px; line-height:46px; background:#fff; border:0; color:#999;text-indent: 1em; }
.icontact .text { width:300px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:80px; color:#999; }
.icontact .submit { width:226px; height:40px; border:0; cursor:pointer; color:#FFF; font-size:16px;display: block;margin: 0 auto; }
.icontact .submit { background:#095c96; }
.icontact .submit:hover { background:#66a3d2; }

.about{float:right;width:388px;height:370px;background:#fff;box-shadow: 0px 5px 5px #e1e5e8;}
.about ul{margin: 28px 45px 0;}
.about ul li{margin: 0 28px 16px;width:93px;float: left;padding-top: 80px;}
.about ul li p{text-align: center;line-height: 32px;}
.about ul a:first-child li{background: url(../images/about01.png)no-repeat center top;}
.about ul a:nth-child(2) li{background: url(../images/about02.png)no-repeat center top;}
.about ul a:nth-child(3) li{background: url(../images/about03.png)no-repeat center top;}
.about ul a:last-child li{background: url(../images/about04.png)no-repeat center top;}



/*floor8*/
.floor8{padding:40px 0 40px;}
.ques{float:left;padding: 22px 14px 0;width:360px;height:430px;background:#fff;box-shadow: 0px 5px 5px #e1e5e8;}
.ques .list{}
.ques .list li{height:96px;border-top:1px dashed #ececec;margin: 15px 0;padding-top: 10px;}
.ques .list li:first-child{padding-top: 0;border-top:0;}
.ques .list li a{display:block;}
.ques .list li h1{padding:2px 0 4px 30px;font-size:15px;color:#222222;font-weight:bold;line-height:32px;background:url(../images/ask.jpg) left center no-repeat;}
.ques .list li p{color:#666666;padding-left:30px;background:url(../images/da.jpg) left 8px no-repeat;}
.ques .list li:hover h1{color:#095c96;}

.inews{float:right;padding: 22px 14px 0;width:762px;height:430px;background:#fff;box-shadow: 0px 5px 5px #e1e5e8;}
.inews .list{padding-top:20px;}
.inews .list dt{height:176px;border-bottom:1px dashed #ececec;}
.inews .list dt img{display:block;float:left; width:204px;height:154px;}
.inews .list dt .des{float:right;width:530px;}
.inews .list dt h3{font-size:18px;}
.inews .list dt h3 a{color:#222222;}
.inews .list dt p{color:#666666;padding: 10px 0 12px;}
.inews .list dt .imore{display:block;width:126px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:16px;background:#66a3d2;}
.inews .list dt .imore a{display:block;color:#fff;}
.inews .list dd{height:40px;line-height:40px;}
.inews .list dd a{display:block;    width: 100%;
    height: 40px;}
.inews .list dd h3{float:left;padding-left:18px;color:#333333;background:url(../images/news_kuang.jpg) left center no-repeat;}
.inews .list dd .date{display:block;float:right;color:#999999;}
.inews .list dd a:hover h3,.inews .list dd a:hover .date{color:#095c96;}
.inews .list dt:hover .imore{background:#095c96;}
.inews .list dt:hover h3 a{color:#095c96;font-weight:bold;}

/*bottom*/
.bottom{padding:40px 0 30px;text-align:center;}
.bottom p{color:#0b61a4;line-height:40px;}
.bottom p a{color:#0b61a4;}
.bottom p a:hover{color:#095c96;}


/*dtop*/
.dtop{position: fixed; right: 2px;top: 182px;z-index: 250;width: 170px;background: #fff;    box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);}
.dtop .bor{background: url(../images/xuanfu1.jpg)no-repeat center;    background-size: cover;text-align: center;color: #fff;padding: 6px 0 8px;}
.dtop .bor h2{font-size: 20px;line-height: 26px;}
.dtop .bor span{font-size: 12px;text-transform:uppercase;display: block;opacity: 0.6;line-height: 14px;}
.dtop ul{margin: 12px 0;}
.dtop li{display: inline-block;width: 100%;margin-bottom: 6px;}
.dtop li a{display: block;width: 144px;height: 30px;margin: 0 auto;border: 1px solid #cccccc;text-align: center;line-height: 30px;}
.dtop li:hover a{background: #66a2d0;border-color: #66a2d0;color: #fff;}
.dtop dl{}
.dtop dl dd{margin-bottom: 10px;}
.dtop dl img{width: 96px;display: block;margin: 0 auto;}
.dtop dl p{line-height: 24px;display: block;text-align: center;}
.dtop .bot{background: url(../images/xuanfu2.jpg)no-repeat center;    background-size: cover;padding: 8px 0 12px;}
.dtop .bot .tel{text-align: center;color: #fff;margin-bottom: 10px;}
.dtop .bot .tel span{line-height: 20px;}
.dtop .bot .tel h4{font-size: 20px;line-height: 24px;}
.dtop .btop{height: 30px;background: url(../images/top.png)no-repeat #333333 center;cursor: pointer;}
.dtop .leftClose {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    margin-left: -9px;
    top: -18px;
    background: url(../images/close.png) no-repeat center top;
    cursor: pointer;
}
.dtop .active {
    position: absolute;
    width: 36px;
    height: 124px;
    left: 148px;
    top: 100px;
    background: url(../images/zaixian.png) no-repeat center top;
    cursor: pointer;
}

/*内页*/
.sidebar { float:left; width:235px; position: relative;z-index: 10;}
.topclass { width:100%; text-align: center;}
.topclass h2 {width: 235px;height: 49px;line-height: 49px;background: url(../images/sidebarTop.gif) 0 0 no-repeat;font-size: 18px;color: #FFF;text-align: center;}
.side-menu { width: 217px;background: #fff;margin-bottom: 10px;padding: 12px 0 12px 18px;}
.side-menu h2{color: #666;font-size: 18px;padding: 32px 0;text-align: center; }
.side-menu dd { float: left;width: 200px;margin-bottom: 18px;overflow: hidden;}
.side-menu dd > a { width: 160px;display: block;height: 29px;padding-left: 40px;line-height: 29px;background: url(../images/sidebarNav1.png) 0 0 no-repeat;color: #333;}
.side-menu dd > a:hover{ color:#0b61a4; background:url(../images/sidebarNav1Hover.png) 0 0 no-repeat;}
.side-menu .drop {  display:none; }
.side-menu .drop li { border: 1px solid #ccc;height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; text-align: center;  color: #095c96;  }
.side-menu .drop a:hover { font-weight: bold;color: #095c96;}
.side-menu dd.current .drop { display:block; }
.side-menu dd.current > a {   color:#0b61a4; background:url(../images/sidebarNav1Hover.png) 0 0 no-repeat;}
.side-menu li.current > a {  }

.subcomt {border: 1px solid #cacbcb;padding: 8px;}
.sobtitle {height: 46px;line-height: 46px;margin-bottom: 10px;border-bottom: 3px solid #66a3d2;}
.sobtitle p.fl {color: #033e6b;font-weight: bold;font-size:22px;padding: 0 20px;}
.sobtitle .sitepath {padding: 0 34px;font-size: 14px;color:#66a3d2;}
.sobtitle .sitepath a{color:#66a3d2;}
.sobtitle .sitepath a:hover{color: #033e6b;font-weight: bold;}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 234px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex { border-bottom: 3px solid #66a3d2;position: relative;padding-top: 10px;margin-bottom: 15px;height: 30px;}
.submian .subleft .titlex span {color: #033e6b;font-weight:bold;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .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;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {    color: #095c96;    background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #095c96; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#095c96; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #095c96;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .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); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .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; }
.submian .leftcontact{width:214px;padding: 10px;background: #FFF;position: relative; }
.submian .leftcontactcomt{line-height: 28px;padding: 10px 10px 20px;color:#444;}


.submian .subright {width: 890px;padding: 20px;margin-bottom: 65px; line-height: 28px;background:#fff;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list ul{width:110%;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 280px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 274px;height: 204px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #095c96;background: #095c96;}
.submian .subright .produtlist .list .itag li:hover span {color: #095c96;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p {color: #095c96;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist,.submian .subright .aboutlistx {line-height: 32px;color: #333;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #095c96;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:280px; height:310px; float:left; overflow:hidden; margin:0 4px 20px 5px;padding: 3px;}
.listProduct .item img{ width:276px; height:206px;border-radius: 10px;border: 2px solid #eee;}
.listProduct .item a{ display:block; color:#095c96;line-height:26px; font-size:16px;}
.listProduct .item p{ width:100%;  text-align:center;}
.listProduct p.wd{ width:100%;   }
.listProduct p.wd a{ display:block;font-size: 18px; }
.listProduct p.wd b{border-bottom: 2px solid #095c96;display: inline-block;height: 40px;
line-height: 40px;}
.listProduct p.wd span{ color:#666666; font-size:14px; height: 50px;margin-top: 10px;display: block;    word-wrap: break-word;}
.listProduct .item:hover img{ border: 2px solid #095c96;transition:none; }
.listProduct .item:hover a{color: #095c96;transition:none;}
.listProduct .item:hover b{border-color: #095c96; }
/* relatedLink */
.submian .subright .reLink {height: 30px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}
/* pager */
.pager {display: block;width: 100%;height: auto;padding: 25px 0 5px;text-align: center;clear: both;margin-bottom: 5px;
background: url(../images/inews_liner.jpg) repeat-x left top;}
.pager span,
.pager a {display: inline-block;border: 1px solid #ccc;color: #666;background: #f3f3f3;height: 24px;line-height: 24px;padding: 0px 8px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #095c96;border-color: #095c96;color: #fff;text-decoration: none;}
.pager .cur {background: #095c96;border-color: #095c96;font-weight: bold;color: #FFF;}
.pager span.dot {background: #095c96;border-color: #0a6c00;font-weight: bold;color: #FFF;}
.pager .current{    background: #095a92; color: #ffffff; border: 1px solid #095a92;}
/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#095c96; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #095c96; border-top:3px solid #095c96;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}



.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../images/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; }
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../images/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../images/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  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 .date { position:absolute; right:0; top:15px; color:#999; }
.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; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.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:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#095c96; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#095c96; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#010101; }
.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:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#095c96; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#095c96; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height:; background:url(../images/ico-tel2.png) left top no-repeat; padding:0 0 0 60px; line-height:1.1; position:absolute; right:0; top:10px; }
.product-info2 .telx dt { font-size:16px; font-weight:700; }
.product-info2 .telx dd { font-size:30px; color:#095c96; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#095c96; border-left:5px solid #095c96; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#095c96; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:346px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#095c96; border-left:5px solid #095c96; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#095c96; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 8px 0 0; }
.recommend-pro .item .img { width:204px; height:152px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:152px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

/*.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#095c96; border-left:5px solid #095c96; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#095c96; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#66a3d2; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}*/

/******************************
 ** css3高级动画
 ******************************/
.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 bounce {                     /*通过@keyframes规则,创建bounce动画;*/
    0%,20%,50%,80%,100% {
        transform:translateY(0);
   }
    40% {
        transform:translateY(-30px);
     }
    60% {
         transform:translateY(-15px);
    }
 }
 .bounce {
     animation-name:bounce;              /*调用bounce动画;*/
}
 .animated {
     animation-duration:1s;              /*一个动画周期的时长;*/
    animation-fill-mode:both;           /*指定动画执行之前之后的样式;*/
 }
 .animated.infinite {
     animation-iteration-count:infinite; /*定义动画播放的次数;(n次/infinite无限次);*/
   -webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
 }