#right_nav{width:100%;}
#right_nav .tit{text-align:left;}
#right_nav .tit h2{font-size:30px;line-height:36px;margin-bottom:15px;color:#333;text-transform:uppercase;font-weight:bold;padding-bottom:15px;border-bottom:2px solid #eee;}
@media screen and (min-width:992px ) and (max-width:1199px) {
    #right_nav {width:690px;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #right_nav {width:100%;overflow:hidden;margin-top:30px;}
}
@media (max-width:767px) {
    #right_nav {width:100%;}
    #right_nav .tit h2{font-size:16px;line-height:30px;}
}


/*图库*/
#GalleryList{margin:0 -15px;overflow:hidden;}
#GalleryList .item{width:25%;padding:0 15px;float:left;margin-bottom:20px;}
#GalleryList .item:nth-child(4n+1){clear:left;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item h3{margin:10px;text-align:center;font-size:16px;font-weight:normal;}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){    
    #GalleryList{margin:0 -10px;overflow:hidden;}
    #GalleryList .item{width:33.33%;padding:0 10px;}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(3n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:16px;}
}
@media (max-width:767px) {
    #GalleryList{margin:0 -5px;}
    #GalleryList .item{width:50%;padding:0 5px}
    #GalleryList .item:nth-child(4n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item figcaption{padding:15px;}
    #GalleryList .item h3{margin:0;text-align:center;font-size:16px;}
}



/*联系方式*/
#contact_show{padding-top:50px;padding-bottom:50px;}
#contact_show .tit{float:left;width:30%;}
#contact_show .tit h2{font-size:26px;line-height:30px;margin-bottom:10px;}
#contact_show .tit p{font-size:16px;line-height:20px;}
#contact_show .content{float:left;width:70%;}
#contact_show .detail{overflow:hidden;}
#contact_show .detail dl{float:left;}
#contact_show .detail dl:nth-child(1){width:32%;padding-right:20px;}
#contact_show .detail dl:nth-child(2){width:27%;padding-right:20px;}
#contact_show .detail dl:nth-child(3){width:29%;padding-right:20px;}
#contact_show .detail dl:nth-child(4){width:12%;}
#contact_show .detail dl dd{font-size:16px;line-height:20px;padding:6px 0;}

@media screen and (min-width:992px ) and (max-width:1199px) {
    
}
@media screen and (min-width:768px ) and (max-width:991px){
    
}
@media (max-width:767px) {
#contact_show .tit{ width: 100%;}
#contact_show .content{ width: 100%;}
    #contact_show .detail dl:nth-child(1){width:100%;padding-right:20px;}
    #contact_show .detail dl:nth-child(2){width:100%;padding-right:20px;}
    #contact_show .detail dl:nth-child(3){width:100%;padding-right:20px;}
    #contact_show .detail dl:nth-child(4){width:100%;}
}

#feedback_show{padding-top:50px;padding-bottom:50px;background:url(../images/cont_bg.jpg) no-repeat center;}
#feedback_show .feed_show{overflow:hidden;}
#feedback_show .tit{float:left;width:30%;}
#feedback_show .tit h2{font-size:26px;line-height:30px;margin-bottom:10px;color:#fff;}
#feedback_show .feed_show p{font-size:16px;line-height:32px;margin-bottom:15px;color:#fff;}
#feedback_show .feed_show .form-group{display:flex;margin-bottom:30px;background-color: #f9f9f9;border-radius: 5px;padding: 0 10px;}
#feedback_show label{font-weight:normal;display:block;font-size:16px;line-height:42px;height:42px;margin-bottom:0;color:#333;width:100px;}
#feedback_show label>em{font-size:20px;color:#ff0000;margin-right:5px;float:left;margin-top:3px;font-style:initial;width:10px;}
#feedback_show .form-control{background-color:#f8f8f8;height:42px;padding:0 12px;border:none;}
#feedback_show .form-group .message{text-align:center;color:#b4b4b4;margin-top:15px;margin-bottom:0;}
#feedback_show textarea.form-control{height:120px;resize:none;padding-top:10px;background-color:#f8f8f8;}
#feed_btn_send{display:block;width:100%;height:48px;line-height:48px;text-align:center;background-color:#073ea2;border:none;color:#fff;font-size:18px;text-transform:uppercase;margin:50px 0 0;}

@media screen and (min-width:992px ) and (max-width:1199px) {
    
}
@media screen and (min-width:768px ) and (max-width:991px){
    
}
@media (max-width:767px) {
#feedback_show .tit{ width: 100%;}
#feedback_show .content{ width: 100%; float: left;}
}

.maplink{position:absolute;left:calc(50% - 165px);bottom:-65px;width:330px;height:67px;line-height:67px;text-align:center;font-size:16px;text-transform:uppercase;color:#ffffff;background-color:#6684f2;box-shadow:2px 2px 6px #666666;border-radius:0 0 30px 30px;}
.maplink:hover,.maplink:active,.maplink:focus{color:#ffffff;}
#map{-webkit-transition: 0s;transition: 0s;width:100%;clear:both;margin-top:30px;position:relative;border:1px solid #d22626;}
#feedback_show .mapinfo{padding-left:25px;margin-top:40px;}
#feedback_show .mapinfo h3{font-size:30px;line-height:36px;text-transform:uppercase;margin-bottom:15px;margin-bottom:25px;}
#feedback_show .mapinfo h3 i{margin-left:10px;}
#feedback_show .mapinfo p{font-size:14px;line-height:18px;color:#bebebe;text-transform:uppercase;margin-bottom:15px;}
#feedback_show .mapinfo h4{font-size:16px;line-height:20px;}
#allmap{height:380px;}
.gm-style-iw-d{line-height:2em;}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){    
    #feedback_show{width:100%;}
    #feedback_show .tit h2{font-size: 22px;line-height: 24px;font-weight:bold;}
    #feedback_show label{margin-bottom:5px;}
    #feed_btn_send{margin-top:20px;height:42px;line-height:42px;}
    .mapinfo h3{font-size:24px;line-height:30px;}
    #allmap{height:300px;}
}
@media screen and (min-width:1px ) and (max-width:767px){
    #feedback_show{width:100%;padding:30px 15px 0;}
    #feedback_show .tit{margin-bottom:20px;}
    #feedback_show .tit h2{font-size: 22px;line-height: 24px;font-weight:bold;margin-bottom:15px;}
    #feedback_show .tit p{display:none;}
    #feedback_show label{margin-bottom:5px;}
    #feed_btn_send{margin-top:20px;height:36px;line-height:36px;font-size:14px;}
    #feedback_show .map{padding:0;}
    #map{padding:20px 0;}
    #map:before{display:none;}
    #feedback_show .mapinfo{padding:20px 0;margin-top:0;}
    #feedback_show .mapinfo h3{font-size:24px;line-height:30px;margin-bottom:10px;}
    #feedback_show .mapinfo p{font-size:12px;line-height:16px;margin-bottom:5px;}
    #feedback_show .mapinfo h4{font-size:14px;line-height:18px;}
    #allmap{height:300px;}
}



/*产品列表*/
#content_remark{margin-bottom:30px;font-size:17px;line-height:26px;color:#464646;}
#right_nav .nProList{overflow:hidden;margin:0 -7px;}
#right_nav .nProList .box{overflow:hidden;width:100%;float:left;padding:30px; background: #fff; border-bottom:2px solid #d22626;  margin-bottom: 30px;}
#right_nav .nProList .box:nth-child(4n+1){clear:left;}
#right_nav .nProList .box .item{ width: 100%; float: left; height: auto; }
#right_nav .nProList .item .img{ width: 40%; float: left; position:relative;border:1px solid #ddd;}
#right_nav .nProList .item .img svg.icon{position:absolute;font-size:45px;z-index:1; display: none;}
#right_nav .nProList .item .txt{ width: 56%; float: right; }
#right_nav .nProList .item h3{font-size:20px; color: #000; font-weight: bold; overflow:hidden;text-transform:uppercase;text-align:left; margin-bottom: 15px;}
#right_nav .nProList .item .txt p{ display: block; font-size: 14px; color: #666; line-height: 20px; max-height: 160px; overflow: hidden;}
#right_nav .nProList .item .txt p span{ color: #d22626; display: block; margin-bottom: 15px;}
#right_nav .nProList .item .txt .link{ background: #d22626; color: #fff; font-size: 14px; padding: 5px 20px; display: inline-block; margin-top: 15px;}
#right_nav .nProList .box:hover{border-bottom-color:#d22626;}
#right_nav .nProList .item:hover h3{color:#d22626;}
@media screen and (min-width:992px ) and (max-width:1199px) {
    #right_nav .nProList{padding:0;}
    #right_nav .nProList .item-list .tit{padding:0 15px;}
    #right_nav .nProList .item-list .tit p{font-size:14px;line-height:20px;}
    #right_nav .nProList .box{padding:10px;}
    #right_nav .nProList .item .txt{padding:5px 0;}
    #right_nav .nProList .item h3{font-size:13px;line-height:18px;}
    #right_nav .nProList .item .link{display:none;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #right_nav .nProList{padding:0;margin-top:30px;}
    #right_nav .nProList .item-list .tit{padding:0 15px;}
    #right_nav .nProList .item-list .tit p{font-size:14px;line-height:20px;}
    #right_nav .nProList .goods_list{margin:0 -10px;}
    #right_nav .nProList .box{padding:10px;}
    #right_nav .nProList .item .txt{padding:5px 0;}
    #right_nav .nProList .item h3{font-size:14px;line-height:18px;}

}
@media screen and (min-width:1px ) and (max-width:767px){
    #right_nav .nProList{padding:0 0;margin:20px 0 0 0;}
    #right_nav .nProList .item-list .tit h2{width:88%;font-size:20px;}
    #right_nav .nProList .item-list .tit p{font-size:14px;line-height:20px;display:none;}
    #right_nav .nProList .item-list .tit{padding:0 0;}
    #right_nav .nProList .goods_list{margin:0 -10px;}
    #right_nav .nProList .box{width:100%;padding:0px;}
    #right_nav .nProList .box:nth-child(4n+1){clear:initial;}
    #right_nav .nProList .box:nth-child(2n+1){clear:left;}
    #right_nav .nProList .item .img{ width: 100%; border: 0!important;}
    #right_nav .nProList .item .txt{padding:10px 30px; width: 100%;}
    #right_nav .nProList .item h3{font-size:12px;line-height:16px;max-height:32px}
    #right_nav .nProList .item p{display:none;}
}

/*产品详情*/
#slider{overflow:hidden;padding-bottom:30px; background: #fff; padding: 30px; margin-bottom: 20px;}
#picView{position:relative;float:left;width:52%;padding:10px 0px;background-color:#fff; text-align:center}
#picView .gallery-thumbs{margin-top:15px;padding-top:15px;}
#picView .gallery-thumbs .swiper-slide{border:1px solid #d22626;}
#picView .gallery-thumbs .swiper-slide-thumb-active{border-color:#d22626;position:relative;}
#picView .gallery-thumbs .swiper-slide-thumb-active:before{content:"";position:absolute;left:calc(50% - 6px);top:-12px;border-width:6px;border-style:solid;border-color:transparent transparent #d22626 transparent;}
#picView .gallery-top .swiper-button-next{right:0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d22626'%2F%3E%3C%2Fsvg%3E");}
#picView .gallery-top .swiper-button-prev{left:0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d22626'%2F%3E%3C%2Fsvg%3E");}
#picView img{width: auto; max-width:100%;}
#slider .title{margin-bottom:20px; }
#slider h1{position:relative;font-size:32px;line-height:60px;text-transform:uppercase;margin-bottom:10px;}
#slider h3{font-size:14px;line-height:22px;text-transform:uppercase;}
#protitle{padding:0 0 0 30px;float: right;width:45%;}
#protitle>p{font-size:14px;line-height:30px;overflow:hidden;margin-top:15px;color:#333;}
#protitle .btnlist{margin-top:30px;}
#protitle .link{display:inline-block;background-color:#073ea2;color:#fff;font-size:14px;line-height:20px;padding:5px 20px;}
#protitle .link>i{margin-left:15px;}
#protitle .btnlist>p{font-size:12px;line-height:14px;margin-top:10px;}
#protitle .btnInquiry{float:left;margin-right:5%;padding:0 30px;height:30px;font-size:14px;line-height:30px;background-color:#d22626;color:#ffffff;text-align:center;display:block;text-transform:uppercase;margin-top:15px;}
#protitle .btnlist .btncar{float:right;}
#protitle #ProShare{margin-top:25px;}
#protitle #ProShare a{padding:0;margin-right:10px;}
#myTab { border-bottom:#ccc solid 1px; }
#myTab li {margin-right:5px;margin-bottom:0px; background-color:#d22626;color:#fff; width:200px;}
#myTab li a{border-radius:0;margin-right:0;color:#fff;padding:0;background-color:transparent;border:none;}
#myTab li a h2{font-size:16px;line-height:20px;color:#fff; border-left: 0px solid #d22626; font-weight:normal;text-transform:uppercase;text-align:left;padding:20px 60px;}
#myTab li.active a,#myTab li:hover a{}
#myTabContent{padding:10px 0 20px 0;}
#inquiry {margin-top:0px; background-color:#fdfdfd; padding:2% 3%; }
#inquiry .tit{ }
#inquiry .tit h2{font-size:28px;line-height:50px;color:#333; border-left: 0px solid #d22626; font-weight:normal;text-transform:uppercase;text-align:left;padding:20px 0px;}
#inquiry .remark{font-size:16px;line-height:50px;margin-top:15px;}

@media screen and (min-width:992px ) and (max-width:1199px) {
    #slider h1{font-size:22px;line-height:25px;}
    #protitle>p{line-height:20px;}
    #protitle{padding:0 15px;width:50%;}
    #protitle .link a{margin-right:25px;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #ProShare{display:block;margin:0;padding-top:15px;clear:both;}
    #protitle{padding-left:30px;}
    #protitle>h1{font-size:24px;line-height:36px;}
    #protitle>p{line-height:20px;}
    #protitle .btnInquiry{font-size:16px;}
    #protitle .link a{margin-right:20px;}
    #protitle #ProShare{margin-top:10px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	
	#slider{overflow:hidden;padding-bottom:30px; background: #fff; padding: 0px; margin-bottom: 20px;}
    #picView{width:100%;}
    #picView .gallery-thumbs{}


    #ProShare{display:block;margin:0;padding-top:15px;clear:both;}
    #protitle{padding:15px 0;width:100%;}
    #protitle>h1{font-size:20px;line-height:24px;}
    #protitle>p{line-height:20px;}
    #protitle .link a{margin-right:30px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
    #myTab li a h2{padding:8px 15px;}
    
    #inquiry .tit h2{padding:8px 15px;}
}
#pro_detail{ background: #fff; padding: 30px;}

#pro_feed_show{margin-top:30px;padding:40px 20px;background-color:#f8f8f8;border:1px solid #e4e4e4;border-radius:10px;}
#pro_feed_show P{font-size:16px;line-height:20px;margin-bottom:15px;}
#pro_feed_show label{font-weight:normal;display:block;font-size:16px;line-height:20px;text-align:right;}
#pro_feed_show label>em{font-size:20px;color:#ff0000;margin-right:3px;margin-top:3px;font-style:initial;}
#pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;}
#pro_feed_show .form-group .input-group{display:table;}
#pro_feed_show .form-group .input-group span{display:table-cell;border:1px solid #ccc;border-right:none;width:1%;padding:0 20px;}
#pro_feed_show .form-group .input-group .form-control{display:table-cell;width:100%;border-left:none;}
#pro_feed_show .form-control{background-color:#fff;height:34px;padding:0 12px;}
#pro_feed_show textarea.form-control{height:122px;resize:none;padding-top:10px;background-color:#fff;border-radius:0px;}
#pro_feed_show #btn_send{display:block;width:176px;height:40px;line-height:40px;text-align:center;border:none;color:#fff;background-color:#d22626;font-size:16px;text-transform:capitalize;}

#relatepro {margin-top:0px; background: #fff; padding: 0px 30px;}
#relatepro .tit{}
#relatepro .tit h2{font-size:26px;line-height:50px;color:#333; border-left: 0px solid #d22626; font-weight:normal;text-transform:uppercase;text-align:left;padding:20px 10px;}
#relatepro .prolist{margin:30px -15px 0;}
#relatepro .prolist .box{width:25%;padding:0 15px 0px;float:left;}
#right_nav .prolist .item .img{position:relative;border:1px solid #ddd;}
#right_nav .prolist .item .img svg.icon{position:absolute;font-size:45px;z-index:1; display: none;}
#right_nav .prolist .item .txt{padding:10px;border-bottom:2px solid #c9cbcd;}
#right_nav .prolist .item h3{font-size:14px;line-height:18px;text-transform:uppercase;text-align:center;}
#right_nav .prolist .item:hover .txt{border-bottom-color:#d22626;}
#right_nav .prolist .item:hover h3{color:#d22626;}
#relatepro .title h2{width:100%;}

#RelatedVideo{margin-top:50px;}
#RelatedVideo .relate_list{margin-top:30px;overflow:hidden;margin:0 -15px;}
#RelatedVideo .relate_list .item{padding-bottom:10px;padding:0 15px;float:left;width:25%;}
#RelatedVideo .relate_list .item:nth-child(4n+1){clear:left;}
#RelatedVideo .relate_list .item .img{overflow:hidden;border:1px solid #cccccc;}
#RelatedVideo .relate_list .item .img img{width:100%;}
#RelatedVideo .relate_list .item .txt{margin-top:8px;}
#RelatedVideo .relate_list .item .txt h3{font-size:16px;line-height:20px;text-align:center;}
#RelatedVideo .relate_list .item:hover h3{text-decoration:underline;}

@media screen and (min-width:992px ) and (max-width:1199px) {
    #relatepro .prolist{margin:20px -10px 0;}
    #relatepro .prolist .box{padding:0 10px 20px;}
    #relatepro .prolist .item .txt{padding:5px 0;}
    #relatepro .prolist .item h3{font-size:12px;line-height:16px;}
    #relatepro .prolist .item .link{display:none;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #pro_detail .detalist img{width:100%;}
    #pro_feed_show .btn-info{padding:10px 15px;}
    
    #relatepro .prolist{margin:20px -10px 0;}
    #relatepro .prolist .box{padding:0 10px 20px;}
    #relatepro .prolist .item .txt{padding:5px 0;}
    #relatepro .prolist .item h3{font-size:12px;line-height:16px;}
    #relatepro .prolist .item .link{display:none;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
	
	#pro_detail{ background: #fff; padding: 0px;}
    #relatepro h2{font-size:16px;}
    #pro_feed_show .form-control{height:35px;padding:5px 12px;}
    #pro_feed_show .btn-info{width:100%;padding:5px 0;}
       
    #inquiry h2{font-size:16px;}
    #inquiry>#pro_feed_show{padding:15px;}
    #pro_feed_show label{text-align:left;}

    #relatepro .prolist{margin:20px -10px 0;overflow:hidden;}
    #relatepro .prolist .item-list .tit{padding:0 15px;}
    #relatepro .prolist .box{width:50%;padding:0 10px 20px;}
    #relatepro .prolist .box:nth-child(2n+1){clear:left;}
    #relatepro .prolist .item .txt{padding:5px 0;}
    #relatepro .prolist .item h3{font-size:12px;line-height:16px;}
    #relatepro .prolist .item .link{display:none;}

    embed{width:100%!important;height:auto!important;}
}



.item {}
.item .img{overflow:hidden;display:block;}
.item .img img{width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}


/*抖动效果*/
@keyframes act-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 act-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 act-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 act-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)}
}

/*编辑器内容*/
#input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px}
.te iframe {border:none}
.teheader {height:31px; border-bottom:1px solid #bbb; background:url(../images/header-bg.gif.html) repeat-x; padding-top:1px}
.teheader select {float:left; margin-top:5px}
.tefont {margin-left:12px}
.tesize {margin:0 3px}
.testyle {margin-right:12px}
.tedivider {float:left; width:1px; height:30px; background:#ccc}
.tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)}
.tecontrol:hover {background-color:#fff; background-position:30px 0}
.tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden;}
.toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;}
.resize {float:right; height:32px; width:32px; background:url(../images/resize.gif.html) 15px 15px no-repeat; cursor:s-resize}
#editor {cursor:text; margin:10px}

.sharelist p{color:#ffffff;margin-bottom:5px;}
.sharelist a{color:#ffffff;display:inline-block;margin-left:5px;padding:0;}
.sharelist a>i{display:block;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;}
.sharelist a>i.pinterest-p{background-color:#ca1c23;}
.sharelist a>i.google-plus{background-color:#dc4e41;}
.sharelist a>i.facebook{background-color:#3b5998;}
.sharelist a>i.twitter{background-color:#1da1f2;}
.sharelist a>i.linkedin{background-color:#0077b5;}
.sharelist a>i.youtube{background-color:#ff011d;}

.vieptxt{background-color:#223b71; padding:5px; width:200px; text-align:center; margin:10px 0; color:#FFF}
.viepimg{ width:100%;display: flex;clear:both; }
.viepimg li{width:calc((100% - 40px) / 2); float:left; padding:0px 5px 0px 5px; margin-top:10PX;}
.viepimg p { font-size:16px; padding:5px; line-height:22PX;}
@media (max-width:767px) {
	.viepimg{ width:100%;display:  block; clear:both}
.viepimg li{width:100%; float: none; padding:0px 5px 0px 5px; }	
.viepimg p { font-size:14px; padding:5px;}
}