@charset "utf-8";
/* CSS Document */
@font-face{
    font-family:'ICEDEART';
    src:url('../fonts/ICEDEART.TTF');
}
body
{font-family: "微软雅黑", SimHei, sans-serif;
margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

ol,ul,li{list-style:none; padding:0;}
p{ margin:0;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
.pic {
  position: relative;
  overflow: hidden;
}
.pic:after {
  content: "";
  display: block;
}
/*修改滚动条*/

::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #f8f8f8;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #bbb;
}


/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.center{text-align:center;}
.valign-middle{display:table-cell;vertical-align:middle;}
/* --pub-- */
.pub{width:85%;margin:auto; max-width:1200px !important; }
.pub1{width:85%;margin:auto; max-width:1600px !important;}
@-webkit-keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes rotate{
 0%{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100%{
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}


/* --header-- */



.header{width:100%;height:149px;background:#fff;position:relative;z-index:9999;}
.header .logo{width:18%;height:149px;float:left;display:table;}
.header .logo img{width:100%;height:auto;max-width:314px;display:block;}
.header .box{width:80%;height:149px;float:right;position:relative;}
.header .nava{width:100%;height:149px;position:relative; margin:0;}
.header .nava li{width:12.5%;height:149px;float:left;position:relative;cursor:pointer;}
.header .nava .nava-li{width:100%;height:149px; font-size:18px;color:#000;line-height:149px;text-align:center;display:block;overflow:hidden;}
.header .nava li:hover .nava-li{background:#005bac;color:#fff;}

.header .nava li .li_slide{width:158px;position:absolute;left:50%;top:149px;margin-left:-60px;z-index:999;background:#fff;padding: 10px 0;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.16);display:none;}
.header .nava li .li_slide a{width:100%;height:48px;text-align:center;line-height:48px;color:#000;font-size:18px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header .nava li .li_slide a:hover{background:#fff;color:#005bac; font-weight:bold;}



/********************head end********************/


.banner{ width:100%; height:auto; position:relative;}
.swiper-banner{width:100%;height:100%;margin:auto;overflow:hidden;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.slide-inner{width:86%;height:100%;left:7%;top:0;z-index:99;position:absolute;}
.slide-inner .banner_img{position:absolute;opacity:0;}
.slide-inner .banner1_1{
	width:76%;height:auto;right:12%;top:20%;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	-o-transform: translateX(-100px);
}
.swiper-banner .ani-slide .banner1_1{
    opacity: 1;
	transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
}
.slide-inner .banner2_1{
	width:28.75%;height:auto;left:15%;top:30%;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-o-transform: translateY(-100px);
}
.swiper-banner .ani-slide .banner2_1{
    opacity: 1;
	transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.slide-inner .banner3_1{
	width:76%;height:auto;right:12%;top:30%;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-o-transform: translateY(-100px);
}
.swiper-banner .ani-slide .banner3_1{
    opacity: 1;
	transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
.banner .swiper-button-next,
.banner .swiper-button-prev{
  top: 50%;
  width: 50px;
  height: 50px;
}
.banner .swiper-button-prev{
  background:url(../Image/left1.png) no-repeat center !important;
  left: 1%; opacity:0
}
.banner .swiper-button-next{
  background:url(../Image/right1.png) no-repeat center !important;
  right: 1%; opacity:0
}
.banner:hover .swiper-button-prev{opacity:0.8}
.banner:hover .swiper-button-next{opacity:0.8}


@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}
}
/*.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}*/



/******************banner end***********************/





.index1{ margin-top:45px; margin-bottom:45px;}
.index_top .index_top_left p{ color:#000000; font-size:48px;}
.index_top .index_top_left .en{ color:#000000; font-family:ICEDEART; text-transform:uppercase; font-size:18px;}
.index_top .index_line{ width:60px; height:5px; background:#005bac; margin-top:10px; margin-bottom:35px;}
.index_top .index_top_more{ border:1px solid #cdcdcd; font-size:18px; color:#000; border-bottom-right-radius:10px; border-top-left-radius:10px; padding:8px 20px;}
.index1_main ul li{ width:23%; float:left; margin-right:2.5%; margin-bottom:2.5%;}
.index1_main ul li a{ display: block;  border:1px solid #898989;}
.index1_main ul li .img{ width:100%; background:#fff; overflow:hidden;}
.index1_main ul li img{width:100%;display:block; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.index1_main ul li .title{ text-align:center; line-height:30px;height:30px; overflow:hidden; margin-top:10px;}
.index1_main ul li:hover .title{ color:#005bac;}
.index1_main ul li:hover .img img{ transform: scale(1.3);}
.index1_main ul li:hover a{border:1px solid #005bac;}
.index1_main ul li:nth-child(4n){ margin-right:0;}


/**********************index1 end**************/



.index2{ margin-top:80px;}
.index2_con{ margin-top:30px; color:#000000; font-size:18px; line-height:30px;}
.index2_more{ margin-top:50px;}
.index2_more li{ float:left; width:47%; position:relative;}
.index2_more li img{ width:100%;}
.index2_more li p{ position:absolute; bottom:20px; left:20px; z-index:9; font-size:24px; color:#ffffff;}
.index2_more li:nth-child(2){ float:right;}
.index2_num{ margin-top:50px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:5% 0;}
.index2_num li{ float:left; width:20%; color:#000000; font-size:18px; padding:0 2.3%; text-align:center;}
.index2_num li p{ margin-bottom:20px; line-height:30px;}
.index2_num li span{ font-size:60px; color:#005bac; font-weight:bold;}
.index2_num .index2_line{ float:left;}

/****************************index3 end****************************/



.index3{ margin-top:50px;}
.index3_main{width:100%;height:auto; margin-top:45px;}
.index3_main li{width:auto;height:auto;padding-bottom:30px;margin-bottom:30px;}
.index3_main .news_list_li{width:auto;height:auto; position:relative;}
.index3_main .news_list_title{width:auto;height:36px;font-size:20px;color:#000;line-height:36px;overflow:hidden;}
.index3_main .news_list_title a{color:#000;}
.index3_main .news_list_title a:hover{color:rgb(32,69,144);}

.index3_main .news_list_li .info{ width: auto;margin-top: 10px;margin-bottom:10px;}
.index3_main .news_list_li .info .meta_part { text-align:center;
    display: block;
	padding-left:20px;
    margin-bottom:10px;
    color: #666666;font-size:18px;
}
.index3_main .news_list_li .info .t2 { font-weight:bold;font-size:48px;}
.index3_main .news_list_img{width:24.75%;height:auto;}
.index3_main .news_list_img img{width:100%;height:auto;display:block;}
.index3_main .news_list_con2{width:70%;height:auto;}
.index3_main .news_list_con{width:80%;height:72px;overflow:hidden;line-height:24px;color:rgb(120,120,120);}
.index3_main .news_list_line{ width:70%; height:1px; background:#898989; position:absolute; bottom:0;  right:0;}
.index3_main .news_list_li .btn_blue{
	margin: 20px 0 0px;display:inline-block;
    position: relative;
    color:rgb(77,77,77);
    font-size: 14px;
    padding: 8px 15px;
    letter-spacing: .04em;
    -webkit-transition:all 0.6s;transition:all 0.6s;
    text-align: center;
    cursor: pointer;
}
.index3_main .news_list_li .btn_blue:hover{
	background:rgb(32,69,144);border-radius:36px;color:#FFF;
}





/**************************index3 end**********************/






.foot_bj{ background:url(../Image/foot_bj.jpg) center no-repeat; overflow:hidden; padding:50px 0; background-size:cover;}
.foot_ch{ font-size:30px; color:#000;}
.foot_en{ color:#959695; font-size:16px; margin-bottom:20px; margin-top:10px;}
.foot_left{ width:45%;overflow: hidden;}
.foot_nav ul{ margin:0;}
.foot_nav ul a{ width:33.3%; display:block; float:left;font-size:16px; color:#000; line-height:30px;overflow: hidden;}
.foot_contact{ margin-top:30px; line-height:28px;}
.foot_contact li{ color:#000; font-size:16px; line-height:28px; margin-bottom:5px;}
.foot_contact li img{ margin-right:10px; float:left; display:block;}
.foot_contact li a{ color:#000;}

.foot_mid{ width:40%;}
.foot_mid .cop{ margin-top:30px;}
.foot_mid ul li img{ margin-right:10px; float:left; display:block;}

.foot_bottom{ background:#005bac;font-size:16px; text-align:center; color:#fff; line-height:30px; padding:20px 0;}
.foot_bottom span{ margin:0 5px;}
.foot_bottom a{ color:#fff;}


/****************************foot end****************************/




.inner_banner{ padding:7% 0 7% 0;}
.inner_banner .catname{ font-size:26px; color:#000000;}
.inner_banner .catname2{ font-size:14px; color:#000000; margin:10px 0;}
.banner_pro1{ width:40%; float:left;}
.banner_pro2{ width:50%; float:left;}



.inner_bj{ background:#e6e6e6; padding:5% 0; overflow:hidden;}
.inner_left{ width:27.5%; float:left;}
.inner_left_top{ background:#005bac; text-align:center; padding:20px 0; color:#fff; font-size:36px;}
.inner_left ul{ margin:0;}
.inner_left li{ text-align:center; background:#fff; color:#000; font-size:20px; margin-bottom:5px; padding:30px 0 20px 0; border-bottom:10px solid #fff;}
.inner_left li span{ width:16px; height:2px; background:#000; display:inline-block; margin-right:10px; position:relative; top:-7px;}
.inner_left li:hover{ color:#005bac; border-bottom:10px solid #005bac;}
.inner_left li:hover span{ background:#005bac;}

.inner_right{ width:63.3%; float:right; background:#fff; padding:3%;}
.inner_right_top{ margin-bottom:20px;}
.inner_right_top1{ font-size:30px; color:#000;}
.inner_right_top2{ color:#000; font-size:16px; margin-bottom:20px; margin-top:5px;}
.inner_right_line1{ width:10%; background:#005bac; height:4px;}
.inner_right_line2{ width:88%; background:#e6e6e6; height:4px;}




.inner_pro_main{ margin-top:40px;}

.inner_pro_list li{ width:31.3%; float:left; margin-right:2.4%; margin-bottom:2.4%;}
.inner_pro_list li a{ display: block;  border:1px solid #898989;}

.inner_pro_list li .img{ width:100%; background:#fff; overflow:hidden;}
.inner_pro_list li img{width:100%;display:block; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.inner_pro_list li .title{ text-align:center; line-height:30px;height:30px; overflow:hidden; margin-top:10px;}
.inner_pro_list li:hover .title{ color:#005bac;}
.inner_pro_list li:hover .img img{ transform: scale(1.3);}
.inner_pro_list li:hover a{border:1px solid #005bac;}
.inner_pro_list li:nth-child(3n){ margin-right:0;}


.proleft { width: 100%;}
.proleft .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.proleft .swiper-list .swiper-slide{padding:0 30px;background:#FFF;position:relative;cursor:pointer;}
.proleft .swiper-list .swiper-slide .img{margin:20px 0;position:relative;overflow:hidden;}
.proleft .swiper-list .swiper-slide .img img{width:100%;height:auto;display:block;margin:auto;
-webkit-transition:all 0.4s;transition:all 0.4s;}
.proleft .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}
.proleft .swiper-list .swiper-slide .line{width:100%;height:1px;display:block;background:#ddd;}

.proleft .gallery-top{width:100%;position:relative; border:1px solid #666;}
.proleft .gallery-top .swiper-slide{width:100%;display:block; }
.proleft .gallery-top .swiper-slide img{max-width:100%; max-height:100%; margin:10px auto;display:block;}
.proleft .gallery-top .swiper-button-prev{left:6px;}
.proleft .gallery-top .swiper-button-next{right:6px;}
.proleft .gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{width:66px;height:66px;}


.product_img_right{width:100%;margin-top:40px;}
.product_img_right .gallery-thumbs{width:100%;padding-right:5px !important;padding-top:6px !important;margin-left:0 !important;}
.product_img_right .gallery-thumbs p{font-size:16px;color:#999;line-height:32px;margin-bottom:10px;}
.product_img_right .gallery-thumbs .swiper-slide{border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.product_img_right .gallery-thumbs .swiper-slide img{width:100%;display:block;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid #333;}
.product_img_right .gallery-thumbs .swiper-slide-thumb-active:before{
    content: '';
    display: block;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #333;
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.proright { width: 100%;}
.proright h3{ border-bottom:1px solid #c9c9c9; color:#121212; font-size:26px; padding-bottom:20px; margin-bottom:20px; margin-top:0; font-weight:normal;}
.proright h3 span{ font-size:30px; color:#5d5d5d; padding-left:10px;}
.proshow{ margin-bottom:0;}

.pro_info_img img{ width:100%; margin-bottom:20px;}
#pro_info_video{
  width: 90%!important;
  height: 30vw !important;
  margin:0 auto;
  margin-left:5%;
  
}
.pro_info_cont2{margin-bottom:50px;}


.pro_info_main{ margin-top:50px;}
.pro_info_top{ overflow:hidden; color:#005bac; font-size:24px;font-family:chuangyi; border-bottom:1px solid #cfcfcf; padding-bottom:10px; margin-bottom:20px;}

.inner_content{ font-size:16px; line-height:30px;}
.inner_content p{ margin:0;}
.inner_content img{ max-width:100%;}



/*************************product end*************************/


.news-list li{width:auto;height:auto;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #898989;}
.news-list .news_list_li{width:auto;height:auto;}
.news-list .news_list_title{width:auto;height:36px;font-size:16px;color:#005bac;line-height:36px;overflow:hidden;}
.news-list .news_list_img{width:30%;height:auto; overflow:hidden;}
.news-list .news_list_img img{width:100%;height:auto;display:block; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.news-list .news_list_con2{width:66%;height:auto;}
.news-list .news_list_con{ font-size:14px;line-height:28px;color:rgb(120,120,120);text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;overflow: hidden;}
.news-list .news_list_li:hover .news_list_img img{ transform: scale(1.3);}

.inner_news_status {height: 30px;line-height: 30px;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;height:30px; display:block; float:left;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}


.newshow .newshowtit { text-align: center; margin-bottom:40px;}
.newshow .newshowtit h1 {  font-size: 22px;  color: #333;}
.newshow .newshowtit .date { line-height: 30px; font-size: 12px; color: #999;}
.newshow .newshowtxt p { margin-top: 25px; line-height: 25px;}
.newshow .newshowimg { text-align: center; margin: 65px 0;}

.inner_news_img { text-align:center; margin-bottom:30px;}
.inner_news_img img{ max-width:100%;}



/**************************news end**********************/


.inhonor_list ul{ overflow: hidden; margin: 40px auto 0;}
.inhonor_list li { float: left; width: 25%; margin-bottom: 30px;}
.inhonor_list li .box { padding: 0 10px;}
.inhonor_list li a { display: block; position: relative;}
.inhonor_list li .pic { width: 100%; height: auto; overflow: hidden; position: relative; font-size: 0; text-align: center;border: 1px solid #898989;}
.inhonor_list li img { max-width: 90%; max-height: 95%;}
.inhonor_list li h3 { text-align:center; font-size:16px;}
.inhonor_list li:hover h3 { color: #005bac;}


.scgl_list ul{ overflow: hidden; margin: 40px auto 0;}
.scgl_list li { float: left; width: 50%; margin-bottom: 30px;}
.scgl_list li .box { padding: 0 10px;}
.scgl_list li a { display: block; position: relative;}
.scgl_list li .pic { width: 100%; height: auto; overflow: hidden; position: relative; font-size: 0; text-align: center;border: 1px solid #898989;}
.scgl_list li img { max-width: 100%; max-height: 100%;}
.scgl_list li h3 { text-align:center; font-size:16px;}
.scgl_list li:hover h3 { color: #005bac;}

.inner_qywh1 .img img{ width:100%; margin-bottom:10px;}
.inner_qywh1 .con li{ width:50%; float:left;}
.inner_qywh1 .con li p{ color:#005bac; font-size:16px; font-weight:bold; margin:10px 0;}
.inner_qywh ul li{ width:45%; float:left; margin-top:30px;}
.inner_qywh ul li img{ width:100%; margin-bottom:10px;}
.inner_qywh ul li:nth-child(2n){ float:right;}
.inner_qywh ul li p{ color:#005bac; font-size:16px; font-weight:bold; margin:10px 0;}


.inner_contact{ overflow:hidden;}

.contact_list_left{ width:18%; float:left; text-align:center; color:#000; font-size:16px; margin-top:30px;}
.contact_list_left img{ max-width:100%;}
.contact_list_right{ width:65%; float:right; border-left:1px solid #898989; padding-left:10%;}
.contact_list_right li{ color:#000; font-size:16px; line-height:28px; margin-bottom:5px;}
.contact_list_right li img{ margin-right:10px; float:left; display:block;}
.contact_list_right li a{ color:#000;}

.contact-map{ width:100%; position:relative; margin-top:50px;}
#dituContent{ width:100%; height:437px;}




/**************************contact end************************/




/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover .title a{ border-bottom:1px solid #005bac;}
.txt-upDown-li.txt-right{text-align:right;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 60px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
   margin:5px -1px 5px 0;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #005bac;
  background: #005bac;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --暂无数据-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-goods p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}






@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.04);
    -ms-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);}
}


@keyframes scrolldown {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrolldown2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	55% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	70% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	85% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes scrollup {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes scrollup2 {
	0% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	15% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	30% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	45% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
}

@keyframes sound {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	20% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	40% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	60% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btnline {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(0, 1); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(0, 1); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}

@keyframes btntate {
	0% {
		transform: scale(1, 1); 
		transform-origin: 100% 100%;
	}
	33% {
		transform: scale(1, 0); 
		transform-origin: 100% 100%;
	}
	66% {
		transform: scale(1, 0); 
		transform-origin: 0 0;
	}
	100% {
		transform: scale(1, 1); 
		transform-origin: 0 0;
	}
}
