@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #111; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#ffffff; font-size:12px; font-weight:normal;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#111; text-decoration:none; font-size:12px; font-weight:normal;}
a:hover{ color:#008896; text-decoration:none;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}.mgb20{margin-bottom:20px;}
.mgt50{margin-top:50px;}
.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#efefef solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}

.ptb10{ padding:10px 0;}
.bg2{ background:#333333;}


*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .header-wrapper{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

.wrapper{ float:left; width:100%; display:block;  }

.top-wrapper{ background: #333333; color: #ffffff; line-height: 35px; }

.header-wrapper{ padding: 10px 0; }
.header{ width:1200px; height:100px; margin:0 auto; position:relative; }
.header h1{ float:left; margin-top: 10px; }
.header h1 a img{ height: 80px;}
.header .head-txt{ float: left; padding-left: 20px; margin-top: 15px; margin-left: 20px; border-left: #eeeeee solid 1px; }
.header .head-txt h3{ font-size: 25px; line-height: 40px; color: #008896 }
.header .head-txt span{ font-size: 18px; line-height: 30px; }
.header .head-tel{ float: right; margin-top: 15px; }
.header .head-tel b{ font-size: 18px; color: #868686; background: url(../images/tel.png) left center no-repeat; padding-left: 35px; display: block; height: 30px; line-height: 30px; }
.header .head-tel h3{ font-size: 25px; line-height: 40px; color: #008896}

.menu-wrapper{ border-top: #cccccc solid 2px; }
ul.menu-list{ float:left; z-index:5; }
ul.menu-list li{ float:left; width:150px; text-align:center; position:relative; z-index:10;}
ul.menu-list li a{ display:block; width:100%; height:40px; font:16px/40px 微软雅黑,Arial, Helvetica, sans-serif; color:#000;}
ul.menu-list li a i{
	display: inline-block;
	width: 12px;
	height: 6px;
	background: url(../images/hdico.png) no-repeat 0 0;
	transition: all .5s ease;
	position: absolute;
	right: 5px;
	top: 17px;
}
ul.menu-list > li > a:hover i{
	transform:rotate(-180deg);
}
ul.menu-list li a:hover,ul.menu-list li a.current{ background: #008896;  color:#ffffff; }
ul.menu-list li ul{ position:absolute; top:40px; left:0px; width:150px; display:none; z-index:9999; background:#fff; border-top: 3px solid #0a094b;}
ul.menu-list li ul li{ float:left; width:100%; background:none; border-bottom: 1px solid #ecf0f1;}
ul.menu-list li ul li a{ height:25px; width: 139px; padding: 5px;  line-height:25px; font-size:12px; text-align:left; border-left: 1px solid #ecf0f1;}
ul.menu-list li ul li a:hover{ color:#0a094b; background: #ecf0f1; border-left: 1px solid #0a094b; padding: 5px; }


.banner{ float: left;width: 100%;height: 560px; overflow: hidden; position: relative; }
.swiper-banner .swiper-slide{width: 100%;height: 560px; text-align: center; overflow: hidden;}
.banner .swiper-pagination{bottom: 20px!important;}
.banner .swiper-pagination-bullet{width: 30px;height: 8px;background-color: #fff;opacity: .8;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background-color:#008896;}

.bg1{ background:#f6f6f6;}
.box-wrapper{ background:url(../images/boxbg.jpg) top no-repeat; background-size:cover;}
.mainer-wrappers{ padding:60px 0;}
.mainer-wrapper{}
.mainer{ width:1200px; margin:0 auto; }


.search-wrapper{ padding: 20px 0; border-bottom: #eeeeee solid 1px; }
.search-form{ width: 702px; margin: 0 auto; }
.search-form input{ float: left; width: 600px; border:#cccccc solid 1px;border-radius: 5px 0 0 5px; padding: 0 10px; height: 40px; line-height: 40px;  }
.search-button{ float: left; background: #008896; color: #ffffff; font-size: 14px; text-align: center; border:none; font-family: 微软雅黑; width: 80px; height: 42px; line-height: 42px; }

.home-title{ text-align: center;}
.home-title h3{	font-size: 32px;}
.home-title h3 span{color: #008896;}
.home-title p{font-size: 16px;color: #999; text-transform: uppercase;}
.home-title b{display: inline-block;width: 150px;height: 3px;margin: 5px;background-color: #008896;}

.home-info-title{ float: left; width: 100%; display: block; background:url(../images/info-title-line.png) bottom left no-repeat; line-height: 50px;  }
.home-info-title h5{ float: left; font-size: 24px; color: #008896;}
.home-info-title span{float: left; color: #cccccc; margin-left: 10px; text-transform: uppercase;}


.home-partner-box{ float:left; width:1200px; background:#fff; margin-top: 50px; position: relative; }
.swiper-partner { display: block; overflow: hidden; }
.swiper-partner .swiper-slide{text-align: center;}
.swiper-partner .swiper-slide img{ display: block; width: 275px; border: #cccccc solid 1px;}
.swiper-partner .swiper-slide span{ display: block; width: 100%; line-height: 40px; font-size: 18px;}

.swiper-button-prev{ padding: 20px 0; height: 100px; background: #008896; border-radius: 5px;}
.swiper-button-next{ padding: 20px 0; background: #008896; border-radius: 5px;}


.side{ float: left; width: 300px; }
.home-nav-box{ padding: 20px; background: #eeeeee;}
.home-nav-head{ padding: 20px;  background: #008896; color: #ffffff; }
.home-nav-head h5{ font-size: 20px; padding-left: 40px; background:url(../images/icon-cate.png) center left no-repeat; }
.home-nav-head span{ display: block; font-size: 14px; margin-top: 10px; text-transform: uppercase;}
.category-list { display: block; width: 100%; }
.category-list li{ display: block; border-bottom: #cccccc solid 1px; }
.category-list li a{ display: block; font-size: 16px;  text-overflow:ellipsis;white-space: nowrap; overflow: hidden; height: 50px; line-height: 50px; padding-left: 30px; background:url(../images/icon-nav.png) center left no-repeat;}
.category-list li a.current,.category-list li a:hover{ background:url(../images/icon-nav-on.png) center left no-repeat; color:#008896 }


.home-recommend-box{ float: right; width: 860px; }
.swiper-recommend {width: 860px;height: 640px;overflow: hidden;position: relative;}
.pbox{ float: left; width: 400px; height: 300px; margin: 15px; }
.pbox .img{ float: left; width: 400px; height: 250px; overflow: hidden; }
.pbox .img img{ width: 400px; height: 250px; transition:all .4s;}
.pbox span{ float: left; display: block; width: 400px; height: 40px; line-height: 40px; background:#5a5a5a; color: #ffffff; text-align: center; font-size: 14px; }
.pbox a:hover span{ background: #008896; }
.pbox a:hover img{ opacity: .8; transform:scale(1.1,1.1);}


.home-eq-box{ float: left; width: 100%; margin-top: 30px; }
.home-eq-list{ float: left; width: 100%; }
.home-eq-list li{ float: left; width: 360px; margin: 20px; }
.home-eq-list li .img{ float: left; width: 360px; height: 360px; overflow: hidden; }
.home-eq-list li .img img{ width: 360px; height: 360px; transition:all .4s;}
.home-eq-list li a:hover img{ opacity: .8; transform:scale(1.1,1.1);}
.home-eq-list li span{ float: left; display: block; width: 360px; height: 40px; line-height: 40px; color: #008896; text-align: center; font-size: 18px; }

.advantage-wrapper{ height: 1000px; padding: 50px 0; background: url(../images/adbg.jpg) center no-repeat; background-size: cover;}
.advantage-box{ float: left; width: 1200px; height: 700px; margin-top: 100px; background: url(../images/adbox.png) center no-repeat; position: relative;}
.advantage-item{ width: 400px; }
.advantage-item .num{ float: left; width: 97px; height: 111px; line-height: 111px; background: url(../images/ad-numbg.png) center no-repeat; text-align: center; color: #ffffff; font-size: 40px; font-weight: bold;  }
.advantage-item .info{ float: right; width: 280px; }
.advantage-item .fl{ float: left; }
.advantage-item .fr{ float: right; }
.advantage-item h5{ display: block; line-height: 40px; font-size: 40px; color: #008896; }
.advantage-item p{ display: block; line-height: 25px; font-size: 14px; margin-top: 10px;}
.item1{ position: absolute; left: 560px; top: 10px}
.item2{ position: absolute; right: 0px; top: 150px}
.item3{ position: absolute; right: 0px; top: 450px}
.item4{ position: absolute; right: 250px; bottom: 0px}
.item5{ position: absolute; left: 0px; top: 450px}
.item6{ position: absolute; left: 0px; top: 150px}
.advantage-item .num:hover{-webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:-webkit-transform 1s linear;
    transition:transform 1s linear;
}

.step-box{ float: left; width: 100%; background: url(../images/service-line.png) center no-repeat; height: 136px; margin-top: 50px;}
.step-item{ float: left; width: 160px; margin: 0 40px; }
.step-item h5{ float: left; width: 160px; font-size: 20px; line-height:60px; text-align: center; }
.step-item i{ float: left; width: 160px; height: 16px; background: url(../images/icon-nav-on.png) center no-repeat; }
.step-item span{ float: left; width: 160px; height: 40px; line-height: 40px; margin-top: 10px; font-size: 18px; text-align: center; color: #ffffff; padding-top: 10px; background: url(../images/service-itembg.png) center no-repeat; }
.step-item .tbg{  padding-bottom: 10px; padding-top: 0; margin-top: 0px; margin-bottom: 10px;  background: url(../images/service-itembg1.png) center no-repeat; }

.hotline-wrapper{ background: #008896; height: 200px; background: url(../images/service-bg.jpg) center no-repeat; }
.hotline-wrapper1{ background: #008896; height: 200px; background: url(../images/service-bg1.jpg) center no-repeat; }

.home-about{float: left;width: 100%; margin-top: 60px;}
.about-img{float: left;width:400px;height: 320px; overflow: hidden;}
.about-img img{ width:400px;height: 320px;}
.about-brief{float: right;width: 700px;}
.about-brief b{font-size: 30px;color: #008896;}
.about-brief p{height: 150px; line-height: 25px;color: #999; font-size: 14px; margin-top: 30px;overflow: hidden;}

.home-about a.more{ display: block;width: 120px;height: 30px;text-align: center;line-height: 30px;color: #fff;border-radius: 4px;margin-top: 50px;background-color: #008896;}
.home-about a.more{ float: left; }
.home-about a.more:hover,.home-news a.more:hover{color: #fff;background-color: #008896;}
.home-news a.more{margin:40px auto;}

.home-cer-container{  float: left;  width: 100%; margin-top: 60px; }
.home-cer-box{ float: left; width: 820px; position: relative; }

.swiper-cer { float: left; display: block; width: 820px; overflow: hidden; margin-top: 30px; }
.swiper-cer .swiper-slide{text-align: center;}
.swiper-cer .swiper-slide .img{ display: block; width: 250px; height: 250px; border: #cccccc solid 1px; overflow: hidden;}
.swiper-cer .swiper-slide .img img{ width: 250px; height: 250px;  transition:all .4s;}
.swiper-cer .swiper-slide span{ display: block; width: 252px; line-height: 40px; font-size: 18px; background: #5a5a5a; color: #ffffff; text-align: center;}
.swiper-cer .swiper-slide a:hover img{ transform:scale(1.1,1.1); }
.swiper-cer .swiper-slide a:hover span{ background:#008896  }


.home-contact-box{ float: right; width: 320px; padding: 10px; background:#008896;  }
.home-contact-inbox{ float: left; width: 300px; padding: 6px; border:#ffffff solid 2px; color: #ffffff;  }
.home-contact-inbox p{ margin-top: 5px; line-height: 35px; font-size: 16px; }

.home-news-list { float: left; width: 100%; margin-top: 50px; height: auto; overflow: hidden; }
.home-news-list li { width: 380px; height: 300px; float: left; position: relative; margin-left: 10px; margin-right: 10px;  margin-bottom: 30px; margin-top: 30px; background-color: #f7f7f7; }
.home-news-list li a { display: block; height: 300px; padding: 0 33px; color: #444; }
.home-news-list li a h3 { font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; margin-top: 124px; }
.home-news-list li a p { color: #777; line-height: 24px; }
.home-news-list li:hover a { color: #008896; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.home-news-list li:hover a .ntext { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #008896; }
.home-news-list li:hover a .ntext span { color: #fff; }
.home-news-list .ntext { position: absolute; left: 33px; top: -26px; z-index: 5; height: 94px; background-color: #646464; width: 87px; padding-right: 9px; text-align: right; color: #fff; }
.home-news-list .ntext b { font-weight: normal; display: block; font-size: 28px; line-height: 28px; padding: 28px 0 1px; }
.home-news-list .ntext span { display: block; font-size: 14px; color: #a4a4a4; }
.indexNewsBg { position: absolute; left: 0; bottom: -21px; z-index: 5; height: 21px; width: 100%; background: url(../images/indexNewsBg.jpg) no-repeat 0 0; }

.home-foot{background:#000; }
.home-foot a{color: #fff;}
.home-foot a:hover{color:#008896}

.linklist {float: left; height: auto; overflow: hidden; }
.linklist dl { float: left; width: 100px; height: 200px; padding-left: 15px; }
.linklist dt { font-size: 14px; font-weight: bold; line-height: 30px; }
.linklist dt a { display: block; color: #fff; font-size: 14px;  font-weight: bold;}
.linklist dt a:hover { color: #bf0303; }
.linklist dd { height: auto; overflow: hidden; }
.linklist dd a { display: block; height: 25px; line-height: 25px; color: #fff; }
.linklist dd a:hover { color:#008896 }

.footer-contactbox{ float: left; width: 320px; color: #fff; }
.footer-contactbox p{padding-left:30px;position: relative;margin-bottom: 25px;}
.footer-contactbox p img{position: absolute;left: 0px;top: 0px;}

.footer-wechat{float: right;text-align: center;color: #666;}
.footer-wechat img{border-radius: 5px;width: 180px;margin-bottom: 10px;box-shadow: 3px 3px 5px rgba(0,0,0,.5);}

.footer-copyright{ line-height: 30px;font-size: 12px;color: #999;text-align: center;background-color: #222; padding: 10px 0; }
.footer-copyright a{ color: #ffffff }


.main{ float: right; width: 860px; }
.main-content{ float: left; width: 100%; display: block; font-size: 14px; line-height:30px; }
.main-content img{ max-width: 860px; height:auto; width:expression(this.width > 860 ? "860px" : this.width);}

.main-content .titles{ display:block; font-size:20px; line-height:50px; text-align:center; border-bottom:1px dashed #ccc;}
.main-content .date{ display:block; font-size:12px; line-height:30px; text-align:center; color:#999}

.article-nextprev{ float:left; width: 100%;  clear: both; display: block; margin-top:20px;}
.article-nextprev div{ width:100%; float:left; display: block; font-size: 14px;}
.article-nextprev a{ font-size: 14px; line-height: 30px;}

.certificate-list{ float: left; width: 100%; margin-top:20px; }
.certificate-list li{ float: left; width: 252px; margin: 10px 15px; }
.certificate-list li .img{ display: block; width: 250px; height: 250px; border: #cccccc solid 1px; overflow: hidden;}
.certificate-list li .img img{ width: 250px; height: 250px;  transition:all .4s;}
.certificate-list li span{ display: block; width: 252px; line-height: 40px; font-size: 18px; background: #5a5a5a; color: #ffffff; text-align: center;}
.certificate-list li a:hover img{ transform:scale(1.1,1.1); }
.certificate-list li a:hover span{ background:#008896  }

.partner-list{ float: left; width: 100%; margin-top:20px; }
.partner-list li{ float: left; width: 277px; margin: 10px 4px; }
.partner-list li .img{ display: block; width: 275px; height: 150px; border: #cccccc solid 1px; overflow: hidden;}
.partner-list li .img img{ width: 275px; height: 150px;  transition:all .4s;}
.partner-list li span{ display: block; width: 277px; line-height: 40px; font-size: 16px; background: #5a5a5a; color: #ffffff; text-align: center;}
.partner-list li a:hover img{ transform:scale(1.1,1.1); }
.partner-list li a:hover span{ background:#008896  }

.eq-list{ float: left; width: 100%; margin-top:20px; }
.eq-list li{ float: left; width: 252px; margin: 10px 15px; }
.eq-list li .img{ display: block; width: 250px; height: 250px; border: #cccccc solid 1px; overflow: hidden;}
.eq-list li .img img{ width: 250px; height: 250px;  transition:all .4s;}
.eq-list li span{ display: block; width: 252px; line-height: 40px; font-size: 18px; background: #5a5a5a; color: #ffffff; text-align: center;}
.eq-list li a:hover img{ transform:scale(1.1,1.1); }
.eq-list li a:hover span{ background:#008896  }


.news-list { float: left; width: 100%; margin-top: 20px; height: auto; overflow: hidden; }
.news-list li { width: 266px; height: 250px; float: left; position: relative; margin-left: 10px; margin-right: 10px;  margin-bottom: 30px; margin-top: 30px; background-color: #f7f7f7; }
.news-list li a { display: block; height: 250px; padding: 0 20px; color: #444; }
.news-list li a h3 { font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; margin-top: 80px; }
.news-list li a p { color: #777; line-height: 24px; }
.news-list li:hover a { color: #008896; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.news-list li:hover a .ntext { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #008896; }
.news-list li:hover a .ntext span { color: #fff; }
.news-list .ntext { position: absolute; left: 20px; top: -26px; z-index: 5; height: 94px; background-color: #646464; width: 87px; padding-right: 9px; text-align: right; color: #fff; }
.news-list .ntext b { font-weight: normal; display: block; font-size: 28px; line-height: 28px; padding: 28px 0 1px; }
.news-list .ntext span { display: block; font-size: 14px; color: #a4a4a4; }
.indexNewsBg { position: absolute; left: 0; bottom: -21px; z-index: 5; height: 21px; width: 100%; background: url(../images/yy.jpg) center no-repeat; }

.messagebg{ float: left; width:860px; margin-top: 30px; }
.mtit{font-size:40px;color: #008896;margin-bottom:20px;}
.note{color: #999;line-height: 20px; margin-bottom: 30px;background-color: #f5f5f5;padding: 15px;position: relative;}
.note a{color: #008896;}
.note b{font-size:60px;font-family: "黑体";line-height:1; color: #008896;position: absolute;left:5px;top:-14px;}
.note i{ color:#008896; font-size:16px;}

.message-box .message-item{display:block;background-color: #f5f5f5;border:1px solid #eee;transition:all ease-in .2s;overflow:hidden;margin-bottom:20px;}
.message-box .message-item input[type="text"],.message-box .message-item textarea{width:100%;height:100%;padding:15px;border:none;background-color:inherit;box-sizing:border-box;}
.message-box .checkbox{width: 300px;}
.message-box .message-item #checksn{width:200px;}
.message-box .message-item #checkimg{float:right;width:80px;height:auto;margin-right:8px;margin-top:8px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px;}
.message-box .message-item input[type="text"]:focus,.message-box .message-item textarea:focus{background-color:#fff;}
.message-box .btnbox{width:180px;height:40px;font-size: 16px;text-align:center;line-height:40px;color:#fff;cursor:pointer;border-radius:4px;background-color:#ff0000;transition:all ease-in .2s; border:none;}
.message-item:hover{border-color:#ddd;background-color:#fff;}
.message-box .btnbox:hover{background-color:#c60917;}


.faqbg{ float: left; width:800px; background: url(../images/faqbg.jpg) right top no-repeat; padding-right: 400px;}
.faqlist{border:1px solid #fff;margin-bottom:10px;}
.faqlist dt{color:#666;height:50px;line-height:50px;padding-left:20px;background:#f5f5f5; font-size: 14px; cursor:pointer;transition:all ease-out .3s;position:relative;}
.faqlist dt i { width: 30px;height: 30px;border: 1px solid #999;right: 30px;top: 50%;margin-top: -15px;position: absolute;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;-mz-border-radius: 50%;}
.jobbox dl.cur dt i:before {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);opacity: 0;filter: alpha(opacity=0);}
.faqlist dt i:before {content: "";width: 40%;height: 2px;background-color: #999;left: 50%;top: 50%;margin-top: -1px;margin-left: -20%;transition: All .2s ease-in-out;-webkit-transition: All .2s ease-in-out;-moz-transition: All .2s ease-in-out;-o-transition: All .2s ease-in-out;position: absolute;}
.faqbg dl.cur dt i:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.faqlist dt i:after {content: "";width: 2px;height: 40%; background-color: #999;left: 50%; top: 50%;margin-top: -20%;margin-left: -1px;transition: All .2s ease-in-out;-webkit-transition: All .2s ease-in-out;-moz-transition: All .2s ease-in-out;-o-transition: All .2s ease-in-out;position: absolute;}
.faqlist dt:hover{color:#ff0000;}
.faqlist dd{display:none;color:#999;line-height:2em;padding:20px;background-color:#fff;border-top:1px solid #eee;}
.faqbg dl.cur dt{color:#ff0000;background-color:#fff;}
.faqbg dl.cur{border-color:#ddd;}


.product-list{ float: left; width: 100%; margin-top: 30px;}
.product-list li{float: left; width: 402px;height:302px; margin: 0 14px;}
.product-list li a{display: block; width:400px;height: 300px;border: 1px solid #fff; overflow: hidden; position: relative;}
.product-list li .img{width: 400px;height: 250px;text-align: center; overflow: hidden;}
.product-list li .img img{width: 400px;;height: 250px; transition:all .4s;}
.product-list li .tit{ height:50px;font-size: 16px;line-height: 50px;text-align: center; padding:0 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition:all .3s;}
.product-list li .bg{width:400px;height: 50px;background-color: #008896; position: absolute;left: 0;bottom: -60px;z-index: 0;transition: all .2s;}
.product-list li .bg span{color: #fff;font-size: 16px;line-height: 52px;margin-left:40px; padding:0 10px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; transition:all .4s;}
.product-list li .bg i{width:50px;height: 50px;color: #fff;font-size: 40px; text-align: center;line-height: 50px; background-color: #333; position: absolute;right: 0;bottom: 0px;z-index:1;overflow: hidden; transition:all .4s;}
.product-list li a:hover{border-color: #ddd;}
.product-list li a:hover .tit{opacity: 0;}
.product-list li a:hover .bg{bottom:0px;}
.product-list li a:hover .bg span{margin-left:0px;}
.product-list li a:hover img{ opacity: .8; transform:scale(1.1,1.1);}

.proimgbox{ float:left; margin-left: 50px; width:750px; }

.swiper-product-pic{ float:left; width:750px; overflow:hidden; position:relative; margin-top:10px; }
.swiper-product-pic .swiper-slide{text-align: center;}
.swiper-product-pic .swiper-slide img{ display: block; width: 100%;}



.pageNavi { float:left; margin-top:20px; display:block; width: 100%; text-align: center; line-height:30px; font-size:12px; margin-bottom:10px;}
.wp-pagenavi { clear: both}
.wp-pagenavi a {border:#CCC solid 1px;padding:5px 10px; -moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;            /* W3C syntax */margin:0 3px;}
.wp-pagenavi a.absolutepage { background:#008896; color:#fff; border:#008896 solid 1px;}
.wp-pagenavi a:hover { background:#008896; color:#fff; border:#008896 solid 1px;}