/* ----------基本元素重置----------- */
html,body { font-family:"Microsoft YaHei","Arial"; font-size:14px; color:#313131; line-height:1.6; background: #eff3f8; }
html { overflow-x: hidden }
a:link { color:#313131; text-decoration:none; }
a:visited { text-decoration:none; color:#313131; }
a:hover { text-decoration:none; color:#1eb9ef; }
a:active { text-decoration:none; color:#313131; }
a img, img { border:none;vertical-align:middle; max-width:100%  } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
table{border-collapse:collapse;border-spacing:0;border:0;}
input, textarea, select, button, file { vertical-align:middle}
h1, h2, h3, h4, h5, h6 { font-weight:normal}
.bold { font-weight: bold}
.fl { float: left;}
.fr { float: right;}
.wow { visibility:hidden }

.overflow { overflow:hidden }
.clearfix,.clear{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }
.mt-30 { margin-top:3% !important }
.mb-30 { margin-bottom:3% !important }
.none { display:none }
.block { height:20px; clear:both }
.color { color:#1eb9ef; }
.transition { transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.wrapper,.container,.row { width: 1280px;margin: 0px auto; }
.row {  margin: 0px auto !important; position: relative;}
@media screen and (max-width: 1400px) {
.wrapper,.container,.row { width: 1200px; }
}
@media screen and (max-width: 1200px) {
.wrapper,.container { width: 1000px; }
}
.row { line-height:2} 
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #eee;
    white-space: nowrap;
	background:#eee;
    font-size: 14px;
    border-radius: 4px;
}
/* 单行省略号 */
.crop-text-1 {
  -webkit-line-clamp: 1;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* 两行省略号 */
.crop-text-2 {
  -webkit-line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.fa { 
  width:20px; 
  height:20px; 
  display:inline-block; 
  vertical-align:middle; 
  background-repeat:no-repeat; 
  background-position:center;
  background-size:100% auto
}
.fa-search { background-image:url(../images/icon-search.png); background-size:16px auto }
.fa-qq { background-image:url(../images/icon-qq.png); }
.fa-weixin { background-image:url(../images/icon-weixin.png); }
.fa-weibo { background-image:url(../images/icon-weibo.png); }
.fa-genderless {background-image:url(../images/icon-right.png); background-size:16px auto  }
.fa-angle-down {background-image:url(../images/icon-down.png); background-size:16px auto  }



/* 头部 */
.headerng { position:relative; height:100px; background:#fff;  }
.header { position:fixed; top:0; padding:20px 0; background:#fff; width:100%; z-index:99; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.header .logo { float:left }
.header .logo img { height:60px; }
.header .navbox { float:right }
.header .navbox ul li { float:left; margin-left:20px; line-height:60px; font-size:18px; margin-left:30px; }
.header .navbox ul li.active a { color:#1eb9ef }


/*底部*/
.footer { background:#fff; padding:3% 0; color:#94a5e1;  border-top:1px solid #eee; }
.footer .footer-contact { float:right; color:#777; width:300px; line-height:24px  }
.footer .footer-contact h3 a { font-size:16px; display:block; margin-bottom:15px; color:#004098 }
.footer .footer-contact h2 { color:#004098; font-size:28px; font-weight:bold; margin-bottom:20px }
.footer .footer-contact tr td { padding-bottom:5px; }
.footer .footer-contact tr th { font-weight:normal; width:70px; vertical-align:top; text-align: justify;
text-justify: inter-ideograph; /*为了兼容IE*/
text-align-last: justify;/* ie9*/
-moz-text-align-last: justify;/*ff*/
-webkit-text-align-last: justify;/*chrome 20+*/ }
.footer .footer-social { margin-top:20px }
.footer .footer-social a { display:inline-block; background:#bbb; width:40px; height:40px;line-height:40px; border-radius:40px; position:relative; text-align:center; font-size:20px; color:#fff; margin-right:20px; }
.footer .footer-social a .fa { margin-top:-5px }
.footer .footer-social a:hover { background:#1eb9ef }
.footer .footer-social .weixin img { max-width:none; width:180px; padding:5px; background:#fff; border-radius:5px; position:absolute; left:-80px; bottom:50px; display:none; -webkit-box-shadow: 0 0 15px rgba(100, 100, 100, .5); -moz-box-shadow: 0 0 15px rgba(100, 100, 100, .5); box-shadow: 0 0 15px rgba(100, 100, 100, .5); }
.footer .footer-social .weixin:hover img { display:block; }

.footer .footer-menu { float:left }
.footer .footer-menu ul li h3 a { font-size:16px; display:block; margin-bottom:15px; color:#004098 }
.footer .footer-menu ul li { float:left; margin-right:30px; min-width:130px; max-width:380px }
.footer .footer-menu ul li a { color:#777; }
.footer .footer-menu ul li dl dd { line-height:28px;}
.footer .footer-menu ul li.li1 dl dd { display:inline-block; float:left; width:50%; }
/*版权*/
.copyright { background:#004098; padding:10px 0; color:#94a5e1; border-top:1px solid #425599 }
.copyright .copyright-logo { float:left }
.copyright .copyright-logo img { height:73px; }
.copyright .copyright-text { float:right; line-height:70px; }
.copyright .copyright-text a { color:#94a5e1; }
/*.toTop{background:url('../images/to-top.png') center center no-repeat;width:48px;height:48px;border:0;}*/

 

/*栏目大图*/
.page-banner { position: relative; width:100%; height:400px; /*padding:9% 0;*/ box-sizing: content-box; background-color:#f4f4f4; background-size: cover; background-position:center; background-repeat:no-repeat; overflow:hidden }
.page-banner .wrapper { position: relative; height:400px; overflow:hidden  }
.page-banner-tit { position:absolute; bottom:40%; left:5%; line-height:1.4; color:#f3f3f3; -webkit-animation: columntit 2s; animation: columntit 2s; text-shadow: 0 2px 2px rgba(100,100,100,0.2); }
.page-banner-tit.color { color:#0b7cce; }
.page-banner-tit.color h3 { color:#0b7cce; }
.page-banner-tit.text-right { left:auto; right:5%; }
.page-banner-tit h3 { font-size:32px; text-transform:uppercase; position:relative; z-index:9; margin-bottom:5px; color:#fff; }
.page-banner-tit p { font-size:16px; text-transform:uppercase; position:relative; z-index:9 }
.page-banner-tit::after { position:absolute; left:30px; top:-35px;  display: inline-block;content: ""; width:50px; height:50px; vertical-align:middle; background-color:rgba(110,80,140,.2); border-radius:50px; }
.page-banner-tit::before { position:absolute; left:-40px; top:-30px; display: inline-block;content: ""; width:100px; height:100px; vertical-align:middle; background-color: rgba(30,185,240,.2); border-radius:50px; }
@-webkit-keyframes columntit {
	0% { bottom: 60%; opacity: 0; }
	100% { bottom: 40%; opacity: 1;}
}
@keyframes columntit {
	0% { bottom: 60%; opacity: 0;}
	100% { bottom: 40%; opacity: 1;}
}
@media screen and (max-width: 1400px) {
.page-banner { height:350px; }
}
@media screen and (max-width: 1200px) {
.page-banner { height:300px; }
}


/*栏目导航*/
.page-nav { height:56px; line-height:58px; background:#fff;  border-bottom:1px solid #eee; overflow:hidden }
.page-nav ul { float:left; width:70%; height: 58px; overflow:hidden; background:#fff }
.page-nav.opened { height:auto; padding-bottom:10px; }
.page-nav.opened ul { height:auto; }
.page-nav ul li { float:left; margin-right:4%; font-size:16px; height:56px;}
.page-nav ul li a { display:block; height:55px; }
.page-nav ul li.active a { border-bottom:1px solid #1eb9ef; color:#1eb9ef }
.page-nav-more i { border:1px solid #ccc; padding:1px 3px; border-radius:2px; }
.page-nav-more.open i { transform: rotate(180deg); }
/*面包屑*/
.breadcrumb { float: right; background:url(../images/icon-home.png) no-repeat center left; color:#777; padding:0 0 0 20px !important; }
.breadcrumb li { display:inline-block }
.breadcrumb li a { color:#777 }
.breadcrumb li.breadcrumb-item::before { display:inline-block; content: ""; width:16px; height:12px; vertical-align: middle; background:url(../images/icon-right.png) center left no-repeat; }
/*栏目名*/
.page-title { margin-bottom:3%; color:#444; line-height:1.6; text-align:center; }
.page-title h3 { font-size:30px; font-weight:bold; line-height:1.6; }
.page-title h3::after { display: block; content: ""; width:60px; height:2px; background:#1eb9ef; margin:3px auto; }
.page-title.text-left { text-align:left }
.page-title.text-left h3::after { margin:3px 0 }
.page-title p { color:#666; font-size:17px; margin:10px auto }


 


.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 70%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom span:hover {webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }
	
	
/*--------------- 首页 -----------------*/

/*banner*/
.banner{width:100%;height: auto;overflow:hidden;position:relative; background:#f4f4f4 }	
.banner .swiper-container.swiper-banner { position: relative; max-height:695px; }
.swiper-banner .swiper-slide { background:#fff }
.swiper-banner .swiper-slide video {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0;
	bottom:0;
    object-fit: cover;
}
.banner .swiper-container .ban_video img,.banner .swiper-container .ban_video .detail { display:none }
.swiper-banner .swiper-slide img { filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; }
.swiper-banner .swiper-slide.swiper-slide-active img { filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; }

.banner .swiper-container-horizontal > .swiper-pagination-bullets { width:100%; text-align:center; bottom:30px; }
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background:#fff }
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.05,1.05) translate(3%,3%); }
100%{transform:scale(1.05,1.05)  translate(-3%,-3%);}}
@keyframes leftUp{
0%{transform:scale(1.05,1.05) translate(3%,3%);}
100%{transform:scale(1.05,1.05)  translate(-3%,-3%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.05,1.05) translate(-3%,0); }
100%{transform:scale(1.05,1.05)  translate(3%,0);}}
@keyframes moveRight{
0%{transform:scale(1.05,1.05) translate(-3%,0);}
100%{transform:scale(1.05,1.05)  translate(3%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.05,1.05) translate(0,-3%); }
100%{transform:scale(1.05,1.05)  translate(0,3%);}}
@keyframes moveDown{
0%{transform:scale(1.05,1.05) translate(0,-3%);}
100%{transform:scale(1.05,1.05)  translate(0,3%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.05,1.05);}}
@keyframes centerBig{
100%{transform:scale(1.05,1.05);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.05,1.05) translate(1%,3%);}}
@keyframes rightDownBig{
100%{transform:scale(1.05,1.05) translate(1%,3%);}}

/*.swiper-banner .swiper-slide img{
	width:105%;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}	*/
.swiper-banner .swiper-slide .detail{
	text-align:center;
	position:absolute;
	width:50%;
	left:25%;
	top:50%;
	height: auto;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	opacity:0;
    transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  
}
.swiper-banner .swiper-slide-active .detail{
	top:40%;
	opacity:1;
}
.swiper-banner .swiper-slide-active .detail h2 { font-size:36px; font-weight:bold; margin-bottom:15px; }

	
	
.imore a { display:block; margin:30px 0; width:200px; border-radius:30px; height:42px; line-height:42px; background-color:#1fb8f1; color:#fff; text-align:center; font-size:16px;
 background-image:url(../images/icon-next.png); background-repeat:no-repeat; background-position:80% center }
.imore a:hover { background-color:#1aa5d8; }

/*关于我们*/
.iabout-txt { width:100%; padding:5% 0 4% 0; line-height:30px; font-size:16px; position:relative; text-align:center; background:#fff }
.iabout-txt .tit { font-size:30px; color:#1eb9ef; text-transform: capitalize; font-weight:bold; }
.iabout-txt .txt { margin:20px auto}
.iabout-info { padding:30px; border-top:1px solid #ddd; margin-top:30px }
.iabout-info ul li { float:left; width:25%; text-align:center; color:#555 }
.iabout-info ul li img { max-width:80px; }
.iabout-info ul li:hover img { transform:rotateY(180deg); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  } 
.iabout-info ul li i { font-size:48px; color:#1eb9ef; font-style:normal; font-weight:bold; line-height:1; vertical-align:middle;font-family:"Century Gothic"; }
.iabout-info ul li sup {font-size:28px; color:#1eb9ef; font-weight:bold;vertical-align:middle }
.iabout-info ul li b {font-size:18px; color:#666; font-weight:normal; margin-left:5px; vertical-align: bottom }
.iabout-info ul li p { margin:5px auto}

.iabout { width:100%; padding:4% 0 2% 0; line-height:30px; font-size:16px; position:relative; background:#f4f4f2 }
.iabout .wrapper { background:#fff }
.iabout-l { width:38%; padding:4% 4%; float:left; color:#555; }
.iabout-l>h3 { font-size:26px; color:#1fb8f1; margin-bottom:20px; }
.iabout-l>h3::after { display: none;content: ""; width:65px; height:2px; background:#aaa; margin:3px }
.iabout-l .imore a { margin:30px 0 0 0 }
.iabout-r { width:54%; float:left; background:#fff }
.iabout-r img { width:100%; }

.iabout-list { margin-bottom:3% }
.iabout-list ul .li { width:32%; float:left; margin-right:2%; margin-bottom:30px; background:#fff; overflow:hidden }
.iabout-list ul .li.li16 { display:none }
.iabout-list ul .li.li17 { width:100%; margin-right:0 }
.iabout-list ul .li.li17 .zoom { padding-bottom:25%; background:#004098 }
.iabout-list ul .li.li20 { margin-right:0 }
.iabout-list ul .li .txt { padding:20px 100px 20px 20px; position:relative }
.iabout-list ul .li .txt h3 { font-size:18px; font-weight:bold; margin-bottom:5px; color:#444 }
.iabout-list ul .li .txt p { font-size:15px; color:#666 }
.iabout-list ul .li .txt .more { display:block; position:absolute; top: 42px; right:20px; z-index:99; width:60px; height:30px; color:#fff; font-size:18px; border:1px solid #999; border-radius:20px; background-image:url(../images/icon-more1.png); background-size:35px auto; background-position:center; background-repeat:no-repeat }
.iabout-list ul .li:hover .txt .more { border:1px solid #1eb9ef; background-image:url(../images/icon-more.png);  }




.coursebox { width:90%; height:200px; overflow:hidden; position: absolute; left:5%; top:15%; z-index:99; display:block }
.coursebox ul{ position:absolute; left:0; top:0;}
.coursebox ul li{ float:left; width:200px; padding:0px 30px 0 30px; color:#fff; line-height:1.6; border-top:1px solid #fff; margin-top:20px; }
.coursebox ul li h3 { font-size:20px; margin-bottom:10px; position:relative; padding-top:15px;  }
.coursebox ul li h3:before { content: "";display: block; width:10px; height:10px; background:#fff; border-radius:10px; position:absolute; left:0; top:-5px; }
.iabout-list ul .li.li17:hover .zoom span { filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4; }
.iabout-list ul .li.li17:hover .coursebox { display:block }
.iabout-list ul .li.li17:hover .coursebox ul li { border-top:1px solid #F63; }
.iabout-list ul .li.li17:hover .coursebox ul li h3:before { background:#F63; }

/*新闻动态*/
.index-news { padding:6% 0 5% 0; background:#fff }
.index-news .wrapper { position:relative }
.index-news-list { width:27%; padding-right:2%; float:left; font-size:16px; min-height:200px; border-right:1px solid #ddd; }
.index-news-list ul { margin:20px auto }
.index-news-list ul li { padding:15px 0; border-top:1px dashed #ccc; font-size:14px; color:#666 }
.index-news-list ul li h3 { line-height:1.4; font-weight:bold; margin-bottom:5px; font-size:16px; }
.index-news-list .imore a { width:60%; height:42px; line-height:42px; margin:0; margin-top:50px }
.index-news .swiper-index-news { width:68%; float:right; }
.index-news .swiper-index-news .swiper-slide { background:#fff; }
.index-news .swiper-index-news .swiper-pagination { position:relative; bottom:-3px }
.index-news .swiper-index-news .swiper-pagination .swiper-pagination-bullet { width:20px; height:5px; border-radius:3px; }
.index-news .swiper-index-news .swiper-slide .txt { padding:20px 5px; color:#666; min-height:160px; position:relative }
.index-news .swiper-index-news .swiper-slide .txt h3 { font-size:16px;font-weight:bold; color:#333 }
.index-news .swiper-index-news .swiper-slide .txt p { margin:10px 0 }
.index-news .swiper-index-news .swiper-slide .txt .date { color:#1fb8f1; font-size:16px; }
.index-news .swiper-index-news .swiper-slide .txt .date b { font-size:34px; display:block; line-height:1 }
.index-news .swiper-index-news .swiper-slide .txt .more { float:right; display: inline-block; height:20px; width:100px; font-size:0; background:url(../images/icon-more.png) no-repeat center right;  }
 

/*产品*/
.index-product { padding:6% 0; background:#e6e6e6 }
.index-product .wrapper { position:relative }
.index-product-search { width:23%; float:left; font-size:16px; min-height:200px; }
.index-product-search .search-box { margin:20px auto }
.search-box { position:relative; overflow:hidden;  }
.search-box .search-box-input { position:relative; overflow:hidden; border-radius:50px; margin-top:20px }
.search-box input { width:100%; height:38px; line-height:38px; border: none; color:#444; text-indent:15px; border-radius:50px; overflow:hidden; border:1px solid #fff; background:#fff }
.search-box button { height:40px; line-height:40px; padding:0 20px; border: none; background:#1fb8f1; color:#fff; border-radius:50px; position:absolute; right:0; top:0; cursor:pointer; font-size:16px;  }

.search-box select { width:49%; margin-top:10px; border:1px solid #eee; border-radius:30px; height:40px; line-height:40px; padding:0px 10px; line-height:40px; color:#666; }
 
.index-product-search .search-keyworks { font-size:14px; margin:0 15px; color:#999 }
.index-product-search .search-keyworks h4 { color:#666; margin-bottom:5px; }
.index-product-search .search-keyworks a { display:inline-block; margin-right:10px }
.index-product-search .imore a { width:70%; height:42px; line-height:42px; margin:0; margin-top:50px }
.index-product .swiper-index-product { width:73%; float:right; position:static }
.index-product .swiper-index-product .swiper-slide { background:#fff; }
.index-product .swiper-index-product .swiper-slide .zoom { padding-bottom:110% }
.index-product .swiper-index-product .swiper-slide .txt { padding:20px 10px; color:#666; position:relative; text-align:center }
.index-product .swiper-index-product .swiper-slide .txt h3 { font-size:16px;font-weight:bold; color:#333 }
.index-product .swiper-index-product .swiper-slide::after { display: block;content: ""; width:0; padding:0px 10%; height:3px; background:#1fb8f1; position:absolute; bottom:0; left:40%; }
.index-product .swiper-index-product .swiper-slide:hover::after { padding:0 50%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }


/*案例*/
.index-case { padding:4% 0 10%; background:#004098; position:relative }
.index-case .page-title { color:#fff }
.index-case .page-title h3::after { background:#ddd; }
.index-case .page-title p { color:#fff }
.index-case .swiper-index-case.swiper-container { position:static; text-align:center; }

.index-case .swiper-index-case .swiper-slide { position:relative; }
.index-case .swiper-index-case .swiper-slide h5 { display: block; height:6px; width:100%; margin:10px 0; background:#1eb9ef; position:relative }
.index-case .swiper-index-case .swiper-slide h5::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
	margin-left:-8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #1eb9ef;
}
.index-case .swiper-index-case .swiper-slide a { display:block; } 
.index-case .swiper-index-case .swiper-slide .zoom { padding-bottom:120%;  }
.index-case .swiper-index-case .swiper-slide .zoom span { background-size:100% auto }
.index-case .swiper-index-case .swiper-slide .txt { position:absolute; left:0; top:0; padding:40px; color:#fff; text-align:left }
.index-case .swiper-index-case .swiper-slide .txt b { display:inline-block; margin-bottom:20px; line-height:1.4; font-size:40px; border-bottom:2px solid #fff }

/*.index-case .swiper-index-case .swiper-slide.swiper-slide-duplicate a { filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; } */

.index-case .swiper-button-prev,.index-case .swiper-button-next { top: auto; bottom:9%; left:50%; margin-left:15px; z-index:99; width:80px; height:35px; color:#fff; font-size:20px; border:1px solid #fff; border-radius:20px; background:url(../images/icon-next.png) no-repeat center; }
.index-case .swiper-button-next { left:auto; right:50%; margin-right:15px; background:url(../images/icon-prev.png) no-repeat center;  }
.index-case .swiper-button-prev:hover,.index-case .swiper-button-next:hover { background-color:#1fb8f1; border-color:#1fb8f1 }

.index-case.case-nav { padding:8% 0 4% 0; }
.index-case.case-nav .swiper-button-prev,.index-case.case-nav .swiper-button-next { top:12%; bottom:auto; left:50%; margin-left:15px; }
.index-case.case-nav .swiper-button-next { left:auto; right:50%; margin-right:15px;}


/*友情链接*/
.index-links { position:relative; margin-top:3%; margin-left:110px; padding:1px 0px 1px 20px; border-left:1px solid #ccc; }
.index-links span { position:absolute; left:-100px; top:50%; margin-top:-14px; font-size:18px; }
.index-links a { color:#666; display:inline-block;  margin:10px 10px 10px 0; }
.index-links a:hover { color:#1eb9ef; }
.index-links a:after { content: "|";display: inline-block; margin-left:12px; color:#999; }
.index-links a:last-child:after { display: none }




 
/*关于我们*/
.about_title { font-size:28px; color:#0669be; border-bottom:1px solid #ccc; height:56px; width:50%; margin:40px 0; }
.about_left { width:50%; float:left; }
.about_right { width:46%; float:right; }
.about_right img { max-width:100% }

.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}



/*联系我们*/
.contact h3 { font-size:22px; font-weight:bold ; margin-bottom:20px; }
.contact li { position:relative; width:31%; float:left; background:#1eb9ef; color:#fff; margin:10px 3.5% 10px 0; min-height:110px; box-sizing:border-box; padding:40px 20px 20px 25px; font-size:15px; }
.contact li .fa { display: inline-block;content: ""; width:50px; height:50px; background:#fff; border:1px solid #1eb9ef; position:absolute; left:10%; top:-23px; border-radius:50px; background-repeat:no-repeat; background-position:center; }
.contact li.con-add .fa { background-image:url(../images/con1.png) }
.contact li.con-tel .fa { background-image:url(../images/con2.png) }
.contact li.con-site .fa { background-image:url(../images/con3.png) }
.contact li.con-wx .fa { background-image:url(../images/con4.png) }
.contact li.con-site { margin-right:0 }

.contact-map { background:#fff;margin:3% auto 5% auto }
.contact-map #map { float:left; width:64%; }
.contact-map .contact-map-info .page-title h3 { font-weight:normal; color:#1eb9ef; margin-bottom:30px; }
.contact-map .contact-map-info { float:right; width:30%; margin:30px 3%; font-size:17px; color:#555 }
.contact-map .contact-map-info p { margin-top:10px; }

.feedback { margin:2% auto; padding:4% 0; background:url(../images/feedback.jpg) no-repeat bottom center; background-size:cover }
.feedback input {}
.feedback-l { width:50%; float:left; color:#fff }
.feedback-l .page-title h3 { color:#fff; margin-bottom:30px; }
.feedback-l .page-title p { color:#fff }
.feedback-r { width:30%; padding:30px 3%; float: right; background:#fff }

.feedback-r form .form-input { margin-bottom:10px; }
.feedback-r form input { width:100%; height:40px; line-height:40px; border:none; border-bottom:1px solid #ddd  }
.feedback-r form input#_chkcode { width:60% }
.feedback-r form textarea { width:100%; border:none; border-bottom:1px solid #ccc; padding:10px 0; font-family:"Microsoft YaHei","Arial"; }
.feedback-r form .btn { display:block; width:60%; margin:20px auto 0 auto; border-radius:30px; background:#1eb9ef; color:#fff; border-bottom:none }
.form-input table,.form-group table { width:100% }

/*加入我们*/ 
.join { margin:3% auto }
.join-con { font-size:16px; color:#666; margin:10px auto 40px auto; text-align:center }
.join-list ul li { width:49%; float:left; background:#fff; margin-bottom:2%; }
.join-list ul li:nth-of-type(2n) { margin-left:2% }
.join-list ul li .txt { padding:20px; color:#666; min-height:120px; position:relative;}
.join-list ul li .txt span {}
.join-list ul li .txt h3 { font-size:18px; font-weight:bold; color:#444; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; }
.join-list ul li .txt p { line-height:2 }
.join-list ul li .txt .more { float:right; background:#1eb9ef; color:#fff; font-size:14px; font-weight:normal; padding:6px 20px; border-radius:20px; }

.reveal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000;display:none;top:0;left:0;}
.join-txt .close-reveal {font-size:30px;line-height:.5;position:absolute;top:20px;right:20px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.join-txt { background:#fff }
.join-txt h2 { font-size:22px;color:#1eb9ef; }
.join-txt h3 { font-size:14px;color:#666; border-bottom:1px solid #ddd; margin-bottom:15px; padding-bottom:10px; line-height:2 }
.join-txt h3 span { margin-right:20px; }



/*新闻动态*/
.news-box .wrapper { position:relative; margin-bottom:140px; }
.news-box .swiper-news { position:static;  }
.news-box .swiper-news .swiper-slide { background:#fff; }
.news-box .swiper-news .swiper-slide .txt { padding:20px 20px 10px 20px; color:#666; min-height:120px; position:relative }
.news-box .swiper-news .swiper-slide .txt h3 { font-size:18px; height:55px; overflow:hidden; font-weight:bold; color:#333 }
.news-box .swiper-news .swiper-slide .txt p { margin:10px 0 }
 

.news-box .swiper-news .swiper-slide .txt .date { color:#1fb8f1; font-size:16px; }
.news-box .swiper-news .swiper-slide .txt .date b { font-size:34px; display:block; line-height:1 }
.news-box .swiper-news .swiper-slide .txt .more { float:right; display: inline-block; height:20px; width:100px; font-size:0; background:url(../images/icon-more.png) no-repeat center right;  }
 

.news-box .swiper-button-prev,.news-box .swiper-button-next { margin-top:40px; top:100%; left:42%; z-index:99; width:80px; height:35px; background-color:#1eb9ef; background-position:center; background-repeat:no-repeat; background-size:auto; color:#fff; font-size:20px; border:1px solid #1eb9ef; border-radius:20px; background-image:url(../images/icon-prev.png); }
.news-box .swiper-button-next { left:auto; right:42%; background-image:url(../images/icon-next.png);  }
.news-box .swiper-button-prev:hover,.news-box .swiper-button-next:hover { background-color:#1fb8f1; }

.news-box-list ul li { width:23%; float:left; background:#fff; margin-right:2.5%; margin-bottom:3%; }
.news-box-list ul li:nth-of-type(4n) { margin-right:0 }
.news-box-list ul li .txt { padding:20px; color:#666; min-height:150px; position:relative }
.news-box-list ul li .txt span { color:#1fb8f1; }
.news-box-list ul li .txt h3 { height:55px; overflow:hidden; font-size:17px; font-weight:bold; color:#444; margin-bottom:5px }
.news-box-list ul li:hover .txt h3 { color:#1fb8f1 }
.news-box-list ul li .txt p { height:65px; overflow:hidden; margin-top:20px }


/*新闻列表*/
.news-left { float:left; width:72%; } 
.news-right { float:right; width:25%;  } 
.news-list ul li { background:#fff; padding:3%; margin-bottom:3%; }
.news-list ul li:nth-of-type(3n) { }
.news-list ul li .pic { width:30%; float:left }
.news-list ul li .zoom {   }
.news-list ul li .txt { width:67%; float:right; color:#777; min-height:150px; font-size:16px; position:relative; }
.news-list ul li .txt.txt100 { width:100%; float:left; }
.news-list ul li .txt span { font-size:15px; margin-right:15px; }
.news-list ul li .txt h3 { font-size:20px; font-weight:bold; color:#444; margin:8px 0 }
.news-list ul li:hover .txt h3 { color:#1fb8f1 }
 
.news-right h3 { font-size:20px; font-weight:bold; color:#555; position:relative; margin-bottom:10px; }
.news-right h3 span { position:relative; padding-right:15px; background:#fff; z-index:9 }
.news-right h3::before { display: inline-block;content: ""; width:100%; height:2px; background:#eee; position:absolute; left:0; top:50%;  }
.news-search { position:relative; padding:25px; background:#fff }
.news-search input { width:100%; height:40px; line-height:40px; border: none; color:#444; text-indent:15px; overflow:hidden; border:1px solid #fff; background:#f0f4f7; margin:20px auto }
.news-search button { display:block; height:40px; line-height:40px; width:100%; border: none; background:#1fb8f1; color:#fff; border-radius:50px; cursor:pointer; font-size:16px;  }

/*新闻详情*/
.news-con { background:#fff; padding:20px; margin-bottom:20px; font-size:15px; line-height:1.8 } 
.news-tit { font-size:20px; font-weight:bold; text-align:center }
.news-desc {color:#888; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px; text-align:center }
.news-desc small { display:inline-block; font-size:14px; margin-right:15px; line-height:18px; }
.news-alike { background:#fff; padding:20px; } 
.news-alike ul li { line-height:30px; height:30px; overflow:hidden } 
 
.page-prev-next { margin:20px auto; font-size:16px; color:#555; text-align:center }
.page-prev-next>p { display:inline-block; font-size:0; margin:8px; }
.page-prev-next a,.page-prev-next span { display:block; width:30px; padding:3px 28px; background-color:#1eb9ef; background-position:center; background-repeat:no-repeat; color:#555; height:30px; line-height:30px; border-radius:30px; }
.page-prev-next span { background-color:#ccc; }
.page-prev a,.page-prev span { background-image:url(../images/icon-prev.png); }
.page-next a,.page-next span { background-image:url(../images/icon-next.png); }
.page-back a,.page-back span { background-image:url(../images/icon-back.png); }
 
 

/*发展历程*/
.course { padding:20px 0; background:#f1f1f1 url(../images/coursebg.jpg) no-repeat center top; position: relative; }
.course_list { background:url(../images/localine.png) repeat-y 50%; position: relative; }
.course_list ul li  { height:auto; position:relative; margin-bottom:20px; font-size:16px }
.course_list ul li .pic { width:45%; float:left }
.course_list ul li .pic img { max-width: 60%; max-height:240px; }
.course_list ul li:nth-of-type(2n) .pic { text-align:right }
.course_list ul li .con { width:45%; padding-left:5%; float: right; position:relative }
.course_list ul li .con>i { display:block; width:30px; height:30px; line-height:30px;  background:url(../images/quan.png) no-repeat center; position: absolute; left:-15px; top:5px }
.course_list ul li .con h3 {  background:url(../images/redbg.png); margin-bottom:10px; font-size:28px; font-weight:bold }
.course_list ul li .con>i::after { display: block; content: ""; width:40px; height:1px; background:#1eb9ef; position:absolute; left:28px; top:15px; }

/*企业文化*/
.culture .row-list { margin:3% auto }
.culture .row-list .row { padding:3%; background:#fff; }
.culture .row .col h3 { font-size:24px; font-weight:bold; color:#333 }
.culture .row .col h3::after { display: block; content: ""; width:60px; height:2px; background:#1eb9ef; margin:13px auto; }
.culture .row .col.col-lg-6 h3::after {  margin:13px 0;}

.culture .row .col li {}
.culture .row .col li {  margin:4px 0; }
.culture .row .col li::before { display: inline-block; vertical-align:middle; content: ""; width:8px; height:8px; background:#1eb9ef; border-radius:10px; margin:0 15px; }
 



/*荣誉列表*/
.honor-list ul li { width:31%; float:left; background:#fff; margin-right:3.5%; margin-bottom:3%; }
.honor-list ul li:nth-of-type(3n) { margin-right:0 }
.honor-list ul li a { display:block; padding:20px; }
.honor-list ul li .zoom { padding-bottom: 110%; }
.honor-list ul li .txt { padding:18px; color:#666; height:40px; position:relative; text-align:center; overflow:hidden }
.honor-list ul li .txt h3 { font-size:18px; color:#444; }

.honor-box { padding:5% 0; background:#004098; color:#ddd } 
.honor-box .page-title { color:#fff }
.honor-box ul li { width:40%; float:left; margin:5px 5%; font-size:16px }

/*列表*/
.list-list { margin:5% auto }
.list-list ul li { position:relative; width:31%; float:left; background:#fff; margin-right:3.5%; margin-bottom:3%; }
.list-list ul li:nth-of-type(3n) { margin-right:0 }
.list-list ul li .zoom { padding-bottom: 70%; }
.list-list ul li .txt { padding:15px 20px; color:#666; min-height:60px; position:relative; text-align:center }
.list-list ul li .txt span {}
.list-list ul li .txt h3 { font-size:18px; color:#444; margin:5px 0 }
.list-list ul li:hover .txt h3 { color:#1eb9ef }
.list-list ul li::after { display: block;content: ""; width:0; padding:0px 10%; height:3px; background:#1fb8f1; position:absolute; bottom:0; left:40%; }
.list-list ul li:hover::after { padding:0 50%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }


.case-good { padding:3% 0; background:#fff }
.case-good ul li { border:1px solid #ddd; margin:10px 1.333% 10px 0; float:left; width:24%; font-size:16px; box-sizing:border-box; background:#f7fcff; border-radius:30px; text-align:center; height:50px; line-height:50px; overflow:hidden; }
.case-good ul li:nth-of-type(4n) { margin-right:0 }




/*视频*/
.video-list ul li::after { display: none;}
.video-list ul li .txt { min-height:auto; } 
.video-list ul li .zoom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity 300ms linear;
    background: url(../images/video-play.png) no-repeat center rgba(0,0,0,.3);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s;
}
.video-list ul li:hover .zoom:after {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
 

/*客户服务*/
.bbs-list li { width:23%; margin-right:2.666%; float:left; text-align:center }
.bbs-list li:nth-of-type(4n) { margin-right:0 }
.bbs-list li .zoom { padding-bottom: 130%; }
.bbs-list li h3 { position:absolute; left:0; right:0; top:45%; z-index:99; color:#fff; font-size:20px; }
/*.bbs-list li h3::after { display: block; content: ""; width:60px; height:2px; background:#1eb9ef; margin:10px auto; }*/


/*客户服务*/
.service-list { padding:4% 0;}
.service-list4 { background:#eff3f8 }
.service-list .row { line-height:2.; font-size:15px; color:#555; position:relative } 
.service-list2 { background:-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#fff)); color:#fff;  }
.service-list2 .page-title { color:#fff }
.service-list2 .page-title p { font-size:36px; color:#fff; }
.service-list2 .note { font-size:20px; }
.service-list2 .col.col-sm-12 { position:relative; margin-top:30px; }
.service-list2 .col.col-sm-12::before { display: block; content: "1"; width:60px; height:60px; line-height:50px; background:#fff; border:3px solid #1eb9ef; position:absolute; left:50%; margin-left:-32px; top:-31px; z-index:88; text-align:center; font-size:32px; color:#1eb9ef; border-radius:60px; font-weight:bold }
.service-list2 .col.col-sm-12:nth-of-type(2)::before { content: "2"; }
.service-list2 .col.col-sm-12:nth-of-type(3)::before { content: "3"; }
.service-list2 .col.col-sm-12:nth-of-type(4)::before { content: "4"; }
.service-list2 .col.col-sm-12 .wow { position:relative; padding:40px 20px; font-size:14px; height:450px; overflow-y:scroll }
.service-list2 .col.col-sm-12 .wow h3 { font-size:18px;}
.service-list2 .col.col-sm-12 .wow h3::after { display: block; content: ""; width:60px; height:2px; background:#fff; margin:15px auto; }
/*定义滚动条*/  
.service-list2 .col .wow::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #36c0f1;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.service-list2 .col .wow::-webkit-scrollbar-track  
{  
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
    border-radius: 10px;  
    background-color: #36c0f1;  
}  
  
/*定义滑块 内阴影+圆角*/  
.service-list2 .col .wow::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);  
    background-color: #72d3f6;  
} 

 
/*技术中心*/
.jishu-list { padding:4% 0; }
.jishu-list1 { background:#fff url(../images/jishu1.jpg) no-repeat right top; }
.jishu-list2 { background:url(../images/jishu2.jpg) no-repeat center top; }
.jishu-list3 { background:#fff url(../images/jishu3.jpg) no-repeat right bottom; }
.jishu-list .con li {  margin:4px 0; }
.jishu-list .con li::before { display: inline-block; vertical-align:middle; content: ""; width:6px; height:6px; background:#1eb9ef; border-radius:10px; margin:0 10px; }
.jishu-list2 .con .col.col-lg-7 { height:440px; overflow-y:scroll }
.jishu-list2 .page-title p { color:#666 }
/*定义滚动条*/  
.jishu-list .con .col.col-lg-7::-webkit-scrollbar  
{  
    width: 6px;  
    height: 6px;  
    background-color: #e8e9ed;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.jishu-list .con .col.col-lg-7::-webkit-scrollbar-track  
{  
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
    border-radius: 10px;  
    background-color: #e8e9ed;  
}  
  
/*定义滑块 内阴影+圆角*/  
.jishu-list .con .col.col-lg-7::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #a5b5cc;  
}  


/*案例*/
.case { background:#fff; padding:20px 30px 30px 30px; margin-bottom:30px }
.case .tit { padding-bottom:5px; border-bottom:2px solid #eee; position:relative; font-size:16px; color:#666; margin-bottom:20px }
.case .tit h3 { font-size:20px; font-weight:bold; color:#222; margin:5px 0 }
.case .tit h3:after { content: "";display: inline-block; height:2px; width:100px; background:#1eb9ef; position:absolute; left:0; bottom:-2px; }

 
.case-l .case-pic { margin:20px auto }
.case-l .case-pic li { width:48%; float:left; text-align:center; margin:20px 0 0 0 }
.case-l .case-pic li:nth-of-type(2n) { margin-left:4% }
.case-l .case-pic li p { margin:6px 0 0 0; }



/*-------------- 产品中心 ---------------*/
.pro-bg { background:#eef9ff url(../images/probg.jpg) no-repeat center top; background-size:100% auto; }
.pro_list .page-back { float:right; margin-top:-85px; display:block; width:30px; padding:2px 22px; background-color:#1eb9ef; background-position:center; background-repeat:no-repeat; font-size:0; height:30px; line-height:30px; border-radius:30px; background-image:url(../images/icon-back.png); background-size:20px auto  }
.pro_list ul li { position:relative; width:23%; height: auto; float:left; margin:20px 2.666% 20px 0; text-align:center; overflow:hidden; background:#fff }
.pro_list ul li .zoom { padding-bottom:110% }
.pro_list ul li .zoom span { background-position: center; background-repeat: no-repeat;  background-size: auto 100%;}
.pro_list ul li:nth-of-type(4n) { margin-right:0 }
.pro_list ul li>a { display:block; position:relative; overflow:hidden; text-align:center; vertical-align:middle; background:#fff }
.pro_list ul li .pic_bg { width:0; height:0; background:#fff; position:absolute; top:50%; left:50%; z-index:0}
.pro_list ul li:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.20; filter:alpha(opacity=20);/*支持 IE 浏览器*/ -moz-opacity:0.20;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=20);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}
.pro_list ul li .pic_more { width:60px; height:60px;  position:absolute; top:100%; left:50%; margin-left:-30px; z-index:11 }
.pro_list ul li:hover .pic_more { top:40%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/pmore.png) no-repeat bottom center; }
.pro_list ul li .txt { padding:15px 20px; min-height:30px; overflow:hidden; }
.pro_list ul li .txt h3 { font-size:16px; }

.pro_tab { margin:2% auto; width:90% }
.pro_tab ul li { position:relative; width:27.33%; height: auto; float:left; margin:20px 3% 20px 3%; text-align:center; background:#fff; }
.pro_tab ul li:nth-of-type(3n) { }
.pro_tab ul li a { display:block; padding:8px; cursor:pointer }
.pro_tab ul li .zoom { padding-bottom:110%; background:#fff }
.pro_tab ul li .zoom span { background-position: center; background-repeat: no-repeat; }
.pro_tab ul li .txt { position:relative; padding:15px; font-size:18px; } 
.pro_tab ul li.hit { background:#1eb9ef;}
.pro_tab ul li.hit .txt { background:#1eb9ef; color:#fff; } 
.pro_tab ul li.hit::before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -10px;
	margin-left:-8px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #1eb9ef;
}


 
.pro_index { display:none; padding: 3% 0 3% 0 }
.pro_index ul li { position:relative; width:23%; height: auto; float:left; margin:20px 2.666% 20px 0; text-align:center; background:#fff }
.pro_index ul li .zoom { padding-bottom:110% }
.pro_index ul li .zoom span { background-position: center; background-repeat: no-repeat;  background-size: auto 100%; }
.pro_index ul li:nth-of-type(4n) { margin-right:0 }
.pro_index ul li>a { display:block; position:relative; overflow:hidden; text-align:center; vertical-align:middle; padding-bottom:40px }
.pro_index ul li::after { display: block;content: ""; width:0; padding:0px 10%; height:3px; background:#1fb8f1; position:absolute; bottom:0; left:40%; }
.pro_index ul li:hover::after { padding:0 50%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  }
.pro_index ul li:hover .zoom { background:#555 }
.pro_index ul li:hover .zoom span { filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.pro_index ul li .txt { position:absolute; bottom:0; left:0; right:0; height: auto; padding:15px 20px 10px 20px; font-size:13px; background:#fff; border-top:1px solid #e5e5e5; color:#555; text-align:left; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; overflow:hidden; }
.pro_index ul li .txt h3 { font-size:20px; text-align:center; margin-bottom:5px; }
.pro_index ul li .txt dl { height:0; overflow:hidden; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }
.pro_index ul li .txt dl dd { width:48%; float:left; text-align:left; margin:6px 2% 6px 0; }
.pro_index ul li:hover .txt dl { height:150px; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; } 






/*产品筛选*/
.filter { padding:10px 0; margin-bottom:20px; }
.filter dl { margin:10px 0; font-size:16px; }
.filter dl a { margin:0px 20px; }
.filter dl a.active { color:#0669be; }

.pro-search { position:relative; margin-top:-80px; margin-bottom:2%; padding:40px 30px; background:#fff }
.pro-search select { width:22%; margin-right:2%; margin-top:10px; border:1px solid #ccc; border-radius:30px; height:45px; line-height:45px; padding:0px 20px; line-height:45px; color:#555; font-size:15px }
.pro-search .pro-search-tit { float:left; width:20%; color:#666;font-size:16px;  }
.pro-search .pro-search-tit h3 { font-size:24px; font-weight:bold; color:#333 }

.pro-search .search-box { width:30%; float:right; margin-top:10px; }
.pro-search .search-box input { border: 1px solid #bbb; height:42px; width:75% }
.pro-search .search-box button { height:43px; padding: 0 30px; }

/*详情*/
.pro-box { position:relative; margin-bottom:3% }
.pro-l { width: 40%; height: auto; float:left; }
.pro-r { width: 46%; height: auto; float:right; }
.pro-view .swiper-container {
	width: 100%;
	height: auto;
}
.pro-view .arrow-left,.pro-view .arrow-right {
	background:#ddd;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	line-height:60px;
	text-align:center;
	z-index: 10;
	display:none;
}

.pro-view .arrow-right {
	left:auto;
	right: 10px;
}
.preview {
	width: 100%;
	margin-top: 40px;
	position: relative;
}
.preview .swiper-container {
	width: 100%;
	height: auto;
	margin-left: 0;
}

.preview .swiper-slide {
	width: 180px;
	height: 160px;
	cursor:pointer;
}
.preview .swiper-slide img { width:160px; height:160px; }

.preview .arrow-left,.preview .arrow-right {
	position: absolute;
	left: 0px;
	top: 0;
	width: 20px;
	height: 100%;
	z-index: 10;
	background:#ddd;
}
.preview .arrow-right {
	left: auto;
	right: 0px;
}
.preview .active-nav img { filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }

.pro-title { position:relative }
.pro-title h2{ font-size:28px; font-weight:bold; color:#222; margin-top:20px } 
.pro-title h4{ font-size:20px; font-weight:bold;color:#555; } 
.pro-title span {
    background: #ecf6ff;
    border: 1px solid #1eb9ef;
    border-radius: 20px;
	 font-size:15px;
    color: #1eb9ef;
    display: inline-block;
    margin-right: 10px;
    padding: 3px 15px;
}
.pro-title .page-back { position:absolute; right:0; top:0; display:block; width:30px; padding:2px 22px; background-color:#1eb9ef; background-position:center; background-repeat:no-repeat; font-size:0; height:30px; line-height:30px; border-radius:30px; background-image:url(../images/icon-back.png); background-size:20px auto  }
.pro-info { width:100%; margin:20px auto;  overflow:hidden; font-size:16px; line-height:2;  }
.pro-info table { width:100%; text-align:left }
.pro-info tr { width:100%; border-bottom:1px solid #ddd;}
.pro-info tr td { color:#666; text-align:left; width:100px; padding:8px 0 }
.pro-info tr th { padding:8px 0; text-align:left }
 
.pro-content { background:#fff; padding:3% 0 }




 
/*** 分页样式 **/
.pagination{ padding:3% 0; clear:both; text-align:right; height: auto; }
.pagination ul li{ display: inline-block; line-height:32px;height:32px; margin:0 3px; background:#fff; border-radius:2px; }
.pagination ul li a { color:#555; display: inline-block;padding:0px 13px;  }
.pagination ul li:hover{ color:#f5a411; text-decoration:none; }
.pagination ul li:hover a { color:#1eb9ef; }
.pagination ul li.active,
.pagination ul li.active a,.pagebox ul li.active a:hover { color:#fff; background:#1eb9ef  }
.pagination ul li.active { }