* {
	margin: 0 auto;
	padding: 0;
}


body {
	font-family: microsoft yahei;
	color: #666;
	font-size: 13px;
	min-width: 1200px;
}

a {
	color: #666;
	text-decoration: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}
a:hover{ color: #050d9e;}
img {
	border: none;
	transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
}

ul,li {
	list-style: none;
}

.clear {
	clear: both;
}

p {
	margin: 0 auto;
	padding: 0;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.padding30 {
	padding: 30px;
}

.padding40 {
	padding: 40px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.paddingright {
	padding-right: 10px;
}

.paddingleft {
	padding-left: 10px;
}

.undis {
	display: block;
}

.dis {
	display: none;
}

.pr5 {
	padding-right: 5px;
}

.red {
	color: #f00;
}

.fff {
	color: #fff;
}

input,textarea {
	font-family: microsoft yahei;
}

submit {
	font-family: microsoft yahei;
}

#warp {
	width: 100%;
	height: auto;
	
	position: relative;
}

#home .home a,
#products .products a,
#case .case a,
#news .news a,
#about .about a,
#contact .contact a{ background: #e60213; color: #FFFFFF;}

#case .case ul li a{ background: none; color: #666;}
#case .case ul li a:hover{ background: #050d9e; color: #FFFFFF;}
#products .products ul li a{ background: none; color: #666;}
#products .products ul li a:hover{ background: #050d9e; color: #FFFFFF;}
#about .about ul li a{ background: none; color: #666;}
#about .about ul li a:hover{ background: #050d9e; color: #FFFFFF;}

#news .news ul li a{ background: none; color: #666;}
#news .news ul li a:hover{ background: #050d9e; color: #FFFFFF;}

.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}


.header{ width: 1200px; height: 120px; overflow: hidden;}
.header .logo{ float: left; width: 632px; height: 120px; overflow: hidden;}
.header .logo a{ display: inline-block; width: 100%; height: 120px; background: url(../images/logo.jpg) no-repeat;}

.headerRight{ float: left; width: 316px; height: 120px; overflow: hidden;  margin-left:10px; }
.inSearch{ width: 316px; height: 32px; overflow: hidden; margin-top: 34px;}
.inSearchL{ float: left; height: 30px; line-height: 30px; width: 247px; padding: 0 10px; border: 1px solid #dcdcdc; border-right: none;}
.inSearchR{ float: right; width: 48px; height: 32px; background: url(../images/insub.jpg) no-repeat; border: none; overflow: hidden;}

.top_tel{ float: right; width:140px; padding-left:70px; margin-top:27px; height: 120px; overflow: hidden; background: url(../images/tel.png) no-repeat;}
.top_tel p{ font-size:14px; line-height:26px;}
.top_tel p.tel{font-size:18px; font-weight:bold; color:#000}

.inSearchKey{ width: 316px; height: 34px; line-height: 34px; overflow: hidden;}
.inSearchKey a{ padding-right: 5px;}

.navBg{ width: 100%; height: 52px;  border-top:0px solid #e5e5e5; background: #070fa0;}
.nav{ width: 1199px; height: 52px; border-left: 1px solid #2932df;}
.nav ul li{ float: left; text-align: center; border-bottom: 0px solid #e5e5e5; border-right: 1px solid #2932df; height: 52px; line-height: 52px; width: 197px; position: relative;}
.nav ul li a{ font-size: 15px; display: block; color:#fff}
.nav ul li a:hover{ background: #e60213; color: #FFFFFF;}
.nav ul li:hover ul{ display: block;}
.nav ul li ul{ position: absolute; z-index: 9999; left: 0; top: 52px; background: #FFFFFF; display: none; width: 157px; padding: 5px 20px;}
.nav ul li ul li{ border-right: none; width: 157px; height: 42px; line-height: 42px; }
.nav ul li ul li a{color: #333; font-size: 13px;}
.nav ul li ul li a:hover{ background:#333}

/* banner */
.banner { width: 100%; height: 600px; overflow: hidden; position: relative; }
.banner .bd { height: 600px; position: relative; left: 50%; margin-left: -960px; }
.banner .bd li { width: 1920px; height: 600px;}
.banner .hd { width: 100%; position: absolute; bottom: 20px; height: 15px; text-align: center; }
.banner .hd ul { height: 15px; overflow: hidden; }
.banner .hd li { background: #999; width: 15px; height: 15px; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; text-indent: -99px; cursor: pointer; margin: 0 8px; border-radius: 50%; }
.banner .hd .on { background:#050d9e; }

.index1{ width:100%;  background: url(../images/index1_bg.png) no-repeat;}
.inTit{ width: 1200px; padding: 50px 0 30px 0; text-align: center;}
.inTit h1{ font-size: 30px; height: 50px; line-height: 50px; color:#444}
.inTit h2{ width: 420px; height: 3px; background: url(../images/inTh2.png) no-repeat;}
.inTit h3{ font-size:20px; font-weight: normal; text-transform: uppercase; line-height: 32px; color: #999;}
.inTit p{ line-height: 32px; color: #666;}
.inproBox{ width: 1080px; height: 460px; overflow: hidden;}
.inproBox dl{width: 1080px; height: 460px; background: url(../images/inprobg.jpg) no-repeat; overflow: hidden;}
.inproBox dl dt{ float: left; width: 520px; height: 438px; overflow: hidden;}
.inproBox dl dt img{width: 520px; height: 438px;}
.inproBox dl dd{ float: left; width: 390px; height: 330px; overflow: hidden; margin-left: 80px; display: inline;}
.inproBox dl dd .model1{ line-height:53px;height:53px;  font-size:15px; color:#666;}
 h1{ width: 390px; height: 30px; line-height: 30px; font-size: 30px; color: #033ddc;}
.inproBox dl dd h2{ font-weight: normal; font-size: 18px; color: #0c62ba; height: 42px; line-height: 42px; padding-top: 95px;}
.inproBox dl dd p{ font-size: 16px; color: #666; line-height: 34px; padding-top: 70px;}
.inproBox dl dd a{ display: block; width: 125px; height: 40px; line-height: 40px; margin-top: 15px; float: left; background: #ef7301; color: #FFFFFF; text-align: center;}

.incaseBg{ background: #f1f1f1; width: 100%; margin-top:0px; padding-bottom: 40px;}
.incaseBox{ width: 1200px; overflow: hidden; height: 416px;}
#featureContainer {width: 1200px; height: 416px; overflow: hidden; }
#feature {position: relative;  }
#featurebt .prev { position: absolute; left: 496px; TEXT-INDENT: -9999px; WIDTH: 48px; DISPLAY: block; BACKGROUND:url(../images/casePrev.png) center  no-repeat; FLOAT: left; HEIGHT: 48px;  TOP: 0; 
}
#featurebt .prev:hover{ background: url(../images/casePrevh.png) no-repeat;}
#featurebt .next:hover{ background: url(../images/caseNexth.png) no-repeat;}
#featurebt .next {
	position: absolute; right: 496px;
TEXT-INDENT: -9999px; WIDTH: 48px; DISPLAY: block; BACKGROUND:url(../images/caseNext.png) center no-repeat; FLOAT: right; HEIGHT: 48px;  TOP: 0; 
}
#featurebt .moreCa{ width: 92px; height: 48px; display: block; position: absolute; left: 554px; top: 0; background: url(../images/incaseList.png) no-repeat;}

.featureUL {position: relative;  WIDTH: 2800px;  FLOAT: left;  LEFT: 0px}
.featureBox {WIDTH: 392px;   FLOAT: left; HEIGHT: 416px;OVERFLOW: hidden; margin: 0 6px; background: #FFFFFF;  position: relative; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;}
.featureBox dt{ width: 392px; height: 330px; overflow: hidden; position: absolute; left: 0; top: 0;}
.featureBox dt img{ width: 392px; height: 330px;}
.featureBox dd{ width: 392px; height: 86px; background: url(../images/incasemore.jpg) no-repeat 320px center; position: absolute; left: 0; bottom: 0;}
.featureBox dd a{ display: block; width: 392px; height: 86px; color: #666666;}
.featureBox dd a h4{ font-size: 14px; color: #146bb8; line-height: 30px; padding-top: 15px; font-weight: normal; padding-left: 20px;}
.featureBox dd a h3{ font-weight: normal;  padding-left: 20px;}
.featureBox dd a p{ font-size: 14px; line-height: 18px; width: 260px; height: 36px; overflow: hidden; display: none; float: left; padding-left: 20px;}
.featureBox:hover dd{ background: #050d9e url(../images/incasemoreh.jpg) no-repeat 320px center; height: 110px; z-index: 999;}
.featureBox:hover dd a{ color: #FFFFFF;}
.featureBox:hover dd a h4{color: #FFFFFF;}
.featureBox:hover dd a h3{ display:none;}
.featureBox:hover dd a p{ display: block;}


#botton-scroll {Z-INDEX: 0; WIDTH: 1200px; FLOAT: left; HEIGHT: 416px;}
#block {Z-INDEX: 0; POSITION: relative;   WIDTH: 1200px;  HEIGHT: 416px; OVERFLOW: hidden; }

#featurebt{ width: 1200px; height: 48px; overflow: hidden; margin-top: 20px; position: relative; }



.ys{background: url(../images/ys_bg.jpg) no-repeat center top;font-family:"Microsoft Yahei";height: 1755px;overflow: hidden;}
.ys_m{width: 960px;margin:0 auto;}
.ys_m div{position: relative;z-index: 1;}
.y_pic{display: block;position: absolute;z-index: -1;}
.ys h3{width: 960px;margin:0 auto;height: 205px;}
.ys h3 img{display: block;margin:0 auto;}
.ys h4{position: relative;color: #0c4da2;font-size:24px;padding:8px 0 0 100px;line-height:28px;display: inline-block;height: 48px;}
.ys h4 em{display:inline-block;font-size:24px;color: #fff;position: absolute;top:0;left:0;line-height: 48px;text-align:center;background: url(../images/ys_num.png) no-repeat left top;width: 80px;letter-spacing: -1px;padding-right: 8px;}
.ys ul{line-height: 22px;font-size: 14px;padding:25px 0 0 0;background: url(../images/ys_line.png) repeat-x left top;}
.ys li{color: #444;padding-bottom:14px;background:url(../images/ys_li.gif) no-repeat left 5px;padding-left:24px;text-transform: uppercase;}
.ys li b{color: #0762a8;}

.ys1{padding:66px 525px 0 0;height:327px;}
.ys1 .y_pic{top:0;right:0;}
.ys2{padding:40px 0 0 454px;height:275px;margin:34px 0 0;}
.ys2 .y_pic{top:0;left:-30px;}
.ys .ys2 h4,.ys .ys3 h4{padding-top:0;height:64px;}
.ys .ys2 h4 em,.ys .ys3 h4 em{top:6px;}
.ys3{padding:40px 470px 0 0;height: 317px;margin:50px 0 0;_margin-top:46px;}
.ys3 .y_pic{top:0;right:-5px;}
.ys3 li{width: 410px;}
.ys4{padding:120px 30px 0 475px;height:250px;}
.ys4 .y_pic{top:-12px;left:-73px;}

.s_ban1{font-family:"Microsoft Yahei";}
.s_pic1{display: block;height:163px;background: url(../images/s_ban1.jpg) no-repeat center top;}
.s_banm{width: 960px;margin:0 auto;position: relative;}
.s_ban1 p{position: absolute;bottom:15px;right:0;display: inline-block;}
.s_ban1 p span{display: block;text-align: center;}
.s_ban1 p a{display: inline-block;width:142px;height: 44px;line-height: 38px;font-size:16px;color: #000;background: url(../images/s_lk.png) no-repeat left top;margin:0 6px;}
.s_ban1 p .s_ask1{color: #fff;background: url(../images/s_lk.png) no-repeat right top;}
.s_ban1 p strong{display: inline-block;font-weight: normal;color: #fff; padding:0 0 0 85px;height: 70px;font-size: 16px;margin:5px 0 0;}
.s_ban1 p b{display: block;font-size:30px;line-height: 30px;padding-top: 3px;font-family: Arial;}

.inABbg{ width: 100%; padding: 10px 0 20px 0; background: #f1f1f1; margin-top:0px;}
.inABBox{ width: 1200px; height: auto; overflow: hidden; }
.inABBox .inTit{ width: 1200px; padding: 20px 0 30px 0; text-align: center;}



.zj_con{height:472px; overflow:hidden; width:1000px; margin:0 auto;}

.zj_l{ width:254px; height:450px; background:#fff; position:relative;}

.zj_l ul li{ width:254px; height:111px; overflow:hidden; border-bottom:1px solid #ccc;}
.zj_l ul li a{ display:block;width:254px; height:111px;}
.zj_l ul li span{ display:block; width:66px; height:66px; margin-top:15px; margin-left:27px; display:inline; margin-right:10px;}
.zj_l ul li p{ font:bold 20px/110px "Microsoft Yahei"; color:#5e5e5e;}

.zj_l ul li .z02{ display:none;}
.zj_l ul li.cur{ background:url(../images/zj_lb.png) no-repeat left top; position:relative; z-index:20;}
.zj_l ul li.cur p{ color:#fff;}
.zj_l ul li.cur .z01 { display:none;}
.zj_l ul li.cur .z02 { display:block;}

.zj_l .nobot{ border-bottom:0;}

.zj_x{ width:760px; height:450px; overflow:hidden; position:relative; margin-left:-15px; display:inline;}
.zj_x dl{}
.zj_x dl dt{ width:760px; height:334px; overflow:hidden;}
.zj_x dl dt img{width:760px; height:334px;}
.zj_x dl dd{ height:116px; background:#7e7e7e;}
.zj_x dl dd p{ width:590px; font:14px/24px "Microsoft Yahei"; color:#c5c5c5; margin-left:31px; display:inline;}
.zj_x dl dd p b{ display:block; font:bold 16px/38px "Microsoft Yahei"; color:#fff; margin-top:12px;}
.zj_x dl dd span{ display:block;width:82px; height:116px; }
.zj_x dl dd span a{ display:block; background:url(../images/z_mb.gif) no-repeat left top; width:82px; height:116px; overflow:hidden; font:14px/134px "Microsoft Yahei"; text-align:center; color:#fff;}







.inNews{ width: 1200px; height: 365px; overflow: hidden;}
.inNews dl{ float: left; height: 365px; width: 380px; overflow: hidden; margin-left:30px; }
.inNews dl:first-child{ margin-left: 0;}
.inNews dl dt{ width: 380px; height: 260px; overflow: hidden;}
.inNews dl dt img{width: 380px; height: 260px;}
.inNews dl dd{ width: 380px; height: 85px; overflow: hidden; margin-top: 20px;}
.inNews dl dd .inNewsL{ width: 66px; height: 85px; border-right: 1px solid #999999; overflow: hidden; float: left;}
.inNews dl dd .inNewsL h1{ font-size: 50px; line-height: 50px;}
.inNews dl dd .inNewsL h4{ font-size: 14px; font-weight: normal; line-height: 70px; text-align:center}
.inNews dl dd .inNewsR{ width:280px; height: 85px; overflow: hidden; float: left; margin-left: 15px; display: inline;}
.inNews dl dd .inNewsR h4{ color: #333333; font-size: 18px; line-height: 21px;}
.inNews dl dd .inNewsR p{ font-size: 14px; color: #666666; line-height: 32px; height:32px; overflow:hidden;}
.inNews dl dd .inNewsR a{ display: inline-block; width: 26px; height: 26px; background: url(../images/innewsmore.jpg) no-repeat;}

.infaq{ width: 1200px; height: 68px; overflow: hidden; margin-top: 40px;}
.infaqL{ float:left; width: 68px; height: 68px; background: url(../images/infaq.jpg) no-repeat;}
.infaqR{ float: right; width: 1100px; height: 68px; overflow: hidden;}
.infaqR dl{ height: 67px; width: 520px; overflow: hidden; float: right; border-bottom: 1px solid #e5e5e5; font-size: 14px;}
.infaqR dl:first-child{ float: left;}
.infaqR dl dt{ width: 100%; height: 16px; line-height: 16px; background: url(../images/Q.jpg) no-repeat left center; padding-left: 30px; margin-bottom: 15px;}
.infaqR dl dt a{ color: #333333;}
.infaqR dl dd{ width: 100%; height: 16px; line-height: 16px; background: url(../images/A.jpg) no-repeat left center; padding-left: 30px;}

.footerbg{ background: #444;     overflow: hidden; color:#fff; padding: 20px 0px; text-align: center;}
.footer{ width:1200px; margin:0 auto;}
.footerbg p{ line-height: 32px; font-size: 14px;}
.footerbg p a{ margin-right:25px; color: #fff;}
.footerbg .left{ float:left; text-align:left; width:46%}
.footerbg .right{ float:right;text-align:left; }

.abBanner{ width: 100%; height: 400px;}
.Navmenubg{ width: 100%; height: 55px; line-height: 55px; border-bottom: 1px solid #eaeaea;}
.Navmenu{ width: 1199px; height: 55px; border-left: 1px solid #eaeaea;}
.Navmenu li{ float: left; height: 54px;  border: 1px solid #EAEAEA; text-align: center; font-size: 14px; border-left: none; border-bottom: none; position: relative;}
.Navmenu li a{ display: block;  padding:0px 15px;}
.Navmenu li a:hover{ background: #333; color: #fff;}
.Navmenu li a:hover:after {  
    border-left: 8px solid transparent;  
    border-right: 8px solid transparent;  
    border-top: 8px solid #050d9e;  
    content: "";  
    position: absolute;  bottom: -8px; left: 50%; margin-left: -8px;    
    width: 0;}
#lm_hover{background: #333; color: #fff;}
#lm_hover:after {  
    border-left: 8px solid transparent;  
    border-right: 8px solid transparent;  
    border-top: 8px solid #333;  
    content: "";  
    position: absolute;  bottom: -8px; left: 50%; margin-left: -8px;    
    width: 0;}
    

.conBox{ width: 1200px; height: 300px; overflow: hidden; margin-top: 45px;}
.conBoxL{ width: 600px; height: 300px; overflow: hidden; float: left;}
.conBoxR{ width: 555px; height: 298px; padding-left: 44px; border: #eaeaea 1px solid; border-left: none; overflow: hidden;}
.conBoxR h1{ width: 100%; height: 64px; line-height: 64px; border-bottom: 1px solid #eaeaea; font-weight: normal; font-size: 24px; margin-top: 41px;}
.conBoxR ul{ padding-top: 15px;}
.conBoxR li{ font-size: 14px; line-height: 36px;}
.conBoxR li span{ padding-right: 15px;}
.conBoxR li img{ vertical-align: middle;}

.downBox{ width: 1200px; padding-top: 50px; line-height: 24px; font-size: 14px; overflow: hidden;}
.downBox ul li{     line-height: 40px;
    border: 1px solid #ccc;
    text-align: center;
    background: #dbdbdb; font-size:16px; color:#333;
    margin: 10px 0px;}
.downBox img{ max-width: 1200px; height: auto;}

.line-clamp1 { overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.line-clamp2 { display:-webkit-box; display: box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; box-orient:vertical; }
.faqBox{ width: 1200px; padding-top: 50px;  overflow: hidden;}
.faqBox .swiper-container { max-width: 1200px; margin: 0 auto; }  
.faqBox .item dl { margin: 10px 0; width: 100%; float: left; }
.faqBox .item dl dt {padding:0 40px 0 0; height: 50px; line-height: 50px; border: solid 1px #dedede; cursor: pointer;font-size:16px;position:relative;overflow:hidden; }

.faqBox .item dl dt p { background-color: #dedede; width: 50px; display: block; float: left; text-align: center; margin-right: 20px; border-right: solid 1px #dedede; }
.faqBox .item dl dd { background-color: #fff; padding: 20px 70px; line-height: 22px; display: none; }
.faqBox .item  h3{color:#050d9e;font-size:16px;}
.faqBox .item dl.cur dt { color: #fff; background-color: #050d9e;}
.faqBox .item dl.cur dt p{ color: #fff; background-color: #050d9e;}
.faqBox .item dl.cur dd { display: block; } 
.faqBox .item dl dt:after{content:"";display:block;width:29px;height:100%;background:url(../images/icon-dd3.png) no-repeat center center;position:absolute;right:10px;top:0px;}
.faqBox .item dl.cur dt:after{background-image:url(../images/icon-dd3-2.png);}

.NewsBox{ width: 1200px;  overflow: hidden; margin-top: 50px; }
.news-wrap{ width: 1200px; height: 272px; overflow: hidden;}

.news-wrap .rec {
  position: relative;
  height: 272px;
  background: #fff;
  
}
.news-wrap .rec .images {
  position: relative;
  overflow: hidden;
  width: 525px;
  height: 272px;
}
.news-wrap .rec .images li {
  float: left;
  width: 525px;
  height: 272px;
}

.news-wrap .rec .images li img{
 
  width: 525px;
  height: 272px;
}
.news-wrap .rec .intro {
  position: relative;
  overflow: hidden;
  width: 650px;
  height: 258px;
  
  font-size: 14px;
  line-height: 32px;
  color: #6d6d6d;
}
.news-wrap .rec .intro li {
  float: left;
  width: 650px;
  height: 258px;
}
.news-wrap .rec .intro p {
  margin-bottom: 13px;
}
.news-wrap .rec .intro a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #888;
}
.news-wrap .rec .intro a.t {
  font-size: 24px;
  line-height: 40px;
  color: #292929;
}
.news-wrap .rec .intro a:hover {
  color: #050d9e;
}
.news-wrap .rec .btns {
  position: absolute;
  left: 555px;
  top: 244px;
  height: 9px;
}
.news-wrap .rec .btns span {
  display: inline-block;
  float: left;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 7px;
  background: #ddd;
  cursor: pointer;
  -webkit-transition: all 0.5s;
          transition: all 0.5s;
}
.news-wrap .rec .btns span:hover, .news-wrap .rec .btns span.curn {
  background: #050d9e;
}

.news_list{ width: 1200px; overflow: hidden; padding: 55px 0;}
.news_list dl{ width: 560px; height: 126px; overflow: hidden; position: relative; float: left; margin-bottom: 40px;}
.news_list dl dt{-webkit-transition-duration: 0.5s; transition-duration: 0.5s; z-index: 100; height: 72px; width: 113px; border-right: 1px solid #ddd; text-align: center; position: absolute; left: 0; top: 27px;} 
.news_list dl dt h4{ font-size: 50px; line-height: 50px;}
.news_list dl dt p{ font-size: 14px; line-height: 22px;}

.news_list dl dd{ z-index: 100; height: 72px; width: 419px; padding-right: 10px; overflow: hidden; position: absolute; right: 0; top: 27px;}
.news_list dl dd p{ line-height: 21px;}
.news_list dl dd a{ color: #666;}
.news_list dl dd a h4{ font-size: 16px; font-weight: normal; line-height: 28px; }
.news_list dl dd a h4 {color: #050d9e; }
.news_list dl dd h4 span{ font-size: 13px; color: #999;}

.news_list dl  .innewsdis{ width: 0; height: 126px; background:#eeecec url(../images/innews_rdbg.jpg) no-repeat left center; position: absolute; left: 0; top: 0;}
.news_list dl:hover dt{ transform: rotate(20deg); -webkit-transform: rotate(20deg);}

.newsTit{ width: 100%; height: 36px; line-height: 36px; padding: 5px 0; overflow: hidden; text-align: center; font-size: 20px;}
.newsAdmin{ font-size: 13px; line-height: 30px; text-align: center; color: #999;}
.newsInfo{ width: 100%; padding: 25px 0; font-size: 14px; line-height: 24px; overflow: hidden;}

.newsPrev{ width: 100%; line-height: 26px;}
.newsPrev li{ font-size: 14px;}


.photoList{ width: 1200px; overflow: hidden; margin-top: 50px;}
.photoList dl{ position: relative; width: 390px; height: 328px; float: left; overflow: hidden; margin: 5px;}
.photoList dl dt{width: 390px; height: 328px; overflow: hidden;}
.photoList dl dd{transition-duration: 0.5s; -webkit-transition-duration: 0.5s;width: 390px; height: 328px; overflow: hidden; position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; text-align: center; line-height: 328px; background: url(../images/caseddbg.png) repeat; opacity: 0;}
.photoList dl dt img{width: 390px; height: 328px;}
.photoList dl a:hover dd{ opacity: 1;}

.photoShow{ width: 1200px; overflow: hidden; height: 468px; margin-top: 50px;}
.photoShowLeft{ float: left; width: 556px; height: 468px; overflow: hidden;}
.photoShowLeft img{width: 556px; height: 468px;}
.photoShowRight{ float: right; width: 625px; height: 468px; overflow: hidden;}
.photoShowRightTop{ width: 625px; height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; color:#000; font-size: 28px;}
.photoShowRight h1{ font-size: 16px; color: #050d9e; line-height: 46px; font-weight: normal;}
.photoShowRight h3{ font-size: 16px; color: #050d9e; line-height: 26px; font-weight: normal; padding-top: 8px;}
.photoShowRight h2{ font-size: 16px; color: #ef7301; line-height: 36px; padding-top: 20px;}
.photoShowRightinfo{ font-size: 14px; line-height: 24px; line-height: 28px; color: #666; padding-top: 10px;}
.photoShowRight a{ display: inline-block; width: 126px; height: 40px; background: url(../images/goBack.jpg) no-repeat; margin-top: 20px;}

.goodList{ width: 1200px; overflow: hidden; margin-top: 50px;}
.goodList dl{ float: left; text-align: center; width: 392px; height: 388px; overflow: hidden; margin: 10px 4px;}
.goodList dl dt{ width: 390px; height: 328px; border: 1px solid #eaeaea; overflow: hidden; position:relative;}
.goodList dl dt .goodDIV{transition-duration: 0.5s; -webkit-transition-duration: 0.5s; position: absolute; left: 0; top: 0; background: url(../images/caseddbg.png) repeat; width: 390px; height: 328px; opacity: 0;}
.goodList dl dt .goodDIV a{ display: inline-block; width: 140px; height: 40px; line-height: 40px; background: #fff; border-radius: 20px; margin-top: 145px; font-size: 14px; color: #146bb8;}
.goodList dl dt .goodDIV a:hover{ color: #fff; background: #146bb8;}
.goodList dl:hover dt .goodDIV{ opacity: 1;}

.goodList dl dt img{width: 390px; height: 328px;}
.goodList dl dd{ width: 392px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; background: #146bb8; margin-top: 12px;}

.goodShow1{ width: 1200px;  margin-top: 50px; overflow: hidden;}
.goodShow1Left{ float: left; width: 524px;  overflow: hidden;}


#tFocus{width:524px; overflow:hidden;}
#tFocus-pic{width:524px;height:410px;position:relative;}
#tFocus-pic li{width:524px;height:410px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocus-pic li img{width:522px;height:408px;  border: 1px solid #eaeaea;}

#tFocusBtn{width:524px; margin-top:22px;z-index:20;overflow:hidden;}
#tFocus-btn{width:524px;height:120px;position:relative;left:0;bottom:0;overflow:hidden;}
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:120px;width:186px; display:block;float:left;}
#tFocus-btn li img{ height:118px;width:148px; border: 1px solid #eaeaea;}
#tFocus-btn li.active{background-position:-448px -100px;}
#tFocus-btn li.active img{ border:2px solid #146bb8; height:116px;width:146px; }
#tFocus-leftbtn,#tFocus-rightbtn{height:35px;margin-top:40px;width:29px;float:left;text-indent:-9999px; display: none;} 
#tFocus-leftbtn{margin-right:5px; background:url(../images/prev.png) no-repeat; }
#tFocus-rightbtn{background:url(../images/next.png) no-repeat;}


.goodsShowBox{ width: 1200px; height: auto; margin-top: 50px; line-height:32px; border-top:1px solid #eee; padding-top:20px;}

.content{ width:1200px; overflow:hidden; margin-top:50px;}
/*大标题*/
.ntitle{ margin:0 auto; padding:30px 0 0; width:100%; }
	.ntitle:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.ntitle h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
	.ntitle h2 a{ position:relative; padding-right:25px; color:#888; }
	.ntitle h2 a:hover{ color:#f00; text-decoration:none; }
	.ntitle h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
	.ntitle p{ display:inline-block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
	.ntitle p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:14px; background:url(../images/line.png) left center no-repeat; }
	.ntitle p a:hover{ color:#f06000; }
	.ntitle p a.no-bg{ background:none; }
	.ntitle i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
	.ntitle span{ display:inline-block; float:right; line-height:18px; color:#999; font-size:12px; }
	.ntitle span a{ color:#999; }
	.ntitle span a:hover{ color:#0089CD; }
	

.blue{ color:#1E7BB3; }
	.blue:hover{ color:#F60; }
	.blue a{ color:#1E7BB3; }
	.blue a:hover{ color:#F60; }	


/*图文列表*/
.n-list{ padding-top:10px; }
	.n-list li{ display:block; padding-bottom:16px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:16px 0 14px 0; font-size:16px; line-height:27px; font-weight:normal; }
	.n-list li h2 a{ font-size:20px; font-weight:bold; line-height:29px; color:#3b8dd1; text-decoration:none; }
	.n-list li h2 a:hover{ color:#00549c; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:156px; height:104px; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ font-size:14px; line-height:23px; font-weight:500; color:#555; }
	.n-list li .note .info{ padding-top:10px; }
	.n-list li .note .info span{ margin-right:10px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat; }
	.n-list li .note .info .time{ background-position:0 -158px; }
	.n-list li .note .info .view{ background-position:0 -36px; }
	.n-list li .note .info .comm{ background-position:0 4px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
	
	
	/*在线客服代码*/
.rides-cs { background:rgba(51,51,51,0.9); position: fixed; top: 130px; right: 1px; _position: absolute; z-index: 999; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5333333', endColorstr='#E5333333');}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn { background: #F7F7F7; }
.rides-cs .cn h3 { font-size: 14px; color: #333; font-weight:600; line-height: 24px; padding: 5px}
.rides-cs .cn ul { padding: 0 0 0 8px;}
.rides-cs .cn ul li { line-height: 38px; height:38px; border-bottom: solid 1px #E6E4E4; overflow: hidden;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:0; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; width: 20px; height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}