@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; overflow-x:hidden;}
a{ color:#333; text-decoration:none;outline: medium none;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;
}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#288dc1;}
img,li{ vertical-align:top; border:0px}
.clear {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    width: 0;
    height: 0;
}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;}
body,td,th{font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; }

@media screen and (min-width:1200px ) {
    .container {width: 1175px;}
}

@media screen and (min-width:768px ) {
    /*开始*/
    .headerfix{position: fixed;top: 0;z-index: 1;background-color: #fff;width: 100%;border-bottom: 1px solid #eee;padding-bottom:8px;}
    .headerfix #top_right{display:none;}
    .headerfix #top_logo{padding:0px;margin-top:0;-webkit-transition: 1s;transition: 1s;}
    .headerfix #top_logo img{height: 46px;margin-top: 10px;}
    .headerfix #top_menu .nav {-webkit-transition: 1s;transition: 1s;margin-top:10px;}
}

#header{z-index:2;}
#top_logo{padding:10px 0;margin-top:12px;}
#top_logo img{max-width:100%;}
#top_menu{padding:0 15px;}
#top_menu .navbar{background-color:Transparent;border:none;font-size:14px;margin:0;}
#top_menu .navbar .nav li{}
#top_menu .navbar .nav>li>a{color:#000;padding:0 0 0 40px;font-size:14px;height:50px;line-height:50px;text-transform:capitalize;}
#top_menu .navbar .nav>li>a .caret{display:none;}
#top_menu .navbar .nav>li.active>a,#top_menu .navbar .nav>li:hover>a{color:#288dc1;}


#example-navbar-collapse{float:right;padding:0;width:100%;display:block;}


#top_right{position:relative;margin-top:8px;padding:0;}
#top_right #top_lang{float:right;margin-left:30px;}
#top_right #top_lang img{margin-top:7px;}
#top_right #top_lang span{float:right;margin-left:3px;line-height:30px;}
#top_hotline{line-height:30px;margin-left:30px;display:block;text-align:right;}
#top_search{display:block;position:relative;}
#top_search a{display:inline-block;width:35px;height:35px;line-height:35px;font-size:21px;cursor:pointer;}
#sform {height: 28px;width: 214px;float:right;border: 1px solid #ebebeb;margin-top:5px;}
#sform #stext {float: left;height: 26px;line-height: 26px;padding-left: 10px;width: 180px;border:none;font-size:14px;}
#sform #sbut {border: 0 none;cursor: pointer;float: right;height: 26px;width: 26px;line-height:26px;font-size:14px;color:#d4d4d4;background:transparent;}


#menu{display:none;}

.dropdown-menu{border:none;padding:0}
.dropdown-menu li{border-top:1px solid #ddd;}
.dropdown-menu li a{line-height:36px;}
.dropdown-menu li:hover a{color:#288dc1;}

@media screen and (min-width:768px ) and (max-width:1200px)
{
	#header{position:static;}
	#top_logo{padding:5px 15px;}
	#top_menu{padding:10px 15px 0;}
	#top_menu .navbar-header{float:right;}
	
	#menu_show{border-color:#288dc1;display:block;margin-top:12px}
	#menu_show .icon-bar{background-color:#288dc1;}
	#top_menu .navbar-header{margin-top:10px;}
	#top_right{margin-top:0px;width:100%;}
	#keyForm{top:30px;}

    #top_menu .navbar .nav > li > a{padding:0 15px}
	
	#menu{width:100%;margin:0;padding:0 15px 15px;}
	#menu .nav{margin:0 0;padding:7px 0;background-color:#288dc1;border-radius:10px;float:none;}
	#menu .nav li{float:none;padding:0 15px;}
	#menu .nav li a{color:#fff;font-size:16px;padding:5px 15px;}
	#menu .nav li a.dropdown{background-color:#fff;color:#288dc1;}
	#menu .nav .open a{color:#288dc1;}
	#menu .nav li a:hover{background-color:#fff; color:#288dc1;}
	#menu .nav li .dropdown-menu{position:static;width:100%;}
}
@media screen and (min-width:768px ) and (max-width:991px)
{    
    #top_logo{margin-top:0;}
	#top_right{margin-top:8px;width:auto;float:right;}
    #top_search{}
    #top_menu .top_menu_nav{margin-top:8px;float:right!important;}
    .hamburger { margin-top: 2px; }
    .hamburger span{ background-color: #288dc1!important; }
    .hamburger.is-open span { background-color: #ffffff!important; }
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#header{padding-top:0;}
	#top_logo{padding:5px 0;margin:0;}
	#top_logo img{margin:0 auto;display:block;max-width:60%;}
	#top_right{margin-top:0;margin-bottom:10px;float:left}
	#menu_show{border-color:#288dc1;margin-right:10px;margin-top:1px}
	#menu_show .icon-bar{background-color:#288dc1;}
    #top_menu{padding:0;}
	#top_menu .navbar-header{display:inline-block;width: 22%;}
	#top_search{width:100%;}
    #sform{float:right;}

	#menu{width:100%;margin:0;padding:0 15px 15px;}
	#menu .nav{margin:0 0;padding:7px 0;background-color:#288dc1;border-radius:10px;float:none;}
	#menu .nav li{float:none;padding:0 15px;}
	#menu .nav li a{color:#fff;font-size:16px;padding:5px 15px;}
	#menu .nav li a.dropdown{background-color:#fff;color:#288dc1;}
	#menu .nav .open a{color:#fff;}
	#menu .nav li a:hover{background-color:#fff; color:#288dc1;}
	#menu .nav li .dropdown-menu{position:static;width:100%;}

    
    .hamburger { margin-top: 2px; }
    .hamburger span{ background-color: #288dc1!important; }
    .hamburger.is-open span { background-color: #ffffff!important; }
    .sidebar-nav { position: initial; }
    .sidebar-nav li:not(:first-child)::before { background-color: #288dc1; }
    .sidebar-nav .dropdown-menu li:first-child a { background-color: transparent; }
    .sidebar-nav .dropdown-menu li:before { background-color: #288dc1; }
    .sidebar-nav li a { text-transform: capitalize; color:#fff;}
    .dropdown-menu li a{line-height:20px;}
    #wrapper .nav .logo{background-color:#e2e2e2;padding:5px 15px;}
    #wrapper .nav .logo img{max-width:100%;height:55px;}
    #wrapper .nav>.sidebar-brand>a{font-size:18px;}
    #wrapper .nav > li > a {font-size:14px;} 
    #wrapper .nav > li > a>i {display:inline-block!important;}
}

/*banner图切换*/
#bframe{ display:block; overflow:hidden; position:relative;}
#bframe .row{margin:0 -15px;}
#bar .carousel-control span.prev img{ margin-top:120%; width:40px; height:auto;}
#bar .carousel-control span.next img{ margin-top:120%; width:40px; height:auto;}
.carousel-indicators{z-index:2;height:25px; padding-top:13px;}
.carousel-indicators li{display:inline-block;width:12px;height:12px; margin-right:10px; line-height:40px;*display:inline;zoom:1;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;border:none;}
.carousel-indicators li.active{display:inline-block;width:12px;height:12px;margin-right:10px; line-height:40px;*display:inline;zoom:1;overflow:hidden;background:url(../images/dot.png) left 0 no-repeat;cursor:pointer;}
#bar .carousel-caption a:hover{text-decoration:none; }

#bar .bg{bottom: 0;position: absolute;}
#bar .bg img{height:auto;width:100%;}
@media screen and (min-width:1230px )
{
	#bar .carousel-caption{ top:30%; }
	#bar .carousel-caption a{ color:#fff; font-size:40px;}
}
@media screen and (min-width:1024px ) and (max-width:1230px)
{
	#bar .carousel-caption{ top:38%;}
	#bar .carousel-caption a{ color:#fff; font-size:35px;}
}
@media screen and (min-width:768px ) and (max-width:1024px)
{
	#bar .carousel-caption{ top:35%;}
	#bar .carousel-caption a{ color:#fff;font-size:25px;}
}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#bar .carousel-caption{ top:35%;}
	#bar .carousel-caption a{ color:#fff; font-size:14px;font-size:20px;}
}



#frame1{padding:30px 0;}
#frame1 .taglist{text-align:center;margin-top:20px;}
#frame1 .taglist .item{overflow:hidden;}
#frame1 .taglist a.link{position:relative;display:block;width:179px;height:207px;margin:0 auto;}
#frame1 .taglist a.link .sexangle1{width:179px;height:207px;transform:rotate(120deg);overflow:hidden;}
#frame1 .taglist a.link .sexangle2{width:100%;height:100%;transform:rotate(-60deg);overflow:hidden;}
#frame1 .taglist a.link .sexangle3{width:100%;height:100%;transform:rotate(-60deg);overflow:hidden;position:relative;}
#frame1 .taglist a.link .sexangle3 i{position: absolute;width:79px;height:67px;top: 70px;left: 50px;z-index: 10;color: #fff;font-size: 45px;text-align:center;}
#frame1 .taglist a.link span{width:45px;height:45px;font-size:24px;line-height:45px;text-align:center;color:#fff;font-weight:bold;position:absolute;right:10px;top:15px;background-color:#288dc1;border-radius:50%;}
#frame1 .taglist a.link i{opacity:0;}
#frame1 .taglist a.link:hover i{opacity:1;}
#frame1 .taglist img{max-width:100%;}
#frame1 .taglist h5{margin:20px 0 10px;font-size:14px;line-height:36px;font-weight:bold;}
#frame1 .taglist h5 a:hover{color:#288dc1;text-decoration:none;}
#frame1 .taglist p{font-size:14px;line-height:20px;height:60px;overflow:hidden;margin-bottom:10px;}

@media screen and (min-width:768px ) and (max-width:991px) 
{
    #frame1 .taglist a.link{width:162px;height:187px;}
    #frame1 .taglist a.link .sexangle1{width:162px;height:187px;}
    #frame1 .taglist a.link .sexangle3 i{position: absolute;width:62px;height:67px;top: 60px;left: 50px;z-index: 10;color: #fff;font-size: 45px;text-align:center;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #frame1 {padding-bottom:0;}
    #frame1 .taglist a.link{width:130px;height:150px;}
    #frame1 .taglist a.link .sexangle1{width:130px;height:150px;}
    #frame1 .taglist a.link .sexangle3 i{display:none;}
    #frame1 .taglist a.link span{width:35px;height:35px;font-size:18px;line-height:35px;text-align:center;color:#fff;font-weight:bold;position:absolute;right:10px;top:10px;background-color:#288dc1;border-radius:50%;}
    #frame1 .taglist h5{margin:10px;font-size:14px;line-height:18px;height:36px;overflow:hidden;}
    #frame1 .taglist p{display:none;}
}



#frame2{padding:20px 0;} 
#frame2 .categoryTit{text-align:center;margin-bottom:-3px;}
#frame2 .categoryTit a{display:inline-block;padding:15px 20px 10px;}
#frame2 .categoryTit a img{width:50px;}
#frame2 .categoryTit a h4{font-size:14px;line-height:24px;margin:10px 0 0;text-transform:uppercase;}
#frame2 .categoryTit a.active{color:#288dc1;background-color:#f6f6f6;border-top:3px solid #288dc1;border-left:3px solid #e6e6e6;border-right:3px solid #e6e6e6}
#frame2 .content{background-color:#f6f6f6;border-top:3px solid #e6e6e6;padding:50px 0;}
#frame2 .content .item{padding:5px;background-color:#fff;text-align:center;}
#frame2 .content .item img{width:100%;}
#frame2 .content .item h5{font-size:14px;line-height:20px;height:40px;text-align:center;text-transform:uppercase;margin-top:5px;}
#frame2 .content .item .cont{margin-top:15px;border-top:1px solid #d0d0d0;overflow:hidden;display:none;}
#frame2 .content .item .cont a{display:inline-block;width:50%;float:left;text-align:center;font-size:18px;line-height:45px;}
#frame2 .content .item .cont a i{color:#288dc1;margin-right:5px;font-size:18px;}
#frame2 .content .item .cont a:first-child{border-right:1px solid #d0d0d0;}
#frame2 .content .linkmore{display:block;margin:40px auto 0;width:180px;height:50px;line-height:50px;font-size:18px;font-weight:bold;text-align:center;background-color:#288dc1;color:#fff;text-transform:uppercase;border-radius:30px;}
#frame2 .content .linkmore:hover{transform:translate(20px);}
@media screen and (min-width:768px ) and (max-width:991px) 
{
    #frame2 .categoryTit a{display:inline-block;padding:15px 10px 10px;}
    #frame2 .categoryTit a img{width:60px;}
    #frame2 .content{padding:25px 0;}
    #frame2 .content .linkmore{margin-top:20px;width:150px;height:35px;line-height:35px;font-size:16px;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #frame2 .categoryTit a{display:inline-block;padding:10px;width:40%;}
    #frame2 .categoryTit a img{width:40px;}
    #frame2 .categoryTit a h4{font-size:14px;line-height:18px;height:36px;overflow:hidden;}
    #frame2 .content{padding:10px 0 20px;}
    #frame2 .content .item h5{font-size:14px;line-height:18px;height:36px;overflow:hidden;}
    #frame2 .content .item .cont a{line-height:18px;font-size:14px;padding:10px 0;}
    #frame2 .content .item .cont a i{display:block;margin:0;}
    #frame2 .content .linkmore{margin-top:15px;width:120px;height:30px;line-height:30px;font-size:14px;}
}



#frame3{padding:30px 0 40px;}
#frame3 .tit{}
#frame3 .tit h2{font-size:26px;line-height:36px;text-align:center;text-transform:uppercase;}
#frame3 .tit span{width:65px;height:4px;background-color:#288dc1;display:block;margin:10px auto 30px;}
#frame3 .tit p{text-align:center;font-size:14px;line-height:24px;padding:0 15px;}
#frame3 .list{margin-top:50px;}
#frame3 .list .item{width:25%;float:left;position:relative;}
#frame3 .list .item img{max-width:100%;}
#frame3 .list .item a.link{position:absolute;top:0;right:0;bottom:0;left:0;}
#frame3 .list .item .txt{margin:18% auto 0;color:#fff;text-align:center;width:90%;}
#frame3 .list .item .txt h4{font-size:24px;line-height:36px;font-weight:bold;text-transform:capitalize;}
#frame3 .list .item .txt p{font-size:12px;line-height:24px;height:120px;overflow:hidden;}
@media screen and (min-width:768px ) and (max-width:991px) 
{
    #frame3{padding:10px 0 0;}
    #frame3 .tit h2{font-size:24px;line-height:36px;}
    #frame3 .tit span{margin-bottom:10px;}
    #frame3 .tit p{display:none;}
    #frame3 .list{margin-top:25px;}
    #frame3 .list .item .txt p{display:none;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{    
    #frame3{padding:10px 0 0;}
    #frame3 .tit h2{font-size:18px;line-height:24px;}
    #frame3 .tit span{margin-bottom:10px;}
    #frame3 .tit p{display:none;}
    #frame3 .list{margin-top:25px;}
    #frame3 .list .item{width:50%;text-align:center;}
    #frame3 .list .item a.link{opacity:1;background:none;}
    #frame3 .list .item .txt h4{font-size:18px;line-height:24px;}
    #frame3 .list .item .txt p{display:none;}
}




#frame4{padding:40px 0;background-color:#f6f6f6;}
#frame4 .tit {margin-bottom:50px;}
#frame4 .tit h2{font-size:26px;line-height:36px;text-align:center;text-transform:uppercase;}
#frame4 .tit span{width:65px;height:4px;background-color:#288dc1;display:block;margin:10px auto;}
#frame4 .left{}
#frame4 .left .item{margin-bottom:10px;background-color:#fff;overflow:hidden;padding:10px 0;}
#frame4 .left .item .time{float:left;width:20%;text-align:center;}
#frame4 .left .item .time span{display:block;font-size:60px;line-height:60px;color:#288dc1;}
#frame4 .left .item .time p{font-size:18px;line-height:24px;color:#666;}
#frame4 .left .item .txt{margin-top:5px;padding-right:10px;}
#frame4 .left .item .txt h5{font-size:18px;line-height:24px;margin-bottom:5px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame4 .left .item .txt p{font-size:12px;line-height:24px;height:48px;overflow:hidden;}
#frame4 .right{position:relative;}
#frame4 .right img{max-width:100%;}
#frame4 .right .link-play{position:absolute;left:calc(50% - 25px);top:calc(50% - 50px);color:#fff;}
#frame4 .right .link-play i{font-size:58px;}
#frame4 .right p{position:absolute;height:70px;bottom:0;background-color:rgba(0,0,0,0.7);color:#fff;width:calc(100% - 30px);font-size:24px;line-height:70px;padding-left:20px;}
#frame4 .right p a{width:70px;height:70px;float:right;background-color:#288dc1;color:#fff;text-align:center;}
@media screen and (min-width:992px ) and (max-width:1200px) 
{
    #frame4 .right p{font-size:22px;}
}
@media screen and (min-width:768px ) and (max-width:991px) 
{
    #frame4 .tit {margin-bottom:20px;}
    #frame4 .tit h2{font-size:24px;line-height:36px;}
    #frame4 .tit span{margin-bottom:10px;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #frame4 {padding-bottom:20px;}
    #frame4 .tit {margin-bottom:20px;}
    #frame4 .tit h2{font-size:18px;line-height:24px;}
    #frame4 .tit span{margin-bottom:10px;}
    
    #frame4 .left .item .time span{font-size:32px;line-height:32px;}
    #frame4 .left .item .time p{font-size:12px;line-height:24px;}
    #frame4 .left .item .txt{margin:3px;}
    #frame4 .left .item .txt p{display:none;}
}



#frame5{padding:40px 0;position:relative;background:linear-gradient(to bottom, #288dc1 50%, #f6f6f6 50%);}
#frame5 .triangle{position:absolute;top:0;left:calc(50% - 14px);width:0;height:0;border-width:19px 14px;border-style:solid;border-color:#fff transparent transparent;}
#frame5 .tit {margin-bottom:50px;}
#frame5 .tit h2{font-size:30px;line-height:48px;font-weight:bold;text-align:center;text-transform:uppercase;color:#fff;color: #288dc1\9;}
#frame5 .tit span{width:65px;height:4px;display:block;margin:10px auto;background-color:#fff;background-color:#288dc1\9;}
#frame5 .list .item{background-color:#fff;padding-bottom:10px;overflow:hidden;text-align:center;}
#frame5 .list .item img{max-width:100%;}
#frame5 .list .item img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
#frame5 .list .item h5{margin-top:30px;padding:0 10px;text-transform:capitalize;}
#frame5 .list .item h5 a{font-size:14px;line-height:24px;font-weight:bold;display:block;height:48px;overflow:hidden;text-align:center}
#frame5 .linkmore{display:block;margin:40px auto 0;width:180px;height:50px;line-height:50px;font-size:18px;font-weight:bold;text-align:center;background-color:#288dc1;color:#fff;text-transform:uppercase;border-radius:30px;}
#frame5 .linkmore:hover{transform:translate(20px);}
@media screen and (min-width:768px ) and (max-width:991px) 
{
    #frame5{padding:20px 0;}
    #frame5 .tit{margin-bottom:20px;}
    #frame5 .tit h2{font-size:24px;line-height:36px;}
    #frame5 .tit span{margin-bottom:10px;}
    #frame5 .linkmore{margin-top:20px;width:150px;height:35px;line-height:35px;font-size:16px;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #frame5{padding:20px 0;}
    #frame5 .tit{margin-bottom:20px;}
    #frame5 .tit h2{font-size:18px;line-height:24px;}
    #frame5 .tit span{margin-bottom:10px;}
    #frame5 .list .item h5 a{line-height:18px;height:36px;overflow:hidden;}
    #frame5 .linkmore{margin-top:15px;width:120px;height:30px;line-height:30px;font-size:14px;}
}


#footer{padding:35px 0 0;background-color:#808080;}
.footer{padding-bottom:30px;}
#fck1 img{max-width:100%;}
#fck1 p{font-size:12px;line-height:24px;color:#fff;margin-bottom:5px;}
#fck1 .subscribe{border-top:1px solid #393939;margin-top:30px;padding-top:20px;}
#fck1 .subscribe h4{font-size:18px;line-height:24px;color:#fff;text-transform:uppercase;}
#fck1 .subscribe .subscribe-box{background-color:#1f1f1f;width:100%;height:40px;margin-top:20px;}
#fck1 .subscribe .subscribe-box .txtsubscribe{width:calc(100% - 40px);height:40px;border:none;padding:0 15px;background-color:transparent;color:#aaa;}
#fck1 .subscribe .subscribe-box #btnSubsctibe{width:40px;height:40px;line-height:40px;font-size:18px;color:#848484;text-align:center;float:right;border:none;background-color:#282828;}

#fck2 {color:#fff;}
#fck2 h2{font-size:18px;line-height:24px;font-weight:bold;margin:3px 0 20px 0;}
#fck2 .address span{font-size:12px;line-height:24px;}
#fck2 .address p{font:12px;line-height:24px;margin-top:5px}
#fck2 .info{margin-top:40px;}
#fck2 .info p{font-size:12px;line-height:24px;margin-bottom:10px;}
#fck2 .info p i{width:20px;margin-right:5px;display:inline-block;}
#fck2 .info p a{color:#fff;}
#fck2 .info p a:hover{text-decoration:underline;}

#fck3 h2{font-size:18px;line-height:24px;font-weight:bold;margin:20px 0;color:#fff;}
#fck3 .group {margin-bottom:15px;}
#fck3 .group .txtInput{width:100%;height:40px;border:none;padding:0 15px;background-color:#1f1f1f;color:#aaa;}
#fck3 .group textarea{width:100%;height:95px;padding:10px 15px;line-height:25px;resize:none;background-color:#1f1f1f;color:#aaa;border:none;}
#fck3 #btnFootSend{width:120px;height:36px;background-color:#288dc1;color:#fff;font-size:18px;line-height:36px;font-weight:bold;text-align:center;display:inline-block;margin-top:20px;}
#fck3 #btnFootSend:hover{transform:translate(20px);}

#footer .fgy{padding:30px 0 20px;text-align:center;}
#footer .fgy img{margin-right:5px;}
#footer .fgy a{display:inline-block;margin:0 2px 10px;line-height:18px;color:#fff;}
#footer .fgy a:hover{text-decoration:underline;}
#footer .copyright{text-align:center;color:#fff;background-color:#909090;padding:30px 0;}
#footer .copyright .share{text-align:center;margin-bottom:20px;}
#footer .copyright .share a{width:30px;height:30px;line-height:30px;font-size:18px;display:inline-block;margin:0 2px;background-color:#282828;color:#5a5a5a;border-radius:50%;}
#footer .copyright .share a:hover{color:#fff;
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}
#footer .copyright a{color:#fff;}
#footer .copyright a:hover{text-decoration:underline;}


@media screen and (min-width:768px ) and (max-width:991px) 
{
    #fck1 p{font-size:14px;line-height:20px;}
    #fck1 .subscribe{margin-top:20px;padding-top:15px;}
    #fck1 .subscribe h4{font-size:16px;line-height:22px;}
}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #footer{margin-bottom:50px}
    #fck1,#fck2,#fck3{margin-bottom:20px;}
    #fck2 h2{margin-bottom:10px;}
    #fck2 .info{margin-top:15px;}
    #fck3 h2{margin-bottom:10px;}
    #fck3 #btnFootSend{margin-top:0px;}
    #footer .fgy{padding:15px;text-align:left;}
}

/*手机底部导航*/
#mobMenu{min-height:50px;border:1px solid #ddd;position:fixed;}
#mobMenu .foot_nav{width:20%;float:left;text-align:center;color: #898989;font-size:14px;text-transform:capitalize;}
#mobMenu .foot_nav i {display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}

/*内页*/
#ntframe{}

#bar img{ width:100%; height:auto;}
#main{ padding-bottom:50px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
    #ntframe{ padding:0px;}
    #main{ margin:0px; }
}

/*面包屑*/
#location{ margin-top:25px;overflow:hidden;}
#location h2{display: block;border-bottom: 2px solid #288dc1;font-size: 1.5em;color: #000;float: left;line-height: 50px;font-weight: bold;margin: 0px;padding: 0px;}
#location p{ font-size:12px; line-height:50px;}
#location em{ display:block; height:1px; background:#eaeaea;}

@media screen and (min-width:1px ) and (max-width:768px)
{
    #location p{ display:none;}
}


#thankyou_show{ line-height:25px; font-size:14px;}
/*内容主体*/
#content{ margin-top:15px; overflow:hidden;}
#content img{ max-width:100%;}
#content_remark{ margin-bottom:10px;}
#content .btn-info{border:1px solid #288dc1;color:#288dc1;background-color:#fff;}
#content .btn-info:hover{background-color:#288dc1;color:#fff;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
#content h2{ font-size:16px; font-weight:bold;}
#content .rms{margin-top:10px;}
}

/*左侧栏目*/
#left_nav{ margin-top:25px;}

.lbt{ display:block;  padding:15px 0px; }
.lbt h3{font-size: 1.5em;font-weight: bold;}
.lbt h3 span{ margin-right:10px;}
.lmb ul{margin-bottom:1px;}
.lmb ul li {  display:block; }
.lmb ul li a{  display:block; padding:8px 15px;margin-bottom:8px; font-size:14px;line-height:25px;  text-transform:capitalize; background:#fff;border-bottom:1px solid #dddddd;position:relative;}
.lmb ul li a:before{content:"-";margin-right:5px;}
.lmb ul li a.hover{color:#288dc1; }
.lmb ul li a:hover{color:#288dc1;background-color:#fff;border-color:#fff;}
.lmb ul li a:hover:after{content:"";height:2px;width:100%;background-color: #288dc1;position: absolute;left: 0;bottom: -3px;}

.lmb ul li ul{border:none;}
.lmb ul li ul li { display:block;}
.lmb ul li ul li a{ display:block; padding:3% 0% 3% 10%; font-size:14px;font-family:aller_lightregular,Arial, Helvetica, sans-serif;   color:#666;display:block; background:#fff;}
.lmb ul li ul li a:before{content:"-";margin-right:5px;}
.lmb ul li ul li a.hover{color:#288dc1; }
.lmb ul li ul li a:hover{color:#288dc1;background-color:#fff;border-color:#fff;}
.lmb ul li ul li a:hover:after{content:"";height:2px;width:100%;background-color: #288dc1;position: absolute;left: 0;bottom: -3px;}

.lmb ul li ul li ul li { display:block;}
.lmb ul li ul li ul li a{ display:block; padding:3% 0% 3% 15%; font-size:12px;font-family:aller_lightregular,Arial, Helvetica, sans-serif;  text-transform:capitalize;  color:#666;display:block; background:#fff;}
.lmb ul li ul li ul li a:before{content:"-";margin-right:5px;}
.lmb ul li ul li ul li a.hover{color:#288dc1; }
.lmb ul li ul li ul li a:hover{color:#288dc1;background-color:#fff;border-color:#fff;}
.lmb ul li ul li ul li a:hover:after{content:"";height:2px;width:100%;background-color: #288dc1;position: absolute;left: 0;bottom: -3px;}

#left_contact img{ width:100%; height:auto;}
#left_con_show{ font-size:13px; color:#fff; line-height:30px; margin-top:10px;}
#left_con_show a{ font-size:13px; color:#fff; line-height:30px;}

.icon-road{display:none;}
/*产品总页*/

/*分类列表*/
.capcp .cate_hot_img{overflow:hidden; text-align:center;}
.capcp .cate_hot_img img{  width:100%; height:140px;}
.capcp .cate_hot_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

@media screen and (min-width:1px ) and (max-width:768px)
{ 
.capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
.capcp .cate_hot_img img{  width:100%; height:140px;}
}
.capcp .cate_hot_info h3{ font-size:16px; text-align:center; margin-top:10px; height:25px; line-height:25px; overflow:hidden;}
.capcp .cate_hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.capcp .cate_hot_info p{ font-size:14px; line-height:20px;  margin-bottom:5px; height:100px; overflow:hidden;}


/*产品列表*/
.ppcp{ margin-bottom:35px;}
.ppcp .thumbnail{ margin:0px;}
.ppcp .pptp{height:140px; padding:0px; overflow:hidden; text-align:center; border:solid 1px #eaeaea;}
.ppcp .pptp img{  width:auto; height:100%;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
.ppcp .pptp{height:auto; overflow:hidden; text-align:center;}
.ppcp .pptp img{  width:100%; height:auto;}
}
.ppcp .ppwz h4{ font-size:16px; color:#333; margin-bottom:15px; line-height:25px; max-height:50px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ppcp .ppwz p{ margin-top:15px; color:#666; font-size:14px; line-height:20px; height:60px; font-family:Arial; text-transform:capitalize; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
.ppcp .ppwz h4{font-size:12px; line-height:20px;}
}

/*产品列表*/
.procp .pro_hot_img{ overflow:hidden; text-align:center;}
.procp .pro_hot_img img{  width:auto; height:130px;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
.procp .pro_hot_img{height:auto; overflow:hidden; text-align:center;}
.procp .pro_hot_img img{  width:auto; height:130px;}
}
.procp .thumbnail{-webkit-transition:1s;transition:1s;}
.procp .thumbnail img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.procp .pro_hot_info h3{ font-size:14px; text-align:center; margin-top:10px; height:40px; line-height:20px; overflow:hidden;}
.procp .pro_hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.procp .pro_hot_info p{ font-size:14px; line-height:20px;  margin-bottom:5px; height:100px; overflow:hidden;}

.pro-body p{margin-top:10px;}
.pro-body .link{background-color:#288dc1;color:#fff;border-radius:5px;padding:0 8px;height:22px;line-height:22px;display:inline-block;}

@media screen and (min-width:1px ) and (max-width:768px)
{
#location{padding:0px;}
#content{padding:0px;}
#map{padding:0;}

#pro_feed_show{ padding:0px 15px;}
}

.rtp{ width:100%; height:auto; }
.rtp a{ float:left; width:100%; height:auto;box-shadow:20px 20px 20px -20px #999; }
.rtp a img{ float:left; width:100%; height:auto; border: solid 1px #c8c8c8;}

#rtp_small_img{ float:left; width:100%; }
#rtp_small_img a{ float:left; width:23%; margin:2% 2% 0% 0%;}
#rtp_small_img a img{ float:left; width:98%; height:auto;border: solid 1px #c8c8c8;}


.rms h1{ color:#288dc1; font-size:23px;}
.rms p{font-size:14px; line-height:24px; margin-top:15px;}


/*产品最终页业务员联系方式显示*/
.user_info{  border:solid 1px #eaeaea; padding:0px; margin-top:10px;}
.user_info h5{ font-weight:bold; font-size:16px; line-height:25px; margin-bottom:10px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
.user_info .user_cent{ margin:10px;}
}
.user_info img{ width:100%; height:auto;}
.user_info{ font-size:14px; line-height:20px;}
.user_info .btn{ margin-top:10px; font-size:14px; line-height:20px; color:#fff;}
.user_info .btn span{ font-size:18px;}

.info_show{background:#fff;}
.info_show .info_img img{ width:100%;}
.info_show h3{ padding:15px;}
.info_show .info_remark{ font-size:14px; line-height:25px; padding:15px; }


.info_Content{ margin-top:20px;}
.info_Content #tit h4{background:#288dc1; color:#fff; padding-left:15px; line-height:35px;}
.info_Content .thumbnail{ margin-top:20px; border:0px; background:#fff; border-radius:0px; padding:0px;}
.info_Content .thumbnail .RealCent{ padding:15px;}
.info_Content .thumbnail .RealCent p{ margin-top:10px; height:40px; overflow:hidden; font-size:12px; line-height:20px;}
.info_Content .thumbnail .RealCent span{ display:block; border:solid 1px #eaeaea; text-align:center; margin-top:10px; height:35px; font-size:14px; text-transform:uppercase; line-height:35px;}
.info_Content .thumbnail .RealCent span:hover{ background:#1bbc9b; color:#fff;}

.info_Content img{ width:100%;}

#txtstrCountry option{padding:5px 15px;line-height:20px;}
#ProShare{margin-top:15px;}

.pro_online{ margin-top:15px;}
.pro_online h4{font-size:18px;line-height:24px;}
.pro_online a{font-size:14px;}
.pro_online>.row>div img{margin:3px 5px 0 0;}
.pro_online>.row>div.lxfs {margin-top:10px;text-align:center;font-size:16px;border-right:1px solid #aaa;}
.pro_online>.row>div.lxfs:nth-child(4){border-right:none;}
.pro_online>.row>div.lxfs i{display:block;width:40px;height:40px;background: url(../images/arr.png) no-repeat;overflow:hidden;margin:0 auto;}
.pro_online>.row>div.lxfs i.i-service{}
.pro_online>.row>div.lxfs i.i-download{background-position: -80px 0;}
.pro_online>.row>div.lxfs i.i-contact{background-position: -40px 0;}

.pro_online .btn{ max-width:95%; overflow:hidden; margin-top:15px;background:#fff;color:#288dc1;border:solid 1px #288dc1;text-overflow:ellipsis;}
.pro_online .btn:hover{ background:#288dc1;color:#fff;}
/*相关产品列表*/
.pro_capcp .cate_hot_img{overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:auto;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
.pro_capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:100%; height:auto;}
}
.pro_capcp .hot_info h3{ font-size:14px; text-align:center; margin-top:10px; height:25px; line-height:25px; overflow:hidden;}
.pro_capcp .hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.pro_capcp .hot_info p{ font-size:12px; line-height:20px;  margin-bottom:5px; height:60px; overflow:hidden;}

#pro_detail{ margin-top:25px;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
#pro_detail #detail strong{ font-size:16px; font-weight:bold;}
}


#detail,#inquiry,#contact,#RelatedProduct{ margin-top:15px;}
#inquiry p{ font-size:15px; color:#288dc1;}
#pro_feed_show{  margin-top:15px;}
#pro_feed_show label{ font-size:14px;}
#pro_feed_show .btn{background-color:#288dc1;color:#fff;border:1px solid #288dc1;}
/*关键词样式*/

.taglist{ font-size:14px;}
.taglist a:hover{ text-decoration:underline; color:#fff;}

.taglist_show strong{ display:block; font-size:18px; color:#333; border-bottom:dashed 1px #288dc1; line-height:35px;}
.taglist_show strong b{font-size:18px; color:#288dc1;}
.taglist_show .row{ margin-top:15px; text-align:center;}
.taglist_show .row h4{ font-size:12px; line-height:25px; height:25px; overflow:hidden;}
.taglist_show .row .ptp_img img{ width:100%;}







/*新闻列表*/
#newslist img{ width:100%;border: 1px solid #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
#newslist span{ color:#999;}
#newslist .list-group{padding-bottom: 15px;border-bottom: 1px dashed #ccc;margin-bottom: 15px}
#newslist .media-body{ max-width:100%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#newslist .media-body h4{ font-size:16px; font-weight:bold;}
#newslist .media-body span{ font-size:12px; height:30px; line-height:30px;}
#newslist .media-body p{ font-size:12px; line-height:20px;width:100%;height:80px;overflow:hidden;margin-bottom:15px;}

#newslist .pull-left{overflow:hidden;}

#news_tit{ padding-bottom:15px; border-bottom:solid 1px #eaeaea;}
#news_tit h1{ font-size:23px;}
#news_tit p{ margin-top:10px;}
#news_detail,#RelatedNews{ margin-top:15px;}
#news_detail iframe{ width:100%; height:500px;}
#news_detail ul{padding-left:40px;margin-bottom:10px;list-style:initial}
#news_detail ul li{list-style:initial;}
#news_detail p{margin-bottom:10px;}
#news_detail blockquote{margin:12px 40px;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
#news_detail iframe{ width:100%; max-height:200px;}
#newslist .media-body p{ font-size:12px; line-height:16px;width:100%;height:64px;overflow:hidden;margin-bottom:5px;margin-top:0;}
}

#downtable .download{width:15px;border-radius:0;border:none;margin-right:5px;}
#downtable {text-transform:capitalize;}

#RelatedNews li{ font-size:14px; line-height:25px;}


#contact_show{ font-size:14px; color:#333; line-height:30px;}
#contact_show h3{ margin:10px auto; color:#231916;}
#contact_show span.icon{ color:#231916; margin-right:5px; font-size:16px;}



/*图片列表*/

.cpcp .cptp{ overflow:hidden; text-align:center;}
.cpcp .ceptp{ overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:100%; height:auto;}
.cpcp .cptp img:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}

@media screen and (min-width:1px ) and (max-width:768px)
{ 
.cpcp .cptp{height:auto; overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:100%; height:auto;}
}

.cpwz{ height:25px; margin:10px auto 0px auto; line-height:25px; overflow:hidden;}
.cpwz h5{ font-size:14px; color:#666;}

/*下载中心*/
#download-list{}
#download-list .download{overflow:hidden;border:1px solid #ddd;margin:15px 0;padding:10px;}
#download-list .download .left{width:80px;float:left;}
#download-list .download .right{margin-left:100px;}
#download-list .download img{border:none;width:100%;height:100%;display:block;margin:0 auto;}
#download-list .download h5{font-size:16px;font-weight:bold;}
#download-list .download p{color:#909090;font-size:13px;height:26px;line-height:20px;padding:3px 0;overflow:hidden;}
#download-list .download .link-down{background:url(../images/icon_download.png) no-repeat left center/20px;padding-left:25px;display:inline-block;font-weight:bold;line-height:30px;}
#download-list .download .icon-download{font-weight:bold;line-height:30px;}
#download-list .download .icon-download:before{font-size:16px;margin-right:5px;color:#288dc1;}

/*视频*/
.vpcp .vptp{overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:100%;height:170px;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
.vpcp .vptp{height:auto; overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:100%; height:auto;}
}
.vpcp .vpwz h3{ font-size:14px; text-align:center; margin-top:10px; margin-bottom:5px; height:25px; line-height:25px; overflow:hidden;}
.play_bt{width:40px;height:40px;position:absolute;left:40%;top:30%;display:block;background-image:url(../images/vido.jpg);background-position:center 0;background-repeat:no-repeat;z-index:2;}





/*留言反馈*/
#feedback-from{margin:20px -15px;}
#feedback-from .group span{display:inline-block;width:80px;font-size:14px;line-height:24px;text-align:right;margin-right:10px;}
#feedback-from .group input{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:4px 5px;line-height:24px;margin-bottom:15px;border-radius:4px;}
#feedback-from .group textarea{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:4px 5px;line-height:24px;resize:none;margin-bottom:15px;vertical-align:top;height:108px;border-radius:4px;}
#feedback-from .btn{padding:0 30px;height:32px;margin-right:30px;}
#feedback-from .btn-success{background-color:#288dc1;border:1px solid #288dc1;}
#feedback-from .btn-success:hover{background-color:#0071fe;border-color:#0071fe;}
@media screen and (min-width:1px ) and (max-width:767px)
{
}
#feedback-txt{overflow:hidden;background-color:#f6f6f6;}
#feedback-txt .right h5{font-size:18px;line-height:30px;margin:10px 0;}
#feedback-txt .right p{font-size:15px;line-height:26px;color:#666;}


/*网站地图*/
#mapContent{ margin-top:30px;}
#sitemapnav {float:left; width:100%;padding:4%;  border:solid 1px #dddddd; box-shadow:20px 20px 20px -20px #ccc; position:relative; border-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; behavior: url(../css/ie-css3.htc); behavior: url(../css/PIE.htc);}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#666666; text-decoration:underline;}
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:14px;}
#sitemapnav .bigli a {color:#666;text-decoration:underline; font-weight:bold;}
#sitemapnav .bigli a:hover {color:#288dc1;}
#sitemapnav .abli_02{ float:left;width:28%;margin-left:5%;font-size:12px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#288dc1;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:768px)
{
	#sitemapnav .abli_02{width:44%;}
}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:14px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:14px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666666;}
#sitemapnav .PROclass_01 a:hover{ color:#288dc1;}
#sitemapnav .PROclass_02 a:hover{ color:#288dc1;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:12px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ color:#288dc1;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}




/*404Page*/
#frame404{ background:#888;border-top:solid 1px #fff;}
#frame404 p{ font-size:14px; color:#fff; line-height:2em;}
#frame404 img{ max-width:100%; height:auto;}


/*抖动效果*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}