@charset "utf-8";
/* CSS Document */
.wrap img{width:100%;}
.con { padding:0 3%;}
/*产品详情*/
.pron{background: ##fafafa;}
.pn_top{ background: #fafafa; border-bottom: 1px solid #e0e0e0; overflow: hidden; height:6.8rem; box-sizing: border-box; padding:2.3rem 3.1% 0;}
.pn_top span{ display: inline-block; float: left; width: 2.4rem; float: left; padding-top: 0.25rem;}
.b_home{ float: right; width: 2.1rem;}
.pn_top i{ display: inline-block; float:left; width:83%; text-align: center; font-size: 1.5rem; font-weight: bold; font-family: Arial; color: #333; text-transform: uppercase; line-height: 2.67rem;}
.pn_con{ padding:1.1rem 3.1% 0;}
.pn_con dl dd h3{ padding: 1rem 0; font-size: 1rem; color: #333; font-family:Verdana; font-weight: bold;}
.pn_con dl dd h3 span{ display: block;}
.pn_con dl dd p{ color: #666; font-size: 0.92rem; line-height: 1.35rem; padding-bottom: 1.5rem;}
.pn_con dl dd p span{ display: block;}
.pn_con dl dd h4{ overflow: hidden; padding-bottom: 2.3rem; font-weight: normal; font-family: Arial; font-size: 1rem; color: #333333; text-transform: uppercase; line-height: 2rem;}
.pn_con dl dd h4 i{color: #0057d2; font-weight: bold; text-transform: inherit;}
.pn_con dl dd h4 span{ display: inline-block; float: right;}
.pn_con dl dd h4 span img{ display: inline-block; width: 2rem; margin-left: 0.5rem;}
.p_on2{ padding: 0 3.1% 1.9rem; border-bottom: 1px solid #e0e0e0;}
.p_on2 p{ line-height:2.67rem;}
.g-ft2{ background: none;}

.pn_con .swiper-container{ max-height:640px; height:100%;}
.pn_con .pagination{ bottom:50px; z-index:999;}
/*产品中心*/
.pci_con{ overflow: hidden;padding: 0.6rem 2.5% 2.6rem ;}
.pci_con h3{ height: 3.1rem; line-height: 3.1rem; border-bottom: 1px solid #e0e0e0; padding-left: 0.3rem;background:url(../img/pc_ico.gif) no-repeat right 1.2rem; background-size:1.1rem 0.7rem; overflow:hidden}
.pci_con h3 a{ display: block; color: #333; font-size: 1.08rem; font-weight: bold;}
.pci_con ul{ -webkit-border-radius: 5px; overflow: hidden; border:1px solid #e1e1e1}
.pci_con ul li {border-bottom:1px solid #e1e1e1; background:#fff;}
.pci_con ul li:last-child{border-bottom: none;}
.pci_con ul li a{height: 3rem; line-height: 3rem;  padding-left: 3rem; color: #333; font-size: 1.08rem; font-weight:bold;}

.pci_show{ padding: 2% 3.1%; overflow: hidden; background:#fafafa;}
.pci_show ul li{ float: left; width: 47.75%; text-align: center; padding-bottom: 1.23rem;}
.pci_show ul li:nth-child(2n){ float: right;}
.pci_show ul li a{ font-size: 0.92rem; color: #333;}
.pci_show ul li span{ display: block; padding: 0.2rem 3.5% 0; height:2.85rem; overflow:hidden;line-height: 2.85rem;}
.pron2{ border-bottom: 1px solid #e0e0e0; padding-bottom:1rem;}
/*关于我们（相册）*/
.pci_con ul li.cur a{ color:#005fd7;}
.pci_pho ul li{ width: 48.5%; font-size: 0; background: #fff; margin-bottom: 0.83rem; padding-bottom: 0;}
.pci_pho ul li a{ font-size: 0;}
.pci_pho ul li i{ overflow: hidden; text-align: center; height: 2.2rem; line-height: 2.2rem; display: block; font-size: 0.8rem;}
.pci_pho{ padding-bottom: 1.75rem;}
/*关于我们*/
.abo_pho dl dt{ font-size: 0; padding: 0 3.1% 1.2rem; text-align:center}
.abo_pho dl dd{ padding:  0 3.1% 0 7.5%;}
.abo_pho dl dd h3{ color: #333; text-transform: uppercase; font-size: 2.5rem; font-weight: bold; padding-bottom: 1.5rem;font-weight: bold;}
.abo_pho dl dd h4{ font-size: 1.17rem; font-weight: bold; color: #333; line-height: 1.35rem; padding-bottom: 0.35rem;}
.abo_pho dl dd h4 span{ display: block; padding-bottom: 1.2rem;}
.abo_pho dl dd p{ color: #666; font-size: 0.99rem; line-height: 1.35rem;}
/*PS*/
.ps_con{padding: 0 3.1% 1.2rem;}
.ps_con h3{color: #333333;font-size: 1.17rem;font-weight: bold;}
.ps_con p{color: #666;font-size: 1rem;line-height: 1.35rem;padding: 1.5rem 0 1.8rem 0;}
/*客户中心*/
.clients{ padding-top: 1px; padding-bottom: 2rem; background:#fafafa;}
.clients dl{ overflow: hidden; margin: 0.98rem 3.1% 0; background: #fff; box-sizing: border-box; padding: 0.8rem 1.1rem;}
.clients dl dt{ font-size: 0; float: left; width: 41.5%;}
.clients dl dd{ font-size: 0; float: right; width: 56%;}
.clients dl dd h3{ padding: 0.2rem 0 1rem 0;}
.clients dl dd h3 a{ font-weight: bold; font-size: 1.08rem; font-weight: bold; color: #333; line-height: 1.3rem;}
.clients dl dd h3 span{ display: block; font-weight:normal; padding-top:1rem;}
.clients dl dd p{text-align: right;}
.clients dl dd p img{ display: inline-block; width: 1rem;}
/*联系我们*/
.contacts{ margin:0.97rem 3.1% 2.1rem; background: #fff; box-sizing: border-box; padding: 0 5%;}
.contacts ul li{ overflow: hidden; padding-top: 2.35rem; height: 1.7rem; border-bottom: 1px solid #c2c2c2;}
.contacts ul li i{ display: inline-block; float: left; font-size: 0.78rem; color: #666666; text-transform: uppercase;}
.contacts ul li input{ display: inline-block; float: left; height: 1.65rem; border:none; width: 65%;}
.contacts ul li:first-child input{ width: 87%;}
.contacts ul li:nth-child(4){ height: 8.5rem;}
.contacts ul li:nth-child(5){ height:7.3rem; text-align: center; font-size: 0.75rem; color: #666; border-bottom: none;}
.contacts ul li:nth-child(4) textarea{height: 7.5rem; clear:both; width: 100%; line-height: normal;}
.contacts ul li:nth-child(5) button{ display: block; margin:1.2rem auto 0; height: 2.5rem; line-height: 2.5rem; background: #005fd7; color:#fff; font-size: 0.78rem;text-transform: uppercase; border: none; width: 72.5%;}
/*新闻详情*/
.news_on{ padding: 2.5rem 3.1% 0;}
.news_on h2 i{ color: #005fd7; font-family: Verdana;font-weight: bold; font-size: 0.85rem;}
.news_on h2 span{ display: block; padding: 1.3rem 0 1rem 0; font-size: 1.25rem; font-weight: bold;font-family: Verdana;}
.newcon{ background: #fff; padding: 2rem 1.17rem 3.35rem;}
.newcon p{ color: #666666; font-size: 0.92rem; line-height: 1.5rem;}
.newcon p span{ display: block; padding: 1.5rem 0 0.5rem 0;}
/*新闻中心*/
.newlist ul li i{ font-weight: bold; text-align: left; padding: 0 5%; height:3.1rem;}
.newlist ul li em{ display: block; text-align: right; color: #666; font-size: 0.7rem; padding: 0 5% 0.8rem;}
.newlist ul li em span{ display: inline-block; padding: 0 3%; height:0.9rem;}
/*分页*/
.pagelist { width:80%; margin-left:10%; display: table;text-align: center;}
.pagelist ul {display:table;margin-left:auto;margin-right:auto;}
.pagelist ul li{float:left;*float:none;*display:inline;*zoom:1; font-size: 1rem;}
.pagelist ul li a{ padding:0 20px; color:#666; font-size: 1rem; font-weight:bold;}

/*搜索弹出*/
.menun{ position: absolute; top: 4.9rem; left: 0; width: 100%; height: 100%; z-index: 99; background: #fafafa;}
.menun ul{position:relative;z-index: 99; background: #fafafa;}
.menun ul li a{ display: block; height: 3.8rem; line-height: 3.8rem; text-align: center; font-size: 1rem; color: #333; font-weight: bold; position:relative;z-index: 99; background: #fafafa;}
.menun ul li:first-child a{text-align: right; padding: 1rem 1.7rem 0 0; box-sizing: border-box;}
.menun ul li:first-child img{ display: inline-block; width: 1.6rem;}
.lang{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; background: #0079c5; }
.lang a{ display: block;height: 3.3rem; line-height: 3.3rem;color: #fff; font-size: 1.03rem; text-align: center; padding-right: 1.6rem;background:url(../img/lang.gif) no-repeat 62% 1.5rem; background-size:0.9rem 0.4rem;}
.menun2 ul li:nth-child(2){ margin: 2.7rem 3.1% 1.9rem; border-bottom: 1px solid #e0e0e0; overflow: hidden; height: 2.95rem;}
.menun2 ul li:nth-child(2) button{ display: inline-block; float: right;background:url(../img/s_s.gif) no-repeat; background-size: 1.5rem 1.08rem; height: 1.08rem; width: 1.5rem; border: none; margin-top: 0.3rem;}
.menun2 ul li:nth-child(2) span{ display: inline-block; float: left;background:url(../img/s_s2.gif) no-repeat; background-size: 1.5rem 1.5rem;height: 2.95rem;  width: 90%;}
.menun2 ul li:nth-child(2) input{ display: inline-block; background: none; border: none; height: 2.8rem; width: 100%;}
.menun2 ul  em{ display: block; padding: 0 3.1% 3rem;}
.menun2 ul  em a{ color: #666; font-size: 1.17rem; margin-right: 6%;}
.menun2 ul  em a.bol{font-weight: bold; color: #333333;}
/*Solution*/
.solu_con{padding: 0 3.1%;}
.solu_con h3{ padding-bottom:2.35rem; line-height: 100%; position: relative; color: #666; font-size: 0.75rem; text-transform: capitalize; letter-spacing: 0.35rem;}
.solu_con ul{ overflow: hidden; position: relative; margin-bottom: 2rem;}
.solu_con ul li{ float: left; width: 50%; box-sizing: border-box; padding-top: 2.2rem; height:10.6rem; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: center;}
.solu_con ul li:nth-child(2n){ border-right: none;}
.solu_con ul li:nth-child(5),.solu_con ul li:nth-child(6){ border-bottom: none;}
.solu_con ul li i{ display: block; padding-top:3.05rem;background:url(../images/index/o_ico1.png) no-repeat center 0; background-size:2.58rem 2.58rem; height: 3.2rem; color: #333; font-weight: bold; font-size: 1rem; position: relative; z-index: 5;}
.solu_con ul li i span{ display: block;}
.solu_con ul li em{ display: block; line-height: 100%; font-family: Verdana; font-size: 5rem; color: #ebf2fc; margin-top: -5rem; font-weight: bold; position: relative; z-index: 1;}
.solu_con ul li em:before{ content:""; position:absolute;height:1px;width:1.3rem;left:45%;top:110%; background:#666;}
.solu_con ul li:nth-child(2) i{background:url(../images/index/o_ico2.png) no-repeat center 0; background-size:2.58rem 2.58rem; }
.solu_con ul li:nth-child(3) i{background:url(../images/index/o_ico3.png) no-repeat center 0; background-size:2.58rem 2.58rem; }
.solu_con ul li:nth-child(4) i{background:url(../images/index/o_ico4.png) no-repeat center 0; background-size:2.58rem 2.58rem; }
.solu_con ul li:nth-child(5) i{background:url(../images/index/o_ico5.png) no-repeat center 0; background-size:2.58rem 2.58rem; }
.solu_con ul li:nth-child(6) i{background:url(../images/index/o_ico6.png) no-repeat center 0; background-size:2.58rem 2.58rem; }
.solu_con h4{ text-align: center; color: #333; font-size: 0.75rem; margin-bottom: 2.5rem;}
.solu_con h4 em{ display: block; font-size: 1.25rem; font-weight: bold; padding-bottom: 0.5rem;}
.solu_con h4 span{ display: block; padding-bottom: 1rem;}
.solu_con h4 i{ display: block; height: 2.5rem; line-height: 2.5rem; background: #005fd7; border-radius: 0.35rem;}
.solu_con h4 i a{ color: #fff; font-weight: bold;}

/*nobg*/
.nobg{ background:none}
/*产品分类*/
.sideMenu{}
.sideMenu h3{}
.sideMenu h3 em{}
.sideMenu h3.on em{}
.sideMenu ul{ display:none;}
.sideMenu ul li a{ color:#666; font-weight: normal;}

/*详情页排版*/
.protit {
    text-align: left;
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ccc;
    margin-top: 30px !important;
    color: #0e3b98;
    text-transform: uppercase;
}
.protit span {
    display: inline-block;
    border-bottom: 2px solid #0e3b98;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: -2px;
}
/**/
  .info {
        width: 100%;
        border-collapse: collapse;
    }
      .info td {
        padding: 3px 4px;
        border: 2px solid #fff;
        text-align: center;
        font-size: 14px;
        background: #dfe5f2;
    }
.info tr:nth-child(even) td {
  background:#eef1f8;
}
    .info tr:first-child td {
        background: #0e3b98;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }
    .info tr:hover td {
      background: #0e3b98;color: #fff;
    }
    @media screen and (max-width: 767px) {
      .protit span {font-size: 18px;}
        .info td {
            word-break: break-all;
            /*overflow-x: auto;*/
            padding: 2px;
        }
        .info tr:first-child td {
          font-size: 12px;
        }
        .info td {
          font-size: 12px;
        }
    }	
	
@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-3px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-3px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-3px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:-3px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

.pic, .pics {overflow:hidden;}
.pic li, .pics p {width: 100%;  border:1px solid #ddd; margin-bottom: 20px;box-sizing: border-box; padding:0;
}
.pic li p {margin: 0; padding: 0;}
.pic li img, .pics p img{width: 100%;margin:0; padding:0;}