@charset "utf-8";
/* title */
.title {width: 100%;text-align: center;padding-top: 54px;}
.title h2 {font-size: 38px;color: #2B5CC5;font-weight: bold;}
.title h2 a {color: #2B5CC5;text-decoration: none;}
.title p {font-size: 12px;color: #c3c3c3;font-family: arial;text-transform: uppercase;word-spacing: 2px;margin-top: 8px;}
.title i {display: block;width: 1200px;height: 3px;margin: 15px auto;background: url(../images/title_xian01.png) top center no-repeat;background-size: 100%;}
/* 产品中心 */  
.product{width: 100%;padding-bottom: 80px;overflow: hidden;}
.product_nav {width: 255px;background: #216BCE;overflow: hidden;margin-top: ;}
.product_ul01 li a{display: block;font-size: 18px;color: #fff;width: 254px;height: 120px;line-height: 120px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left: 20px;background: #2B5CC5;font-weight: bold;}
.product_ul02 li em{width: 0;height: 0;border-top: 7px solid transparent;border-left: 7px solid #fff;border-bottom: 7px solid transparent;float: right;margin-right: 50px;margin-top: 25px;}
.product_ul02 li a{font-size: 14px;overflow: hidden;height: 66px;line-height: 66px;border: 0;font-weight: normal;background: #216BCE;}

.product_phone {height: 190px;background: #2B5CC5;text-align: center;padding-top: 46px;}
.product_phone img{display: block;margin: 0 auto;}
.product_phone p{font-size: 14px;color: #fff;margin-top: 4px;}
.product_phone p i{display: inline-block;width: 32px;height: 1px;background: #484484;margin: 0 8px;position: relative;top: -4px;}
.product_phone span{display: block;font-size: 24px;line-height: 36px;color: #fff;}

.product_list {
  width: 910px;
  overflow: hidden;
}
.product_list li{float: left;width:286px;margin-left: 16px;margin-bottom: 16px;transition: all 0.3s linear 0s;}
.product_list li img{width: 286px;height: 286px; display: block;}
.product_list li:hover{ transform: translateY(-5px);}
.product_list li em{display: block;height: 44px; line-height: 44px; overflow: hidden; text-align: center;font-size: 16px;color: #666666;font-weight: normal;border-bottom: 1px solid #b5b5b5}
.product_list li:hover em{color: #2B5CC5;border-bottom: 1px solid #2B5CC5}
/* adv */
.adv{width: 100%;}
.adv .title0{width: 100%;background: #2B5CC5;text-align: center;color: #fff;padding: 20px 0 20px 0;}
.adv .title0 h2 {font-size: 42px;line-height: 62px;letter-spacing: 2px;}
.adv .title0 font {background: #0B3895;padding: 0 12px 0 12px;font-style:oblique;}
.adv .title0 p {font-size: 28px;line-height: 52px;}
.adv .title0 em {margin-left: 20px;}
.adv .con1{height: 294px;background: url(../images/advBg_01.jpg) no-repeat center;padding-top: 97px;}
.adv .con2{height: 285px;background: url(../images/advBg_02.jpg) no-repeat center;padding-top: 101px}
.adv .con3{height: 266px;background: url(../images/advBg_03.jpg) no-repeat center;padding-top: 91px;}
.adv .con4{height: 318px;background: url(../images/advBg_04.jpg) no-repeat center;padding-top: 107px;}
.adv .box{width: 550px;overflow: hidden;}
.adv .box dl{width: 550px;overflow: hidden;}
.adv .box dl dt{float: left;width: 58px;height: 58px;text-align: center;line-height: 58px;background: url(../images/advNumBg.png) no-repeat center #0B3895;font-size: 38px;color: #fff;font-weight: bold;font-family: arial;}
.adv .box dd{float: right;padding-top: 3px;margin-left: 12px;width: 480px;}
.adv .box dd h3{font-size: 24px;color: #333333;}
.adv .box em{color: #2B5CC5;font-weight: bold;}
.adv .box dd p{font-size: 14px;color: #c0c0c0;text-transform: uppercase;margin-top: 6px;width: 480px;}
.adv .box i{display: block;width: 100%;height: 1px;background: #e9e9e9;margin: 15px 0 20px 0;}
.adv .box li{padding-left: 14px;background: url(../images/adv_icon02.png) no-repeat left 13px;font-size: 16px;color: #666666;margin-top: 10px;line-height: 30px;}
.adv .box li:first-child{margin-top: 0;}
.adv .box{margin-left: 14px;}
.adv .con.dif .box{margin-left: 622px;}

/* ad */
.ad{width: 100%;position: relative;background: url(../images/adBg.png) no-repeat center #2B5CC5;height: 180px;}
.ad .content{height: 180px;position: relative;}
.ad dl{margin-top: 20px;color: #fff;letter-spacing: 2px;margin-bottom: 10px;}
.ad dl dt {font-size: 32px;font-weight: bold;line-height: 56px;}
.ad dl dt em {color: #2D85DC;font-weight: bold;}
.ad dl dd {font-size: 24px;}
.ad h3 {background: #fff; color: #2B5CC5;padding: 0 20px 0 20px; font-size: 21px; line-height: 36px;width: 450px;}
.ad .box{width: 280px;height: 140px;position: absolute;right: -12px;top: -10px;background: #2D85DC;padding-top: 50px;}
.ad .box a{display: block;width: 158px;height: 46px;margin-left: 55px;}
.phone{margin-left: 30px;background: url(../images/ad_phone.png) no-repeat left center;padding-left: 44px;margin-top: 20px;}
.phone span{display: block;font-size: 15px;color: #fff;}
.phone p{font-size: 24px;color: #fff;font-weight: bold;}

/*case*/
.case {
  height:698px;
  margin-bottom: 61px;
  padding-top: 30px;
}
.case_l {
  position: absolute;
  left: -70px;
  top: 355px;
  z-index: 55;
  cursor: pointer;
}
.case_r {
  position: absolute;
  right: -70px;
  top: 355px;
  z-index: 55;
  cursor: pointer;
}
.case_list {
  margin-top: 40px;
  overflow: hidden;
}
.case_list ul li {
  float: left;
  width: 385px;
  margin-right: 22px;
  background: #fff;
  height: 461px;
  box-shadow: 0 0 15px #cfcfcf;
  position: relative;
  margin-bottom: 15px;
  transition: all 0.3s linear 0s;
}
.case_list ul li img {
  width: 385px;
  height: 289px;
}
.case_list ul li i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background:url(../images/case_lin.png) no-repeat 5px 5px;
  padding-top: 320px;
  color: #1a1a1a;
  font-size: 24px;
  padding-left: 30px;
  box-sizing: border-box;
}
.case_list ul li span {
  display: block;
  padding:60px 30px 0;
  color: #595959;
  font-size: 20px;
  line-height: 48px;
  height: 90px;
}
.case_list ul li:hover {
  transform: translateY(-4px);
}

/* flow */
.flow{width: 100%;padding: 14px 0 75px 0;background: #f3f3f3;}
.flow .box1{width: 1120px;margin: 35px auto 0;position: relative;}
.flow li{float: left;width: 114px;text-align: center;margin-left: 53px;}
.flow li img{display: block;position: relative;}
.flow li span{display: block;margin: 0 auto;width: 114px;height: 114px;overflow: hidden;position: relative;}
.flow li:first-child{margin-left: 0;}
.flow li em{font-size: 16px;color: #666666;margin-top: 16px;display: block;}
.flow .box1 i{display: block;width: 14px;height: 26px;position: absolute;top: 46px;margin-bottom: 50px;}
.flow .box1 i img{display: block;}
.flow .box1 .I1{left: 134px;}
.flow .box1 .I2{left: 301px;}
.flow .box1 .I3{left: 468px;}
.flow .box1 .I4{left: 635px;}
.flow .box1 .I5{left: 802px;}
.flow .box1 .I6{left: 969px;}
.flow .box2{text-align: center;}
.flow .box2 p{display: inline-block;font-size: 16px;color: #666666;height: 41px;line-height: 41px;}
.flow .box2 p em{font-size: 28px;color: #333333;font-weight: bold;top: 4px;position: relative;}
.flow .box2 a{display: inline-block;width: 137px;height: 41px;line-height: 41px;font-size: 16px;color: #fff;background: url(../images/flowBg02.png) no-repeat center;margin-left: 30px;text-decoration: none;}
/*news*/
.news{padding:35px 0 30px;/*margin-bottom: 60px;*/overflow: hidden;}
.news a {color: #333;}
.new_bd{height: 280px;position: relative;}
.new_list dl{height: 280px;}
.new_list dt img{width: 373px;height: 280px;}
.new_list dd{float: left;width: 730px;margin-left: 60px;}
.new_list dd b{display:block;font-size: 28px;color: #333;line-height: 28px;margin:34px 0 40px;}
.new_list dd p{font-size: 14px;color: #666;line-height: 30px;}
.new_list dd .more{display:block;font-size: 14px;color: #666;line-height: 24px;width: 100px;margin: 50px 0 0;}
.new_list dd .more:hover{color: #333;}
.new_pg{position: absolute;bottom: 25px;z-index: 10;right: 30px;}
.new_pg i{display:inline-block;width: 14px;height: 14px;background: #2B5CC5;border-radius: 50%;margin-right: 10px;}
.new_pg i.cur{background: #2D85DC;}

.news ul { margin-top: 30px;}
.news ul li { width: 580px; height: 110px; background: #F1F2F4; margin-bottom: 29px;overflow: hidden;}
.news ul li:nth-child(1) {display: none;}
.news ul li:nth-child(2) {display: none;}
.news ul li:nth-child(3) {display: none;}
.news ul li:nth-child(4) {float: left;}
.news ul li:nth-child(5) {float: right;}
.news ul li:nth-child(6) {float: left;}
.news ul li:nth-child(7) {float: right;}
.news ul li:nth-child(8) {float: left;}
.news ul li:nth-child(9) {float: right;}

.news ul li span { padding: 32px 33px 0 30px; height: 110px;display: block; border-right: 1px solid #EBEBEB; float: left; font-size: 19px; color: #666; line-height: 100%; margin-right: 16px; font-family: arial }
.news ul li span i { display: block; font-size: 24px; color: #333; line-height: 100%; margin-bottom: 7px; font-weight: 300 }
.news ul li h4 { font-size: 16px; color: #333; line-height: 44px; overflow: hidden;font-weight: 600; padding-top: 5px; }
.news ul li p { font-size: 14px; color: #888; line-height: 21px }

/*about*/
.about {
  overflow: hidden;
  background:#F7F9F8;
  padding:60px 0 90px 0; 
}
.about dl {
  overflow: hidden;
}
.about dl dt {
  margin-bottom: 30px;
}
.about dl dt img {
  width: 1200px;
  height: 420px;
}
.about dl dd h3 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.about dl dd {
  margin: 0 auto;
  width: 1080px;
  line-height: 28px;
  font-size: 16px;
}
/* 友情链接 */
.g_link{line-height: 60px;background: #2a2a2a;overflow: hidden;}
.link_c{line-height:60px; overflow:hidden;font-size: 14px;}
.link_c a{ white-space:nowrap; padding:0 30px;float: left; height: 60px; line-height:60px; color:#888888;display: block;}