@charset "utf-8";
.youdiancontent{ width:1200px; margin:0 auto;}
.youdian{ padding-top:10px; height:240px; overflow:hidden; }
.youdian ul li{ width:21%; padding:0 2%; text-align:center; float:left; }
.youdian ul li h5{ font-size:16px; color:#000; font-weight:bold; padding-top:10px;}
.youdian ul li span{ display:block; color:#b4b4b4; font-size:9px; }
.faphone {
	position: relative;
	height: auto;
	padding: 10px 0;
	background: #FF4616;
}
.faphone .wenzi {
	text-align: center;
	color: #fff;
	line-height: 35px;
	border-bottom: 1px dashed #FFC2B2;
	padding: 10px 0;
	font-size: 16px;
}
.faphone span.rexian {
	display: block;
	margin-top: 10px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
}
.faphone span.tel {
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	font-size: 24px;
	color: #fff;
}
.faphone span.lx {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	background: #FFF;
	margin-left: 53px;
	width: 156px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	border-radius: 5px;
	-webkit-box-shadow: #ccc 0px 0px 5px;
	-moz-box-shadow: #ccc 0px 0px 5px;
	box-shadow: #ccc 0px 0px 5px;
}
.faphone span.lx a {
	color: #FF4616
}

.pro{ height:1200px; background: url(../image/pro_bj.jpg) no-repeat center top;}
.pro h2{ height: 120px; overflow: hidden;text-align: center; font-size: 18px; font-family: "Microsoft Yahei"; color: #555; font-weight: normal;}
.pro h2 a{
	display: block;
	font-size: 24px;
	font-family: "Microsoft Yahei";
	color: #2f4793;
	line-height: 40px;
	margin-top: 20px;
}


.pro_list{
	width: 260px;
	height: 843px;
	border-bottom: 3px solid #2f4793;
	background-color:#F8F8F8
}

.pro_list h3{ height: 73px; overflow: hidden; width: 260px; background: #2f4793; text-align: center; font-size: 26px; color: #fff; font-family: "Microsoft Yahei"; line-height: 73px;}
.pro_list h3 a{ color: #fff;}

.pro_list h4{ height: 57px; text-align: center; font-size: 16px; color: #333; font-weight: bold; line-height: 57px; }
.pro_list h4 a{ color: #333;}
.pro_list ul{ background: #f8f8f8;width: 260px;}
.pro_list ul li{ position: relative; width: 220px; margin: 0 auto; height: 45px; border-bottom: 1px solid #dbdbdb; font-size: 16px; color: #666; font-family: "Microsoft Yahei"; line-height: 45px;}
.pro_list ul li a{ display: inline-block; width: 220px; height: 45px; background: url(../image/pro_lb.png) no-repeat right center; color: #666;}
.pro_list ul li a:hover ,.pro_list .cur a.erjia{ color: #ff4b00; font-weight: bold; text-decoration: none; background: url(../image/pro_lb.png) no-repeat right center;}
.pro_list .nobot{ border-bottom: 0;}

.pro_list ul li.cur,.pro_list ul li:hover{ width: 230px; margin-top: 0; background: #fff; border: 1px solid #ff4b00; z-index: 20; }
.pro_list ul li.cur a,.pro_list ul li:hover a{  position: relative;background: #fff; font-weight: normal; z-index: 20; padding-left: 10px; background: #fff;}

.pro_list .pro_erji{ border: 1px solid #ff4b00; background: #fff; width: 200px; padding:18px 15px 15px 20px; position: absolute; top: -1px; left: 227px; z-index: 10; display:none;}
.pro_list .pro_erji p{ font-size: 14px; color: #666;}
.pro_list .pro_erji p em{ position:relative; display:block;width: 215px;height: 28px; line-height: 28px; z-index:9;}
.pro_list .pro_erji p em a{ width: 200px; padding-left: 0; display: block; background: none !important; padding: 0 !important; height: 28px; line-height: 28px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:9;}
/*.pro_list .pro_erji p em:hover,.pro_list .pro_erji p em:hover a{ background:#fff; width:217px;}*/
.pro_list .pro_erji p em .pro_sanji{ display:none;border: 1px solid #ff4b00; background: #fff; width: 200px; padding:18px 15px 15px 20px; position: absolute; top: -1px; left: 214px; z-index: 8;}
.pro_list ul li.cur .pro_erji,.pro_list ul li:hover .pro_erji,.pro_list .pro_erji p em:hover span{ display:block;}

.pro_c{
	width: 910px;
	height: 1150px;
	overflow: hidden;
	position:relative;
}
.pro_ad{width: 910px; height: 366px; overflow: hidden;}
.pro_ad a,.pro_ad img{ display:block; width: 910px; height: 366px;}

.pro_c .ggul{ top:336px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    width: 100%; text-align:center;
    z-index: 1;}
.pro_c .ggul li{ background:#2F4793;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    line-height: 999px;
    margin: 1px;
    overflow: hidden;
    width: 100px;}
.pro_c .ggul li.on{ background:#FF4B00;}

.pro_c ul.cpul{ height:225px;}
.pro_c ul.cpul li{ margin-right: 10px; float: left; height:195px; width: 208px; padding: 5px; border: 1px solid #e1e1e1; position: relative; line-height: 0; margin-top: 8px; }
.pro_c ul.cpul li img{ width: 208px; height:155px;}
.pro_c ul.cpul li span{ padding: 0 21px; display: block; height:40px; border-top: 1px solid #c8c8c8; width:166px; margin: 0 auto; font-size: 14px; font-family: "Microsoft Yahei"; font-weight: bold; color: #333; line-height:35px; background: #f8f8f8 url(../image/pro_lb.png) no-repeat 238px center;}



.pro_c ul.cpul li p{ width: 86px; height: 89px; overflow: hidden; position: absolute; top: -4px; right: -3px;}
.pro_c ul.cpul li p img{ width: 86px; height: 89px;}
.pro_c ul.cpul .nobot{ margin-right: 0;}

/**/
.zx{ height: 253px; overflow: hidden; background: url(../image/zx_bj.jpg) no-repeat center top; margin-top:15px;}
.zx_con{ height: 253px; overflow: hidden; position: relative;}
.zx_con p{ position: absolute; width: 360px; right: 0; top: 110px;}
.zx_con p span{ display: inline-block; font-size: 28px; font-family: Arial; color: #fff; text-align: right; vertical-align: middle; margin-right: 10px;}
.zx_con p span em{ display: block; font-size: 16px; font-family: "Microsoft Yahei";}
.zx_con p a{ text-align: center; font-size: 14px; font-family: "Microsoft Yahei"; color: #fff; line-height: 47px; display: inline-block; width: 160px; height: 47px; background: url(../image/zx_btn.png) no-repeat left top;}

/*优势2*/

.ys{ overflow: hidden; width: 100%; background: #fff; margin-top:15px;}
.ys .yshh{ width: 100%;}
.ys .ysTit{ overflow: hidden; background: url("../image/ys_titBg.png") no-repeat center; height: 206px; text-align: center}
.ys .ysTit h2{ font-size:30px; margin-top:50px; color: #fff;}
.ys .ysTit h2 b{ font-size: 42px; color: #ffa200}
.ys .ysTit p{ font-size: 24px; margin-top: 5px; color: #fff;}
/**/
/**/
.new{ height: 600px; overflow: hidden;}

.new h2{ height: 120px; overflow: hidden; text-align: center; font-size: 20px; color: #555; font-weight: normal;}
.new h2 a{ line-height: 54px; margin-top: 15px; font-size: 24px; font-family: "Microsoft Yahei"; color: #2f4793; display: block; font-weight: bold;}

.n_l{ width: 567px;}
.n_l h3{ margin-bottom: 20px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; font-weight: bold; color: #333;}
.n_l h3 a{ display: inline-block; height: 38px; border-bottom: 2px solid #ff4b00; color: #333;}
.n_l h3 span{ font-size: 14px; font-family: Arial; color: #555; font-weight: normal;}
.n_l h3 span a{ color: #555; border-bottom: 0;}

.n_l dl{ height: 279px; border-bottom: 1px solid #999;}
.n_l dl dt{ width: 567px; height: 153px; position: relative;}
.n_l dl dt img{ width: 567px; height: 153px;}
.n_l dl dt span{ display: block; position: absolute; top: -3px; right: -3px; width: 65px; height: 65px; overflow: hidden;}
.n_l dl dt span img{ width: 65px; height: 65px;}
.n_l dl dd{}
.n_l dl dd p{ font-size: 14px; font-family: Arial; color: #777; line-height: 50px; margin-top: 8px;}
.n_l dl dd p a{ font-size: 14px; color: #333; font-family: "Microsoft Yahei"; font-weight: bold;}
.n_l dl dd span{ display: block; font-size: 14px; color: #666; font-family: "Microsoft Yahei"; line-height: 26px;}
.n_l dl dd span a{ color: #666;}

.n_l ul{ margin-top: 16px;}
.n_l ul li{ height: 36px; font-size: 14px; color: #777; font-family: "Microsoft Yahei"; line-height: 36px;}
.n_l ul li a{ color: #666; background: url(../image/cus_wb.gif) no-repeat left center; padding-left: 14px;}
.n_l ul li a:hover{ background: url(cus_wbh.gif) no-repeat left center; color: #ff4b00; text-decoration: none;}

.n_r{ width: 570px;}
.n_r h3{ margin-bottom: 20px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; font-weight: bold; color: #333;}
.n_r h3 a{ display: inline-block; height: 38px; border-bottom: 2px solid #ff4b00; color: #333;}
.n_r h3 span{ font-size: 14px; font-family: Arial; color: #555; font-weight: normal;}
.n_r h3 span a{ color: #555; border-bottom: 0;}

.n_rc{ width: 570px; overflow: hidden;}
.n_rc dl{ height: 92px; overflow: hidden; margin-bottom:30px;}
.n_rc dl dt{ width: 160px; height: 92px; overflow: hidden;}
.n_rc dl dt img{
	width: 140px;
	height: 90px;border: #CCCCCC 1px solid
}
.n_rc dl dd{ width: 374px; font-size: 14px; line-height: 26px; font-family: "Microsoft Yahei"; color: #666;}
.n_rc dl dd a{ display: block; font-size: 16px; color: #333; font-weight: bold; color: #333; line-height: 38px;}


/**/
.about{ background: url(../image/a_hb.jpg) no-repeat center top; height: 772px; overflow: hidden;}

.about h2{
	height: 160px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #555;
	font-family: "Microsoft Yahei";
	font-weight: normal;
}
.about h2 a{ color: #2f4793; font-size: 24px; display: block; line-height: 54px; margin-top: 34px;}

.about dl dt{ height: 341px; overflow: hidden; width: 1200px;}
.about dl dt img{ width: 1200px; height: 341px;}
.about dl dd h3{ margin: -51px auto 0; text-align: center; padding-top: 68px; background: url(../image/a_wb.png) no-repeat center top; width: 102px; height: 69px; overflow: hidden; font-size: 18px; font-family: Arial; color: #c5c5c5; font-weight: normal; z-index: 10; position: relative;}
.about dl dd h3 a{ font-weight: bold; display: block; font-size: 20px; color: #ff4b00;}
.about dl dd p{ width: 914px; margin: 30px auto 0; text-align: center; font-size: 14px; color: #666; line-height: 26px; font-family: "Microsoft Yahei";}
.about dl dd p a{ color: #ff4b00;}


/*honor*/
.R_y{overflow: hidden; width: 100%; background-color: #fafafa;}
.R_y .ryNav{ text-align: center; border: 2px solid #293C76; width: 318px; margin: 0 auto; height: 46px;}
.R_y .ryNav li{ float:left; width:159px; height: 46px; font-size: 20px; color:#333; background-color: #fff; line-height: 46px; position: relative}
.R_y .ryNav li i{ position: absolute; top:48px; left:50%; margin-left: -8px; background: url(../image/ry_xjx.png) no-repeat center; width: 16px; height: 7px; display: none;}
.R_y .ryNav li a{ color: #333; text-decoration: none}
.R_y .ryNav li:hover,.R_y .ryNav li.cur{ background-color: #293C76;}
.R_y .ryNav li:hover i,.R_y .ryNav li.cur i{ display: block}
.R_y .ryNav li:hover a,.R_y .ryNav li.cur a{ color: #fff}
.R_y .ryBox{ overflow: hidden; width:1000px; height: 260px; position: relative;  }
.R_y .ryList{ position:absolute; left:0; top:0;}
.R_y .ryList li{ width: 323px; float: left; margin-right: 10px;}
.R_y .ryList li img{ display: block; border: 5px solid #fff;}
.R_y .ryList li span{ text-align: center; display:block; font-size: 13px; color: #4e4e4e; margin-top:15px;}
.R_y .ryList li:hover img{ opacity: .85;}
.R_y .ryCon{ overflow: hidden; width: 100%; height: 260px; margin:45px 0; position: relative}
.R_y .ryHz{ position: absolute; top:0; left:0; display: none}

/*行业应用开始*/
.yingyong-top{ width:1200px; height:auto; overflow:hidden; text-align:center; padding-top:33px;}
.yingyong-top p{ width:1200px; height:37px; line-height:37px; font-size:26px; color:#333333;}
.yingyong-top span{ width:1200px; display:block; height:30px; line-height:30px; font-size:24px; color:#023f8f; font-family:Arial, Helvetica, sans-serif;}
.yingyong-top em{ font-style:normal;width:1200px; height:27px; line-height:27px; font-size:18px; color:#3c3d41; display:block;}
.yingyong-top a{ width:1200px; height:27px; line-height:27px; font-size:18px; color:#3c3d41; display:block;}

.yingyong-bot{width:1200px; height:494px; overflow:hidden; margin-top:26px; position:relative;}
.yingyong-bot ul { list-style-image:none; width:1200px; height:auto; overflow:hidden;}
.yingyong-bot ul li{ width:295px; height:242;  CURSOR: pointer; float:left; display:inline; position:relative; }
.yingyong-bot ul li cos1 {position:absolute; left:0px; top:0px;}
.yingyong-bot ul li cos2 {position:absolute; left:0px; bottom:0px;}
.yingyong-bot ul li cos2 {position:absolute; left:0px; bottom:0px;}
.yingyong-bot ul li cos3 {position:absolute; right:0px; top:0px;}
.yingyong-bot ul li cos4 {position:absolute; right:0px; bottom:0px;}
.yingyong-bot ul li img{ width:295px; height:242;}

#yingyong_1 img{width:600px; height:494px;}
#yingyong_2 img{width:600px; height:494px;}
#yingyong_3 img{width:600px; height:494px;}
#yingyong_4 img{width:600px; height:494px;}
.yingyong-bot ul li p{ position:absolute; left:0; top:0;width:295px; height:242px; z-index:999}
.yingyong-bot ul li p span{ display:block; margin-top:99px; margin-left:55px; font-size:14px; color:#fff; width:150px; padding-left:5px; padding-right:5px; height:40px; line-height:40px; text-align:center; border:1px solid #fff;}
.yingyong-bot .anniu p{ background:#295398;  }

.yingyong-cen{ width:600px; height:494px; position:absolute; top:0; z-index:999; left:300px;}
.yingyong-cen img{ width:600px; height:494px; position:relative;}
.yingyong-cen p{ width:600px; height:130px; position:absolute; bottom:0; left:0; z-index:9999; background:url(../image/yingyong-tm.png);}
.yingyong-cen p span{ width:570px; padding-left:15px; display:block; overflow:hidden;}
.yingyong-bt{ height:36px; line-height:36px; padding-top:12px; font-size:18px;}
.yingyong-bt a{ color:#fff;}
.yingyong-nr{ font-size:14px; height:26px; line-height:26px; color:#fff;}
.yingyong-more{ height:42px; line-height:42px; font-size:14px;}
.yingyong-more a{ color:#fff;}
/*行业应用结束*/
/** 重点推荐   **/
.row:after {
  content: " ";
  display: block;
  clear: both; }
.section_1 {
  background: #f9f9f9; }
.caption {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 30px; }
  .caption .t1 {
    line-height: 1;
    font-size: 32px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px; }
  .caption .t2 {
    font-size: 14px;
    color: #666666; }
.product {
  margin-right: -39px; }
  .product li {
    position: relative;
    float: left;
    width: 374px;
    height: 268px;
    margin-bottom: 40px;
    margin-right: 39px; }
    .product li:nth-child(3n) {
      margin-right: 0; }
    .product li:hover .back {
      opacity: 1;
      visibility: visible; }
    .product li .front {
      background: #fff; }
      .product li .front img {
        display: block;
        width: 374px;
        height: 212px; }
      .product li .front p {
        line-height: 56px;
        text-align: center;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .product li .back {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      opacity: 0;
      visibility: hidden;
      transition: all 300ms;
      background: #0890EF;
      padding: 20px;
      color: #fff; }
      .product li .back .t1 {
        position: relative;
        font-size: 16px;
        line-height: 36px;
        font-weight: bold;
        text-align: center;
        padding-bottom: 10px;
        padding-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .product li .back .t1:after {
          content: "";
          position: absolute;
          width: 72px;
          height: 1px;
          background: #fff;
          left: 50%;
          margin-left: -36px;
          bottom: 0; }
      .product li .back p {
        margin-top: 20px;
        font-size: 12px;
        line-height: 22px;
        height: 66px;
        overflow: hidden;
        color: #fff;
        text-indent: 2em;
        margin-bottom: 20px; }
      .product li .back a {
        display: block;
        text-align: center; }	
	  
  
.main {
  position: relative;
  z-index: 2;
  width: 1200px;
  margin: auto;
  overflow: hidden; }