@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption {display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0; width:100%; max-width:100% }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal}
a{text-decoration:none; color:#303030;}
a:hover {text-decoration:none; color:#0b188b;}
img{vertical-align:middle; max-width: 100%; border:none}
input,img,div,a,li{ outline: none; }
body{ font-size: 15px; background:#f1f1f1; color:#303030; line-height:1.8; font-family:"Microsoft YaHei","Arial"; padding-top:140px }
.fl{float:left}
.fr{float:right}
.pr{ position: relative; }
.pa{ position: absolute; }
.tc{ text-align: center; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.clear { overflow:hidden; clear: both; }
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.hidden { overflow: hidden; }
.bg_white{ background: #fff; }
.bg_color{ background: #f4f4f4; }
.color{ color:#0b188b}
.wrapper { width:1400px; margin: 0 auto;}
.wrap { width:1320px; padding:40px 40px; margin:40px auto;}
@media screen and (max-width: 1400px) {
.wrapper { width:1200px; margin: 0 auto;}
.wrap { width:1140px; padding:30px 30px; margin:40px auto;}
}

.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.border-1 { border:1px solid #ddd }
.padding-10 { padding:10px;}
.padding-20 { padding:20px;}
::-webkit-input-placeholder { color: #ccc; font-size:14px; }
::-moz-placeholder { color: #ccc; font-size: 14px; }
:-ms-input-placeholder { color: #ccc; font-size: 14px; }
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; 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 img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{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;}




 
/*头部*/
#header{ position:fixed; left:0; top:0; width: 100%; height:140px; z-index: 99; background: #fff; }
#header.small { top:-90px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;  }
#header .top { position:relative; padding:10px 0 0 0; height:70px; }
#header .logo { float:left; width:24%; height:120px;  }
#header .logo img { height:120px; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; }
#header .logo-txt { float:left; font-size:14px; margin:0 8% 0 2.5%; color:#999 }
#header .logo-txt h3 { font-size:17px; color:#0b188b; letter-spacing:2px; font-weight:bold; padding-top:5px;  }

#header .head-contact { width:280px; float: left; font-size:16px; color:#0b188b; font-weight:bold  }
#header .head-contact h3 { font-weight:bold; font-size:17px; }
#header .head-contact h4 { height:44px; line-height:44px; font-weight:bold; padding-left:2px; padding-right:8px; float: left; width:80px; text-align:justify; text-align-last:justify; }
#header .head-contact p { font-size:16px; line-height:22px; width:165px; font-family:Arial, Helvetica, sans-serif; text-align:justify;
text-align-last:justify; float: left; }
#header .head-contact p.p2 { letter-spacing:0; }


#header .language { height:20px; line-height:21px; margin:22px 0 5px 0; font-size:12px; border:1px solid #0b188b; border-radius:10px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;  }
#header .language a { width:40px; text-align:center; display:inline-block; color:#0b188b }
#header .language a.on { background:#0b188b; color:#fff }
#header .order { float:right; padding-left:25px; background: url(../images/car.png) left center no-repeat; color:#0b188b }
#header .order a { color:#0b188b }

#header.header-fixed { top:-80px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; box-shadow:0px 5px 5px -5px #ccc;  }
#header.header-fixed .logo { margin-top:69px; height:60px; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; overflow:hidden }
#header.header-fixed  .logo img { height:60px; }


/*导航*/
.nav-box-all { margin:0px auto;  position:relative;  }
.nav-box {text-align:center; height:60px; line-height: 60px; float:right; }
.nav-box ul{ margin-right:-15px}
.nav-box li{ float: left;width:112px;z-index:99;  }
.nav-box li>a{  font-size:16px; padding:7px 4px; width:80px; display:inline-block; height:20px; line-height:20px; }
.nav-box li>a span { padding-bottom:10px; }
.nav-box li.active a { background:#0b188b; color:#fff; border:none }
.nav-two-all { position:absolute; width:140%; top:60px; left:-20%; padding:20px 0 30px 0; background:#fff; text-align:center; z-index:2; display:none; border-top:1px solid #ddd }
.nav-two-all dl dd { display: inline-block; margin:0px 6px }
.nav-two-all dl dd a { display: inline-block; line-height:24px; padding:3px 10px; }
.nav-two-all dl dd a small { }
.nav-two-all dl dd:hover a { background:#0b188b; color:#fff }
#nav-two1 dl { left:378px }
#nav-two3 dl  { left:493px }
#nav-two4 dl  { left:608px }
#nav-two5 dl  { left:722px }
#nav-two6 dl  { left:838px }
#nav-two7 dl  { left:953px }
#nav-two8 dl  { left:1068px }
@media screen and (max-width: 1400px) {
.nav-box li{ float: left;width:100px;z-index:99;  }
#nav-two1 dl  { left:346px }
#nav-two3 dl  { left:451px }
#nav-two4 dl  { left:558px }
#nav-two5 dl  { left:664px }
#nav-two6 dl  { left:768px }
#nav-two7 dl  { left:875px }
#nav-two8 dl  { left:980px }
}


/*友情链接*/
.link { color:#666 }
.link a { display:inline-block; margin:7px 20px; color:#606060 }


/*底部*/
.footer { padding:50px 0px 30px 0px; background:#fff;  color:#666; font-size:15px; }
.footer .wrapper { position:relative}
.footer .wrapper .fl { width:360px }
.footer .wrapper .fl p { margin-bottom:4px }
.footer .logo img { height:85px; } 
.footer .logo-txt { font-size:14px; margin:10px auto; line-height:1.6}
.footer .logo-txt h3 { font-size:19px; color:#0b188b; font-weight:bold  }

.footer .foot-contact {  height: auto; overflow:hidden; line-height:32px; color:#0b188b; font-weight:bold; clear:both; margin-bottom:10px;  }
.footer .foot-contact b {  font-size:20px; display:inline-block; width:140px; margin:0 }
.footer .foot-contact p {  height:32px; line-height:32px;font-size:20px; width: auto; font-family:Arial, Helvetica, sans-serif;  }
 

.footer .foot-share { margin:20px auto }
.footer .foot-share a { display: inline-block; width:36px; height:36px; margin:0px 10px; background-position:center; background-repeat:no-repeat }
.footer .foot-share a.share-wb { background-image: url(../images/icon-wb.png);}
.footer .foot-share a.share-qq { background-image: url(../images/icon-qq.png); }
.footer .foot-share a.share-tx { background-image: url(../images/icon-tx.png); }
.footer .foot-share a.share-email { background-image: url(../images/icon-email.png); }
.footer .footer-menu {}
.footer .footer-menu ul li { width:110px; float:left; margin-left:25px; color:#909090; font-size:14px;}
.footer .footer-menu ul li a { color:#909090 }
.footer .footer-menu ul li h3 a { display:block; color:#303030; font-size:17px; margin-bottom:16px; }
.footer .footer-menu ul li dl dd { margin-bottom:8px }
.footer .weixin { position:absolute; right:140px; top:220px; }
.footer .weixin p { width:100px; float:left; margin-left:35px; text-align:center; font-size:14px; color:#333; }
.footer .copyright { padding:5px 0; text-align:center; color:#999; font-size:14px; }
.footer .copyright a { color:#999 }
.footer .copyright .web_copyright a { display:none }

/*客服样式1*/
/*.customer-box { position: fixed; right:0px; top:20%; padding:5px; background:#d7d7d7;text-align:center; color:#0b188b; z-index:111 }
.customer-box h2 { font-size:22px; position:relative }
.customer-box h2 .close { position:absolute; right:5px; top:12px; width:16px; cursor:pointer;}
.customer { padding:10px; background:#fff; border-radius:8px; line-height:1.4  }
.customer ul { padding-top:86px; margin-bottom:10px; background: url(../images/customer.png) top center no-repeat;}
.customer ul a { display:block; background:#0b188b; color:#fff; font-size:15px; border:1px solid #eee; width:120px; margin:0px auto 5px auto; border-radius:5px; height:32px; line-height:32px; } 
.customer .teltxt { font-size:18px; padding-left:30px; background: url(../images/phone.png) 8px center no-repeat; background-size:28px auto }
.customer .telnum { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
.customer .carnum { font-size:20px; padding-left:30px; background: url(../images/car2.png) 8px center no-repeat; margin:10px auto}
.customer a { color:#0b188b;}
.customer-bar { width:30px; height:100px; position:fixed; top:20%; right:0; margin-top:50px; z-index:99;}
.customer-bar  img{cursor:pointer;}*/


/* 客服样式2 */
.new-float{
  position: fixed;
  right: 0;
  top: 30%;
  z-index: 50;
  width: 77px;
}
.new-float li{
  position: relative;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  text-align: center;
  background:#0b188b;
  color: #fff;
  font-size: 12px;
}
.new-float li a{
  display: inline-block;
  background-repeat:no-repeat;
  background-position:center 3px;

}
.new-float li a.tit{
  width: 77px;
  height: 27px;
  padding: 30px 0 0 0;
  color: #fff;
}
.new-float li a.tit big { font-size:13px }
.new-float li p{
  position: relative;
  z-index: 2;
  height: 27px;
  padding-top: 30px;
  cursor: pointer;
  background:url(../images/icon13.png) no-repeat center 3px;
}
.new-float li.qq a{
  background-image:url(../images/icon11.png);
}
.new-float li.fw a{
  background-image:url(../images/icon12.png);
}
.new-float li.car a{
  background-image:url(../images/icon14.png);
}
.new-float li.return-webtop a{
  background-image:url(../images/icon15.png);
  cursor: pointer;
}
.new-float li.return-webtop { margin-bottom:5px; }
.new-float li .tel{
  position: absolute;
  left: 77px;
  top: 0;
  z-index: 1;
  width: 184px;
  height: 57px;
  font: 24px/57px Arial;
  color: #fff;
  background:#0b188b;
  border-left:1px solid #c34b46;
}
 

/*合作伙伴*/
.scroll-outer {  position:relative }
.owl-carousel { width:100%; margin:0 auto; }
/*owl-wrapper ie兼容滚动*/
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer { margin:0 auto; overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-item { float: left; }
.partner .item{position:relative;width:180px;height:80px; text-align:center; margin:0 auto;background-color:#fff;overflow:hidden;}
.partner .item img { max-width:100%; height:80px; }
 
/* 移动小鼠标*/
.grabbing { cursor:url(../images/grabbing.png) 8 8, move;}
/* 左右箭头 */
.owl-theme .owl-controls .owl-buttons div { position:absolute;top:180px;width:30px;height:60px; color: #fff; font:60px/60px "宋体"; overflow:hidden;_display:none; filter: Alpha(Opacity=50); opacity: 0.5; cursor: pointer;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ opacity: 1; filter: Alpha(Opacity=100);/*IE7 fix*/}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}

/* 下边圆点 */
.owl-theme .owl-controls{ margin-top: 20px;	text-align: center; }
.owl-theme .owl-controls .owl-page { display: inline-block;*display: inline; zoom: 1;}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px 10px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	cursor: pointer;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background:#0b188b;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}




/*公共*/
.location { height:40px; line-height:40px; color:#fff; }
.location b { font-size:22px; padding-bottom:8px; border-bottom:3px solid #0b188b }
.location span { float:right; margin-top:10px }
.location a { color:#eee }
.column-bg {
    position: relative;
	width:100%;
	height:400px;
    background-size: cover;
	background-position:center;
	background-repeat:no-repeat;
}
.column-txt {
    position: absolute;
    left: 100px;
    top: 300px;
	color:#fff;
	font-size:24px;
	letter-spacing:2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -moz-opacity: 0; /* 老版Mozilla */
    -khtml-opacity: 0; /* 老版Safari */
}
.column-txt h3 { font-size:36px; font-weight:bold; margin-bottom:20px; }
.column-txt h3::after { display:block;content: ""; height:2px; background:#fff; width:30px; margin:10px 0 }

.column-txt-about {
    position: absolute;
    left: 80px;
    top: 250px;
	height:92px;
	line-height:1.2;
	color:#444;
	font-size:22px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -moz-opacity: 0; /* 老版Mozilla */
    -khtml-opacity: 0; /* 老版Safari */
	padding-left:110px;
	padding-right:80px;
	background: url(../images/about-txt.png) center left no-repeat; 
	}
.column-txt-about h3 { font-family:"宋体"; font-size:50px; font-weight:bold;	letter-spacing:2px; }
.column-txt-about p {font-family:"Century Gothic";}


/* 搜索框 */
.searchbox { background:#fff; padding:12px 0; color:#606060; font-size:18px; }
.searchbox .wrapper { padding:0px 40px; width:1220px; }
.search { background:#f1f1f1; border-radius:15px; overflow:hidden; }
.search .search-keyword {width:300px; height:26px; line-height:26px; background:none; padding:0px 15px; border:none; overflow:hidden }
.search .search-submit { cursor:pointer; width:50px; height:26px; border:0px; background:url(../images/search.png) no-repeat center; line-height:34px; font-size:0; text-indent:100px }
.searchbox a { color:#606060 }
 
 
 
.prowrap { margin:40px auto; background:#fff } 
.page-l { width:24%; float:left; background:#fff }
.page-r { width:75%; float: right; background:#f1f1f1 }
.page-r-m { padding:40px 30px 40px 0px; background:#fff }
.tith1 { font-size:28px; color:#0b188b; text-align:center; font-weight:bold; }
.tith2 { font-size:24px; font-weight:bold; letter-spacing:1px; margin-bottom:20px; color:#0b188b }
.tith2 span { float:right; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding-left:35px; background: url() left center no-repeat; font-size:26px }
.tith2 a { float:right; font-size:20px; color:#fff; font-weight:normal; padding:0 30px 0 30px; background:#0b188b; }
.tith2 a.jiada {  padding:0 55px 0 25px; background:#0b188b url(../images/zixun.png) 88% center no-repeat; }
.tith3 { height:42px; line-height:42px; font-size:22px; padding:0px 20px; background:#f1f1f1; margin-bottom:30px; }
  
  
  
  
/*内页菜单*/
.subnav { margin-bottom:40px; }
.subnav ul li { float:left; margin-right:20px; font-size:16px; }
.subnav ul li a { display:block; height:42px; line-height:42px; padding:0px 30px; background:#f4f4f4 }
.subnav ul li.current a { background:#0b188b; color:#fff }


 
 
/*内页左侧*/
.submenu { margin:40px 25px 40px 30px; }
.submenu_logo { margin-bottom:30px; }
.submenu_logo img { width:100%; }
.submenu_tit{ padding:0px 20px; color:#fff; cursor:pointer; font-size:20px; height:48px; line-height:48px; margin-top:20px; background:#bcbbbb url(../images/submenudown.png) no-repeat; background-position:90% 50% }
.submenu_tit a { color:#fff }
.submenu_tit.submenu_cur { background:#909090 url(../images/submenuup.png) no-repeat; background-position:90% 50%}
.submenu_con {  background:#f9f9f9; border:solid 1px #ddd; }
.submenu_con.submenu_cur { display:block }
.submenu_con li { margin:8px auto; }
.submenu_con li a { display:block; line-height:24px; font-size:16px; color:#666; border-radius:0 5px 5px 0; padding:5px 20px; margin-right:20px; }
.submenu_con li a:hover,.submenu_con li a.on {color:#fff;background-color:#0b188b}
.submenu dl dd { margin-bottom:20px; }
.submenu dl dd.current { filter:alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3; }
.submenu_tit2 { color:#fff; text-align:center; font-size:20px; height:48px; line-height:48px; padding:8px; background:#bcbbbb; margin-top:20px; }
.submenu .submenu_con2 { padding:15px; font-size:16px; color:#666;background:#f9f9f9; border:solid 1px #ddd; }
.submenu .submenu_con2 dd { margin:5px 0}
.submenu .submenu_con2 b { color:#0b188b; font-family:Arial, Helvetica, sans-serif; font-size:17px; }

/*首页banner*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide .banner-img {display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; cursor: pointer; position: absolute; z-index: 1;}
.slick-dots{ height: 10px; line-height: 1; position: absolute; width:100%; left:0; bottom: 20px; list-style: none; display: block; padding: 0px; text-align:center }
.slick-dots li{ display: inline-block!important; vertical-align: top;  cursor: pointer; width: 40px; overflow: hidden; height: 5px; background: #d4d4d4; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 6px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #0b188b; }

 
.banner-wrap{ height: auto; position:relative }
.banner-wrap .banner-bg{ height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; position:relative}
.banner .slick-prev{ opacity: 0; left: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/icon3.png"); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-prev:hover{ opacity: 1!important; background-image: url("../images/icon3_g.png"); }
.banner .slick-next{ opacity: 0; right: 2%; width: 48px; height: 48px; margin-top: -24px; background-image: url("../images/icon4.png"); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-next:hover{ opacity: 1!important; background-image: url("../images/icon4_g.png"); }
.banner-wrap:hover .slick-prev,.banner-wrap:hover .slick-next{ opacity: .6; }

.banner-txt { position:absolute; left:15%; width:70%; top:20%; height:80%; color:#fff }
.banner-txt h2 { font-size:40px; font-weight:bold; letter-spacing:10px; line-height:1.2; text-align:center; margin:2% auto 3% auto }
.banner-txt img { height:35%; }
.banner-txt h3 { font-size:24px; letter-spacing:2px; line-height:1.6; padding:1% 5px }
.banner-txt h4 { font-size:20px; letter-spacing:2px; line-height:1.2; text-align:center; margin-bottom:3%  }
.banner-txt p { font-size:18px; letter-spacing:2px; line-height:1.2; text-align:center;  }
.banner-txt p span { padding:5px 30px; background: url(../images/whitebg.png);  }


/*列表*/
.article-list ul { }
.article-list li{ width: 32%; margin:0px 2% 30px 0; float: left; overflow:hidden; background:#f6f6f6 }
.article-list li:nth-of-type(3n) { margin-right:0 }
.article-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding:28% 0 38% 0; color:#fff; }
.article-list .zoom>a { display:none; position: absolute; top:0; left:0; width: 100%; height:30%; padding:27% 0 24% 0; background-color: rgba(0,0,0,.5); font-size:18px; color:#fff }
.article-list li:hover .zoom a{ display:block }
.article-list .zoom>a::before,.article-list .zoom>a::after { display:block;content: ""; height:1px; background:#fff; width:22px; margin:5px auto }
.article-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.article-list .text { padding:15px 20px; color:#777 } 
.article-list .text h3 { font-size:18px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color:#303030 }
.article-list .text p { border-top:1px solid #cacaca; height:24px; padding-top:10px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.article-list .text div { border-top:1px solid #cacaca; padding-top:10px; margin-top:5px; line-height:1.6; height:90px; }
.article-list .text2 { padding:3px 20px; text-align:center } 

.article-list .zoom .tit { position: absolute; top:0; left:0; width: 70%; height:60%; padding:20% 15%; background-color: rgba(0,0,0,.5); font-size:18px; color:#fff }
.article-list .zoom .tit a { color:#fff }
.article-list .zoom .tit h3 { font-size:24px; font-weight:bold; margin-bottom:5px; }
.article-list .zoom .title { position: absolute; bottom:0; left:0; width:90%; height:42px; line-height:42px; padding:0 5%; background-color: rgba(0,0,0,.5); font-size:18px; color:#fff }



/*---------首页-----------*/
/*关于我们*/
.iabout_l { width:42%; margin:30px 0 20px 0; float:left; background:#fff; font-size:16px; line-height:2  }
/*.iabout_l h2::after { display:block;content: ""; height:2px; width:22px; margin:20px 0; background:#888 }*/
.iabout_l .more { display:block; border:1px solid #999; width:120px; font-size:15px; height:32px; line-height:32px; text-align:center; margin:40px 0 0 0  }
.iabout_r { width:54%; margin:20px 0; float:right; position:relative }
.fashionvideo  { position:relative; cursor:pointer }
.fashionvideo i { display:block; width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-60px 0 0 -50px; background:url(../images/video.png) no-repeat center; z-index:88; background-size: cover }
.fashionvideo h3 { font-size:36px; color:#fff; text-align:center; position:absolute; bottom:5%; left:0; width:100%; text-align:center }

/*品牌*/
.ibrand{width:100%;height: auto;margin:40px auto 0 auto;overflow:hidden;}
.ibrand li { float:left;width: auto; width:20%;height:360px;position:relative;overflow:hidden;cursor:pointer;}
.ibrand li .mask_b { position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.1); z-index:2 }
.ibrand li .mask_b h4::before{ display:block;content: ""; background:#fff; height:2px; width:13%; margin:20px auto }
.ibrand li .mask_b h4 {color:#fff; margin-top:220px; text-align:center; font-size:18px; }
.ibrand li .pic_auto { width:100%;height:100%; background-size: cover; background-position:center; background-repeat:no-repeat;}
.ibrand li.active .mask_b { background:none;}
.ibrand li.active .mask_b h4::before { width:20%; }
.ibrand li.active .pic_auto {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: gray;
}


/*选购餐具你是否也有这些问题*/
.iFAQ ul li { background:#f7f7f7; padding:20px 3%; margin:15px auto; float:left; width:43%; }
.iFAQ ul li h3 { height:32px; line-height:32px; color:#0b188b; font-size:18px; padding-left:45px; background:url(../images/faq1.png) no-repeat center left; margin-bottom:10px }
.iFAQ ul li p { min-height:75px; line-height:24px;  padding-left:45px; background:url(../images/faq2.png) no-repeat top left; }
.iFAQ ul li:nth-of-type(2n) { margin-left:2% }
.iFAQ .more { display:block; width:200px; background:#0b188b; font-size:20px; text-align:center; margin:20px auto 40px auto; color:#fff; }

/*特点*/
.itedian { margin:60px auto }
.itedian .tabul { margin-bottom:30px; height:50px; }
.itedian .tabul li{ float:left; background:#f5f5f5; height:54px;line-height:54px; font-size:18px; padding:0px 48px; text-align:center;cursor:pointer; margin-right:20px; }
.itedian .tabul .hit { background:#0b188b; color:#fff }
.itedian .tedianpane { display:none; }

/*案例*/
.icase-list li .zoom .txt { position: absolute; top:0; left:0; width: 80%; height:30%; padding:25% 10%; background-color: rgba(0,0,0,.1);  color:#fff; /*border:1px solid #ddd;*/ }
.icase-list li .zoom .txt h3 { font-size:22px; margin-bottom:10px; }
.icase-list li .zoom p { display: none; height:58px; font-size:16px; }
.icase-list li .zoom .txt a { display: none; margin:20px auto; width:140px; text-align:center; font-size:14px; border:1px solid #eee; height:30px; line-height:30px; color:#fff }
.icase-list li:hover .zoom .txt { position: absolute; top:0; left:0; width: 80%; height:70%; padding:10% 10%; background-color: rgba(0,0,0,.1); font-size:18px; color:#fff; }
.icase-list li:hover .zoom .txt p { display:block; }
.icase-list li:hover .zoom .txt a { display:block; }

/*你们的顾虑*/
.igulv-list small { font-size:20px; float:right; color:#333 } 
.igulv-list small big { color:#0b188b; font-size:28px; }
.igulv-list li{ width:48.5%; margin:0px 0 30px 0; float: left; overflow:hidden; background:#f6f6f6; position:relative }
.igulv-list .zoom { padding:22% 0 25% 0; }
.igulv-list .zoom>a { padding:20% 0 }
.igulv-list li:nth-of-type(2n) { margin-left:3% }
.igulv-list li .txt { position:absolute; left:0; right:0; bottom:15%; color:#fff; text-align:center;text-shadow: 0 2px 2px rgba(0,0,0,0.5); font-size:16px; }

/*你们的优势*/
.iyoushi { margin:20px auto }
.iyoushi .h4 { font-size:18px; }
.iyoushi .tabul { margin:30px 0; height:42px; }
.iyoushi .tabul li{ float:left; background:#f5f5f5; height:54px;line-height:54px; font-size:18px; padding:0px 48px; text-align:center;cursor:pointer; margin-right:20px; }
.iyoushi .tabul .hit { background:#0b188b; color:#fff }
.iyoushi .youshipane { display:none; padding:20px 30px; background:#f7f7f7 }
.iyoushi .youshipane img { float:left; width:48%; margin-right:5%; border:1px solid #ccc  }
.iyoushi .youshipane dl { float:left; width:42%;}
.iyoushi .youshipane dl .h3 { font-size:22px; font-weight:bold; color:#0b188b; margin:30px auto; line-height:1.6; }
.iyoushi .youshipane dl p { font-size:16px; padding-left:40px; background: url(../images/icon-start.png) no-repeat 3px 5px; margin:10px auto }


/*营销活动*/
.iactivity-list ul  { margin-top:40px }
.iactivity-list small { font-size:20px; float:right; color:#333 }
.iactivity-list li a.abuy { border:1px solid #0b188b; color:#0b188b; border-radius:20px; float:right; font-size:14px; padding:0px 20px; }

/*我们的荣誉*/
.ihonor .item{position:relative; height: auto; text-align:center; margin:0 10px;background-color:#fff;overflow:hidden;}
.ihonor .item img { width:100%; height:200px; }
.ihonor .item p { line-height:22px; margin:10px auto; } 

/**动态**/
.inews-box { position:relative; }
.inews-box .inews-menu { position:absolute; right:40px; top:35px; }
.inews-box .inews-menu li{ float:left; background:#f5f5f5; height:40px;line-height:40px; font-size:16px; padding:0px 30px; text-align:center;cursor:pointer; margin-left:12px;  }
.inews-box .inews-menu li:hover,.inews-box .inews-menu li.hit { background:#0b188b; color:#fff  }


.inews-box .inews-l { width:50%; float:left; background:#f4f3f2; border:1px solid #ddd; margin-top:10px; height:480px; position:relative }

.flexslider { position: relative; height: 480px; overflow: hidden; }
.slides { position: relative; z-index: 1;}
.slides li { height: 480px;}
.inews-box .inews-l .flex-control-nav { position:absolute; bottom:10px; right:58%; z-index:99; }
.inews-box .inews-l .flex-control-nav li { float:left; color:#888; cursor:pointer; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px 8px; }
.inews-box .inews-l .flex-control-nav li a { display:inline-block; border-top:2px solid #f4f3f2;  }
.inews-box .inews-l .flex-control-nav li a.flex-active { color:#666; border-top:2px solid #666 }
.inews-box .inews-l .inews-l-txt { float:left; width:40%; padding:30px 4%; font-size:16px; }
.inews-box .inews-l .inews-l-txt h3 { font-size:22px; color:#0b188b; padding:10px 0 20px 0; line-height:1.4 }
.inews-box .inews-l .inews-l-txt p { color:#666; line-height:2 } 
.inews-box .inews-l img { float:right; width:52%; min-height:100%; }

.inews-box .inews-r { float:right; width:45%; margin-top:10px }
.inews-box .inews-r h3 { color:#0b188b; font-size:20px; text-align:center; margin:5px auto; font-weight:bold; }
.inews-box .inews-r .inews-r-panes { height:210px; overflow:hidden; padding-bottom:25px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
.inews-box .inews-r .inews-r-pane { display:none }
.inews-box .inews-r ul { min-height:180px }
.inews-box .inews-r ul li { height:36px; line-height:36px; margin:1px auto; font-size:16px; overflow:hidden }
.inews-box .inews-r ul li b { height:18px; line-height:18px; width:18px; display: inline-block; float:left; text-align:center; background:#909090; color:#fff; margin:8px 10px 0px 0;font-size:13px; font-weight:normal  }
.inews-box .inews-r ul li span { float:right; color:#888; font-size:14px; }
.inews-box .inews-r ul.inews-ul li:nth-of-type(1) b,.inews-box .inews-r ul.inews-ul li:nth-of-type(2) b,.inews-box .inews-r ul.inews-ul li:nth-of-type(3) b { background:#0b188b }
.inews-box .inews-r .scrolltop { height:180px; overflow:hidden; }



/*------------------------------------------------------------------*/



/*案例展示*/
.case-nav ul { }
.case-nav li{ width: 32%; margin:10px 2% 10px 0; float: left; text-align:center; font-size:24px; overflow:hidden; }
.case-nav li:nth-of-type(3n) { margin-right:0 }
.case-nav .zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding:22% 0 32% 0; color:#fff; }
.case-nav .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; left:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.case-nav .zoom p {  position: absolute; top:40%; width: 100%;  } 

.case-tit { color:#0b188b; text-align:center }
.case-tit h2 { font-size:30px; font-weight:bold; letter-spacing:5px; padding-bottom:10px; border-bottom:2px solid #0b188b; width:65%; margin:15px auto }
.case-tit p { width:48%; font-size:18px; margin:0px auto; text-align-last:justify;text-align:justify;text-justify:distribute-all-lines;}
.case-video { margin:20px auto; }
.videonone { display:none }
.case-pic li { float:left; width:49%; margin:0px 2% 20px 0 }
.case-pic li:nth-of-type(2n) { margin-right:0 }

.case-wrap { background:#fff }
.case-l { width:44%; height:100%; background:#0b188b; padding:40px 3%; color:#fff; font-size:16px; text-align:left; vertical-align:top }
.case-r { width:44%; background:#fff; padding:40px 3%; color:#0b188b; font-size:16px;  }
.case-l h3,.case-r h3 { font-size:24px; font-weight:bold; letter-spacing:2px }
.case-l h3::after,.case-r h3::after { content: " "; display:block; background:#fff; height:3px; width:30px; margin:10px 0px 20px 0px }
.case-r h3::after { background:#0b188b }


/*合作伙伴*/
.partners { margin:40px auto }
.partners h2 { font-size:26px; color:#222; text-align:center }
.partners h2::before,.partners h2::after { content: " "; display:inline-block; vertical-align:middle; background:#0b188b; height:1px; width:100px; margin:0px 20px }
.partners h4 { color:#666; text-align:center }
.partners ul { margin:30px auto}
.partners ul li { float:left; height:90px; width:160px; margin:10px 20px; text-align:center; overflow:hidden; }
.partners ul li:nth-of-type(6n) { margin-right:0 }
.partners ul li img { width:100%; height:90px; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.partners ul li:hover img { transform:scale(1.08,1.08);  transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; } 



/*新闻*/
.news-list li { position:relative; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #eee }
.news-list .pic { width:25%; float:left }
.news-list .pic img { width:100% }
.news-list .text { width:73%; float: right }
.news-list .text h3 { margin:7px auto 7px auto }
.news-list .text h3 a { font-size:18px; color:#111 }
.news-list .text p { color:#666; margin:5px 0 }
.news-list .text .date { color:#aaa; display: inline-block }
.news-list .text a.more { color:#2e85f2 }
.news-list .text h4 font { margin-left:15px; color:#fff; padding:2px 10px; border-radius:3px; }
.news-list .text .bg14 { background:#f29b76 }
.news-list .text .bg15 { background:#22ac38 }
.news-list .text .bg16 { background:#0b188b }
.news-list .text .bg17 { background:#eb6877 }

/*新闻详情*/
.article-con { font-size:15px; line-height:2; }
.article-body { padding:0px 12% }
.article-con .article-tit { font-size:28px; line-height:1.4; color:#111; text-align:center }
.article-con .article-info { color:#999; font-size:16px; text-align:center; margin-bottom:20px }
.contit { background:#f0f0f0; color:#111; font-size:16px; font-weight:bold; padding:0px 20px; height:42px; line-height:42px; border-bottom:1px solid #ddd; }
.contit a { float:right; font-size:14px; font-weight:normal }
.handle { margin:20px auto; min-height:70px;color:#999; clear:both  }
.handle ul { clear:both  }
.handle li { float:left; width:41.8%; padding:0px 4%; background:#f3f3f3; font-size:20px; height:70px; line-height:70px;}
.handle li:last-child { float:right; text-align:right;   }
.handle li a { display:block; color:#555; overflow: hidden; white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/}
.handle li:hover { background:#0b188b; color:#fff }
.handle li:hover a { background:#0b188b; color:#fff }
 
 
  
/*关于我们*/
.about_box { margin-top:40px }
.about_l { width:47%; padding:50px 4%; float:left; background:#fff; font-size:16px; line-height:2 }
.about_l .tith2 { font-size:28px; margin-bottom:1px }
.about_l h4 { font-size:20px; margin:0px auto 30px auto; color:#777  }
.about_l .about-email { display:inline-block; border:1px solid #ccc; border-radius:50%; width:46px; height:46px; background:url(../images/about-email.jpg) no-repeat center; margin-right:15px; }
.about_l .about-feedback { display:inline-block; border:1px solid #ccc; border-radius:50%; width:46px; height:46px; background:url(../images/about-feedback.jpg) no-repeat center; }

.about_r { width:41%; padding:50px 2%; float:left; }
.about_r h3 { font-size:22px; font-weight:bold; color:#0b188b; margin:10px 15px 30px 15px; }
.about_r h3::after { display:block; content: ""; height:2px; width:30px; margin:15px 0; background:#0b188b; }
 
.about_r ul { text-align:center; width:100%; padding:0; margin:0 }
.about_r ul li { display:inline-block; }
.about_r ul li img { width:100% }

.youshi-list { font-size:16px; margin:40px auto 50px auto; }
.youshi-list li { width:25%; text-align:center; float:left; margin:20px 0;background:url(../images/yuanbg.png) no-repeat center 120px; }
.youshi-list li .tit { background:#0b188b; color:#fff; border-radius:50%; overflow:hidden; width:120px; height:120px; line-height:120px; margin:10px auto; font-weight:bold; font-size:22px;
    background: -moz-linear-gradient(top, #0235cb 0%, #100764 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0235cb), color-stop(100%,#100764));
    background: -webkit-linear-gradient(top, #0235cb 0%,#100764 100%);
    background: -o-linear-gradient(top, #0235cb 0%,#100764 100%);
    background: -ms-linear-gradient(top, #0235cb 0%,#100764 100%);
    background: linear-gradient(to bottom, #0235cb 0%,#100764 100%);
 }
.youshi-list li .tit big { font-size:42px; }
.youshi-list li .text { padding:10px 10%; }

 

/**动态**/
.about-news-box { width:50%; float:left }
.about-news-box .about-news-tabul { margin-bottom:30px; height:42px; }
.about-news-box .about-news-tabul li{ float:left; background:#f5f5f5; height:42px;line-height:42px; font-size:16px; padding:0px 20px; text-align:center;cursor:pointer; margin-right:10px; }
.about-news-box .about-news-tabul .hit { background:#0b188b; color:#fff; }
.about-news-box .newspane { display:none; }
.about-news-box .about-news { height:220px; background:#f7f7f7; clear:both; padding-right:25px; overflow:hidden; }
.about-news-box .about-news h3 { font-size:18px; color:#0b188b; padding:25px 0 10px 0; line-height:1.5 }
.about-news-box .about-news p { line-height:1.6 }
.about-news-box .about-news p::after { display:block;content: ""; clear:both }
.about-news-box .about-news img { float:left; width:46%; margin-right:5%; height:220px; }
.about-news-box .newspane ul { min-height:180px; padding-top:15px; border-top:1px dashed #ccc; margin-top:25px;}
.about-news-box .newspane ul li { height:36px; line-height:36px; margin:1px auto; font-size:16px; overflow:hidden }
.about-news-box .newspane ul li b { height:18px; line-height:18px; width:18px; display: inline-block; float:left; text-align:center; background:#909090; color:#fff; margin:8px 10px 0px 0;font-size:13px;  }
.about-news-box .newspane ul li span { float:right; color:#888; font-size:14px; }
 
.about-pingjia { float:right; width:45%; text-align:center }
.about-pingjia .scrolltop { margin:30px auto 0 auto; padding:10px 20px; height:420px; border:1px solid #eee; font-size:16px;overflow:hidden; }
.about-pingjia ul {  }
.about-pingjia ul li { background:#f7f7f7; color:#0b188b; padding:8px 20px; height:32px; line-height:32px; margin:15px auto }
.about-pingjia ul li a {  color:#0b188b;}
 
/*展会焦点*/
.zhanhui-tabul li{ width: 32%; margin:0px 2% 30px 0; float: left; background:#f6f6f6; position:relative }
.zhanhui-tabul li:nth-of-type(3n) { margin-right:0 }
.zhanhui-tabul .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding-bottom:60%; color:#fff; }
.zhanhui-tabul .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.zhanhui-tabul .text { padding:10px 20px; font-size:20px; text-align:center } 
.zhanhui-tabul li.hit { background:#0b188b; color:#fff }
.zhanhui-tabul li.hit::after { position:absolute; bottom:-14px; display:block;content: ""; left:50%; margin-left:-14px;
    width: 0; height: 0;
    border-top: 14px solid #0b188b;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
 }
.zhanhui-box .zhanhui-panes {  margin-top:30px }
.zhanhui-box .zhanhuipane { background:#f4f4f4; display:none;}
.zhanhui-box .zhanhuipane .zhanhui-l { width:39%; float:left; padding:40px 4% 0 4% }
.zhanhui-box .zhanhuipane .zhanhui-r { width:51%; float:right }
.zhanhui-box .zhanhuipane h3 { font-size:22px; color:#0b188b; font-weight:bold }
.zhanhui-box .zhanhuipane h3::after { display:block;content: ""; height:2px; width:22px; margin:20px 2px 40px 2px; background:#666 }
.zhanhui-box .zhanhuipane p { color:#666; font-size:18px; line-height:2 }
.zhanhui-box .zhanhuipane img { width:100%; height: auto; }

/*办公环境*/
.about-office-l { width:27%; float:left; font-size:16px }
.about-office-l .tith2 { margin:70px auto 30px auto }
.about-office-l .tith2::after { display:block;content: ""; height:2px; width:22px; margin:20px 0; background:#666 }
.about-office-r { width:69%; float:right }
.about-office-r img { width:100%; }
.about-office-list li { width:50%; float:left; margin:10px 0 0 0; position:relative; color:#fff } 
.about-office-list li img { width:100% } 
.about-office-list li div { position:absolute; left:0; padding:30px; bottom:0;}
.about-office-list li div h3 { font-size:22px; margin-bottom:10px; }
 


 
 
/*发展历程*/
.course_list { padding:0px 20px 20px 20px; margin:50px auto; background:url(../images/localine.png) repeat-y center;   }
.course_list h2 { height:30px; background:url(../images/radio.jpg) no-repeat center 0px; margin-bottom:40px }
.course_list ul li  { width:50%; float:left; height:auto; line-height:28px; position:relative; margin-bottom:30px; }
.course_list ul li i { display:block; position:absolute; width:22px; height:22px; background:url(../images/radio_on.jpg) no-repeat center; top:50%; margin-top:-11px; right:-11px; }
.course_list ul li .text { padding:40px 30px 40px 200px; min-height:150px; text-align:right; margin-right:30px; position:relative; background:#f1f1f1;  }
.course_list ul li img { width:150px; height:150px; border-radius:50%; position:absolute; left:20px;  }
.course_list ul li h3 { font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0b188b; margin-bottom:10px }
.course_list ul li:nth-of-type(2n) { float:right }
.course_list ul li:nth-of-type(2n) .text { padding:40px 200px 40px 30px; text-align:left; margin-right:0px; margin-left:30px;  }
.course_list ul li:nth-of-type(2n) img { left:auto; right:20px; }
.course_list ul li:nth-of-type(2n) i { left:-11px; right: auto; }

/*荣誉*/
.honor-list ul { }
.honor-list li{ width: 30%; margin:20px 5% 0px 0; float: left; overflow:hidden; }
.honor-list li:nth-of-type(3n) { margin-right:0 }
.honor-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding-bottom:65%; color:#fff; }
.honor-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.honor-list li h3 { font-size:16px; line-height:1.5; height:70px; padding:15px 20px 10px 20px; text-align:center }


/* 招募英才*/
.join {width:100%; margin:25px auto;}
.join table td {padding:0 5px;}
.joinnav { cursor:pointer; line-height:48px; height:48px; text-align:center; border:1px solid #ddd; background:#f2f2f2;  }
.joinnav span {   } 
.currentDt { }
.jobcontent { padding:20px; border:1px solid #ddd; border-top:none; }
#jobon { display:block }
a.yingpin { display:block; width:120px; margin:20px auto; border-radius:5px; text-align:center; height:42px; line-height:42px; border:1px solid #ccc; padding-right:50px;  background: url(../images/email.png) no-repeat 85% center; font-size:20px; }


/*资料下载*/
.download-list ul { }
.download-list li{ width: 23%; margin:20px 2.6666% 20px 0; float: left; overflow:hidden; background:#f6f6f6 }
.download-list li:nth-of-type(4n) { margin-right:0 }
.download-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding-bottom:130%; color:#fff; }
.download-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.download-list .zoom .abox { display:none; position: absolute; top:0; left:0; width: 100%; height:100%; background-color:#eaeaea; font-size:18px; color:#fff }
.download-list .zoom .abox h3 { color:#0b188b; font-size:24px; font-weight:bold; margin:10% auto 40% auto }
.download-list .zoom .abox a { display: inline-block; margin:4% auto; font-size:20px; padding-left:40px; background-position: center left; background-repeat: no-repeat; background-size:30px auto; }
.download-list .zoom .abox a.alink { background-image:url(../images/alink.png) }
.download-list .zoom .abox a.adown { background-image:url(../images/adown.png) }
.download-list li:hover .zoom .abox { display:block }


/*视频管理*/
.video-list li{ width: 32%; margin:0px 2% 30px 0; float: left; overflow:hidden; background:#f6f6f6 }
.video-list li:nth-of-type(3n) { margin-right:0 }
.video-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding:28% 0 38% 0; color:#fff; }
.video-list .zoom>a { position: absolute; top:0; left:0; width: 100%; height:30%; padding:27% 0 24% 0; background-color: rgba(0,0,0,.5); font-size:18px; color:#fff; background:url(../images/video.png) no-repeat center; background-size:100px auto }
.video-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.video-list .text { padding:8px 20px; text-align:center } 
.video-list li h3 { background:#f7f7f7; padding:10px 20px; }
.video-con { background:#f7f7f7 }
.video-box { position:relative }
.video-box i { display:block; width:180px; height:180px; position:absolute; left:50%; top:50%; margin:-80px 0 0 -90px; background:url(../images/video.png) no-repeat center; z-index:999 }


/*个性定制*/
.dzprocess { padding:40px 30px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px; }
.dzprocess ul li { width:18%; margin:20px 1%; float:left; text-align:center; font-size:16px; }
.dzprocess ul li div { padding:30px 20px; background-image:url(../images/whitebg.png); min-height:230px }
.dzprocess ul li div h3 { font-size:24px; font-weight:bold; margin:10px auto }
.dzprocess-text { padding:30px 30px; background-image:url(../images/whitebg.png); margin:20px 1%; font-size:18px; }
.dzprocess-text h3.h3 { font-size:24px; font-weight:bold; margin:10px auto; text-align:center;}
.dzcase-list ul { }
.dzcase-list li{ width: 23%; margin:0px 2.6666% 30px 0; float: left; overflow:hidden; background:#f6f6f6 }
.dzcase-list li:nth-of-type(4n) { margin-right:0 }
.dzcase-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width:100%; height:0; padding-bottom:70%; color:#fff; }
.dzcase-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.dzcase-list li h3 { height:42px; line-height:42px; text-align:center; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding:0px 10px; }
 
 
 
/* 联系我们 */
.contact-list { margin:30px auto }
.contact-list ul li { width: 23%; margin:20px 2.6666% 20px 0; min-height:170px; padding:40px 0; float: left; overflow:hidden; background:#f3f3f3; font-size:16px; color:#666; text-align:center }
.contact-list li:nth-of-type(4n) { margin-right:0 }
.contact-list ul li h3 { font-size:18px; margin-bottom:20px; color:#333 }
/*.contact-list ul li:hover { background:#0b188b; color:#fff }
.contact-list ul li:hover h3 { color:#fff }
.contact-list ul li:hover img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}*/
.feedback { float:left; width:65%; }
.feedback p { position:relative; margin-bottom:20px}
.feedback p span { position:absolute; left:0px; color:#111 }
.feedback p font { color:#a30007 }
.feedback p input { height:42px; width:100%; border:1px solid #ddd; padding:0px 10px; background:#fcfcfc }
.feedback select { height:42px; width:75px; border:1px solid #ddd; padding:0px 10px; background:#fcfcfc; color:#666 }
.feedback textarea { width:100%; padding:10px; border:1px solid #ddd; min-height:80px; background:#fcfcfc; }
.feedback #offer_btn { display:block; text-align:center; background:#f1f1f1; width:100%; height:42px; line-height:42px; margin:20px 0; border:none; font-size:16px;  }
.contact-wx { float:right; width:32%; text-align:center; font-size:18px;}
.contact-wx img { max-width:145px }

 /*图片切换*/
.news_dcon .pic{ margin-bottom: 70px; /*font-size: 0;*/ }
.news_dcon .pic img{ display: inline-block; vertical-align: middle; }
.news_dcon .pic span{ display: inline-block; vertical-align: middle; }
.news_dcon .pic .big{ width: 55%; margin-right: 6.55%; }

 
 

/*产品列表*/
.pro-list ul { }
.pro-list li{ width: 32%; margin:10px 2% 10px 0; float: left; overflow:hidden; box-sizing:border-box; +border:1px solid #ddd;    -webkit-box-shadow: 0 0 10px #ddd;
    -moz-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd; }
.pro-list li:nth-of-type(3n) { margin-right:0 }
.pro-list .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding-bottom:100%; color:#fff;  box-sizing:border-box }
.pro-list .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.pro-list .text { padding:16px; font-size:16px; color:#606060; text-align:center;  }
.pro-list .text h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; height:24px; text-transform: uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.pro-list .text h4 { font-size:16px; line-height:1.1 }
.pro-list .text h4 b { font-weight: normal; color:#0b188b; margin-left:20px }
.pro-list .text h4 b big { font-size:22px; font-family:Arial, Helvetica, sans-serif }
.pro-list .text .pro-car { margin:10px auto 10px auto }
.pro-list .text .pro-car span { font-size:14px; padding:5px 0 5px 40px; background:url(../images/icon-car.png) no-repeat center left; background-size:26px auto }
.pro-list .text .pro-car span .buybtn { display:inline-block; border:1px solid #999; padding:0px 20px; color:#606060; height:26px; background:#fff; cursor:pointer }
.pro-list .text .pro-car span:hover .buybtn {border:1px solid #0b188b; background:#0b188b; color:#fff;  }
.pro-content { margin:30px auto }
 
 
.pro-tit { text-align:center; color:#0b188b; font-size:24px; font-weight:bold }
.pro-desc { text-align:center; font-size:17px; margin-bottom:30px }
.proshow-box { border:1px solid #ddd; text-align:center }
.proshow-l { float:left; width:45%; border-right:1px solid #ddd; } 
.proshow-r { float:right; width:45%; padding:8.6% 5% 0 5%; font-size:19px; color:#606060; line-height:2; margin-left:-2px; text-align:left } 
.proshow-r h3 { text-transform: uppercase; margin-bottom:3px;  }
.proshow-r h4 { font-size:20px; line-height:1.1 }
.proshow-r h4 b { font-weight:normal; color:#0b188b; margin-left:20px }
.proshow-r h4 b big { font-size:24px; font-family:Arial, Helvetica, sans-serif }
.proshow-r .pro-car { margin:20px auto 0 auto }
.proshow-r .pro-car span { font-size:14px; padding:5px 0 5px 40px; background:url(../images/icon-car.png) no-repeat center left; background-size:26px auto }
.proshow-r .pro-car span .buybtn { display:inline-block; border:1px solid #999; padding:0px 25px; height:30px; border:1px solid #0b188b; background:#0b188b; color:#fff; cursor:pointer }
.proshow-pic { margin:40px 0;}
.proshow-con { } 
 

/*产品优势*/
.pro-youshi ul li{ background: #fff; width: 24%; float: left; margin-right:1.3333333%; }
.pro-youshi ul li:nth-of-type(4n) { margin-right: 0; }
.pro-youshi ul li .pic{ position: relative; opacity:1; width: 100%; height: 0; padding-bottom:120%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pro-youshi ul li .pic span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.pro-youshi ul li .text{ padding:10px 15px; min-height:150px; background:#f4f4f4; box-sizing: border-box; line-height:24px;  }
 
@media screen and (max-width: 768px){
/*.banner, .banner-wrap, .banner-wrap .banner-bg { height: 200px; }*/
.pro-youshi ul li{ width:49%!important; margin: 0 0 10px 0!important; }
.pro-youshi ul li:nth-of-type(2n) { margin-left: 2% !important;}
.pro-youshi ul li .text{ padding: 8px 4%; }
}

/*产品理念*/
.pro-linian ul  {}
.pro-linian li.li-l { width:54%; margin-right:2%; float:left }
.pro-linian li.li-r { width:44%; float:right }
.pro-linian li.li-r img { margin-bottom:10px; }
.pro-linian li img { width:100%; height:100%; }


/*各地的身影*/
.pro-case ul { margin-left:-1.5%; margin-right:-1.5%}
.pro-case li { width:30.33333%; margin:0px 1.5% 30px 1.5%; float:left; overflow:hidden; background:#f3f3f3 }
.pro-case li.libig { width:97%; }
.pro-case li.libig2 { width:47%;  }
.pro-case li.libig2:nth-of-type(1) { clear: both }
.pro-case .zoom { position: relative; display:block; text-align:center; overflow:hidden; width: 100%; height: 0; padding:28% 0 38% 0; color:#fff; }
.pro-case .zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top:0; width: 100%; height: 100%; vertical-align:middle; display: table-cell; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1); z-index:0 }
.pro-case .text { padding:10px; text-align:center; font-size:16px; } 
 
 
 
/*网站地图*/
.mapnav { font-size:16px; color:#fff }
.linkbox h3 { font-size:18px; margin-bottom:10px; }
.linkbox h3 a { color:#0b188b }
.linkbox { clear:both; border-bottom:1px dashed #ddd; padding:20px 0  }
.linkbox ul:after { display:block; content: "";clear:both }
.linkbox ul li { float:left; margin-right:20px; font-size:16px; }


/*** 分页样式 **/
.dede_pages{ padding:20px 0px 20px 0; clear:both; text-align:center; height: auto; }
.dede_pages ul li{
	display: inline-block;
	line-height:28px;height:28px;
	margin:0 2px;
	overflow:hidden; background:#f4f4f5; vertical-align:middle;
}
.dede_pages ul li a { color:#555; display: inline-block;padding:0px 10px;  }
.dede_pages ul li:hover{ color:#0b188b; text-decoration:none; }
.dede_pages ul li:hover a { color:#0b188b; }
.dede_pages ul li.active,
.dede_pages ul li.active a,.pagebox ul li.active a:hover { color:#0b188b;  }
.dede_pages ul li.active { }
.dede_pages .pageinfo { color:#888; padding:0px 10px }
.dede_pages .pageinfo strong { font-weight:normal;	margin:0px 2px;}
.dede_pages ul li select { height:22px; border:none }



/*-----------搜索页面------------*/
.search_box{ position:relative;  overflow:hidden; float:right }
.search_box form { position:relative; width:350px; float:left }
.search_box a { display:block; padding:2px 10px; border:1px solid #ccc; float:right }
.search_box input {
    border-width:1px;
	border-style:solid;
	border-color:#707070 #CECECE #CECECE #707070;
	padding:6px 4px;
	height:18px;
	line-height:18px;
    width:200px;
	margin-right:5px;
}
.search_box select{
   font-size:14px;
   height:31px;
   margin-right:5px;
}
.search_box button {
    background:url(../images/searchbtn.png) no-repeat center; width: 30px; height:30px; line-height:100px; overflow:hidden; border:none; cursor:pointer
}
.resultbar{
	height:32px;
	line-height:32px; margin-bottom:30px;
	background:transparent url(../images/search-top-bg.gif) repeat-x scroll;
	color:#428C5B;
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
 }
.resultbar a { float:right }

.sidebar{
  float:right;
  width:21%;
  word-wrap:break-word;
}
.sidebar h2{
  font-size:14px;
  line-height:25px;
 }
.sidebar  ul {
  padding:4px 8px;
 }
.sidebar  ul li{
  line-height:24px;
  background:url(../images/ico-3.gif) 4px 9px no-repeat;
 }
.resultlist{
  overflow:hidden; border-right:1px solid #dadada; width:72%; padding:0 3% 0 1%; float:left; min-height:200px;
}

.resultlist ul li{
  padding-top:15px;
 }
.resultlist ul li h3{
  line-height:30px;
  font-size:16px;
  font-weight:normal;
 }
.resultlist ul li h3 a{
  text-decoration:underline;
 }
.resultlist ul li p{
  line-height:22px;
  color:#666;
  font-size:14px;
 }
.resultlist ul li span small{
  line-height:22px;
  font-size:12px;
  margin-left:5px;
  color:#999;
 }
.resultlist ul li span a{
  color:#008400;
 }
/*-----------搜索页面 end------------*/