@charset "UTF-8";
.promain{width: 1200px;margin: 0 auto;}
.productNewPage{}
.productNewPage .tab-panel{overflow: hidden;}
.pbannerBox{width: 100%;overflow: hidden;}
.pbannerBox li{background-position: center;background-repeat: no-repeat;height: 376px;background-image: url("../../images/proj/pBanner1.jpg")}
.pbannerBox li.pbanner1 a{}

.pbannerBox .con-conter{/* width: 1200px!important; */overflow: hidden;height: 310px;padding-top: 50px;}
.pbannerBox li .txt{/* border-left:5px solid #fff; */padding-left:30px;line-height: 50px;margin: 0px 0 40px;width:660px;}
.pbannerBox li .txt .sml{color:#fff;font-size: 24px;}
.pbannerBox li .txt .big{color:#fff;font-size:48px;}
.pbannerBox li .txt .smler{color:#fff;font-size: 18px;padding-top:20px;line-height:30px;}
.pbannerBox li .btn{}
.pbannerBox li .btn span{color:#fff;font-size: 18px;background: #f39502;border-radius: 6px;width: 150px;margin-left:30px;display: block;text-align: center;line-height: 40px;}


.proNavBox{}
.proNavBox.fixed{position: fixed;top:0;width: 100%;background: #fff;z-index:999;}
.proNav{text-align:center;height: 60px;line-height: 60px;border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.proNav a{color: #333;font-size: 16px; display: block;position: relative;}
.proNav .active a{background: #f39502;color:#fff;}
.proNav .active a .arrow{left:50%;margin-left:-8px;position:absolute;display: block;width: 18px;height: 8px;background: url("../../images/proj/arrow.png") no-repeat center;}

.proNewTitle{text-align:center;height: 76px;width: 100%;background: url("../../images/proj/line.png") no-repeat center;overflow: hidden;margin: 40px 0;}
.proNewTitle .con-conter{text-align: center;}
.proNewTitle .cn{font-size: 22px;color: #333;top:0px;}
.proNewTitle .en{font-size: 18px;color:#666;top:46px;left:80px;}
#Pmenu1{margin-top:50px;}
#Pmenu13{margin-top:60px;}
#Pmenu11{margin-top:60px;}
#Pmenu9{margin-top:60px;}
#Pmenu4{margin-top:60px;}

.prointro{padding:0px 0 0px;}
.prointro table{vertical-align: middle;}
.prointro table td{color:#666;line-height: 30px;letter-spacing: .5px;}
.prointro table span{padding-bottom:20px;}
.prointro table .blue{font-size: 24px;color: #2770b8;font-style: normal;position: relative;top:4px;}
.prointro table .blank{height: 30px;}

.prointro .adList{overflow: hidden;text-align: center;line-height: 30px;padding:50px 0 0px;}
.prointro .adList li{width: 25%;float: left;}
.prointro .adList li .big{font-size: 18px;text-align:center;padding-top:10px;}
.prointro .adList li .sml{color: #666;text-align:center;}
.prointro .adList li .pic{text-align:center;}

.FcStructure{padding-top: 20px;}
.FcStructure .topItem{overflow: hidden;padding-bottom: 20px;}
.FcStructure .topItem .item{width: 550px;border:1px solid #5a9bd5;height: 400px;}
.FcStructure .topItem .item h2{margin-bottom:10px;font-size:24px;height: 60px;line-height:60px;text-align: center;color:#fff;background: #5a9bd5;}
.FcStructure .topItem .list{width:168px;float: left;border:1px solid #97c730;margin-left: 10px;text-align: center;}
.FcStructure .topItem .list h4{background: #97c730;color:#fff;height: 50px;line-height: 50px;font-size: 20px;}
.FcStructure .topItem .list ul{padding:10px;}
.FcStructure .topItem .list li{height: 40px;line-height: 40px;border-bottom:1px solid #97c730;}
.FcStructure .topItem .list li.last{border-bottom:0;}

.FcStructure .bottomItem{overflow: hidden;padding-bottom: 20px;}
.FcStructure .bottomItem .item{border:1px solid #5a9bd5;text-align: center;}
.FcStructure .bottomItem .item h2{margin-bottom:10px;font-size:24px;height: 60px;line-height:60px;text-align: center;color:#fff;background: #5a9bd5;}
.FcStructure .bottomItem .listLabel{padding:10px 10px 16px;}
.FcStructure .bottomItem .listLabel .label{border-right:1px solid #4d92d3;font-size:14px;padding:0 30px;}
.FcStructure .bottomItem .listLabel .label.last{border:0;}

.sysFeature{padding-bottom:20px;}

.FeatureList{}
.FeatureList .tbAll{font-size:14px;background:#f4faff;border-right:1px solid #9dc3e5;}
.FeatureList .tbAll>tbody>tr>th{text-align: center;background:#5a9bd5;color:#fff;height:60px;line-height:60px;border:1px solid #9dc3e5;border-top:0;border-left:0;font-weight: normal;font-size: 16px;}
.FeatureList .tbAll td{height:45px;text-indent:6px; vertical-align:middle;}
.FeatureList .tbAll>tbody>tr>td{border:1px solid #9dc3e5;border-top:0; border-right: 0;}
.FeatureList .tbAll>tbody>tr>td.bigcon{border-bottom:0;}
.FeatureList .tbAll>tbody>tr>td.lastd{border-right:1px solid #9dc3e5;}
.FeatureList .tbChild td,.tbChild th{border:1px solid #9dc3e5;border-top:0;border-left:0;}
.FeatureList .tbChild th{width:140px;font-weight:normal;}
.FeatureList .tbChild td .txtm{width:700px;}

.idsInformation{padding:20px 0;}
.idsInformation .con-conter{overflow: hidden;}
.idsInformation .item{width: 450px;padding:0 30px;border-right:2px solid #ccc;margin: 0 50px;}
.idsInformation .item li{font-size: 14px;    padding: 10px 0;}
.idsInformation .item li a{color: #333;display: block;overflow: hidden;  text-overflow:ellipsis;white-space: nowrap;}
.idsInformation .item li span{color:#908d8d;padding-right: 10px;}
.idsInformation .item.last{border: 0;margin-right: 0;}

/*界面展示*/
.infDisplay{}
.infDisplay .tempWrap{position: relative;z-index: 999;  }
.infDisplay .pro-con {width: 1140px;margin: 24px auto 0;position:relative; z-index: 1;}
.infDisplay .pro-con ul { width: 100%; }
.infDisplay .pro-con ul li { position: relative; height: 200px; width: 380px; float: left; font-size: 0; text-align: center; }
.infDisplay .pro-con ul li img{width: 374px;height:182px;}
.infDisplay .pro-con .pro_con_prev,.pro-con .pro_con_next{position:absolute;height: 50px;width: 36px;top:0;z-index:1000;cursor:pointer;top: 50%;margin-top: -32px;}
.infDisplay .pro-con .pro_con_prev{left: -36px;}
.infDisplay .pro-con .pro_con_next{right: -36px;display: block;background: transparent;}
.infDisplay .pro-con .pro_con_prev a,.pro-con .pro_con_next a{display:block;width: 36px;height: 50px;background: url(../../images/proj/prev.png) no-repeat;/* margin-top: 150px; */}
.infDisplay .pro-con .pro_con_next a{ background: url(../../images/proj/next.png) no-repeat;margin-top: 0;}



/* 移动焦点图效果 */
.MobileTerminal{}
.MobileTerminal .picBtnTop{height: 636px;padding:5px;position:relative;overflow:hidden;zoom:1;}
.MobileTerminal .picBtnTop .hd{width: 648px;position:absolute;right:5px;overflow:hidden;top: 100px;}
.MobileTerminal .picBtnTop .hd ul li{width: 102px;text-align:center;padding: 10px 30px 20px;float: left;}
.MobileTerminal .picBtnTop .hd ul li img{width: 100px;height: 100px;cursor:pointer;vertical-align:bottom;}
.MobileTerminal .picBtnTop .hd li p{text-align: center;color:#333;font-size: 16px;padding-top: 10px;}
.MobileTerminal .picBtnTop .hd ul li.on img{ border-color:#f60;  }
.MobileTerminal .picBtnTop .bd{width: 420px;height: 100%;position:relative;text-align: center;padding-left: 80px;}
.MobileTerminal .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.MobileTerminal .picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.MobileTerminal .picBtnTop .bd li .pic img{width: 345px;height: 624px;vertical-align:bottom;}


.WebSite{overflow: hidden;}
.WebSite .webList{}
.WebSite .webList li{cursor:pointer;width: 272px;border:1px solid #ccc;height: 300px;float: left;margin: 0 10px 0 10px;}
.WebSite .webList li.hover{border-color:#eeae1a;}
.WebSite .webList li img{width: 100%;height: 184px;}
.WebSite .webList li .listTit{height: 112px;}
.WebSite .webList li .listTit .txt{ bottom: 30px;font-size: 18px;color: #333;width: 100%;text-align: center;}
.WebSite .webList li .listTit .webico{height:44px;width:44px;background: url("../../images/proj/webico.png") no-repeat;text-align: center;left: 50%;margin-left: -22px;}
.WebSite .webList li .listTit .webico_line{height:3px;width: 64px;left: 50%;margin-left: -28px;background: url("../../images/proj/webico.png") no-repeat 0 -120px;position: absolute;top: 30px;}
.WebSite .webList li .listTit .circle{width: 92px;height: 92px;left: 50%;margin-left: -41px;background-position: 0px -158px;top: -41px;/* background: #333; */}
.WebSite .webList li .listTit .webico1{background-position: 0px 0px;margin-left: -14px;top: -22px;}
.WebSite .webList li .listTit .webico2{background-position: -60px 0px;margin-left: -6px;top: -28px;}
.WebSite .webList li .listTit .webico3{background-position: -112px 0px;margin-left: -16px;top: -24px;}
.WebSite .webList li .listTit .webico4{background-position: -173px 0px;top: -26px;}
.WebSite .webList li.hover .listTit .webico_line{background-position: -112px -120px;}
.WebSite .webList li.hover .listTit .webico1{background-position: 0px -61px }
.WebSite .webList li.hover .listTit .webico2{background-position: -60px -61px;}
.WebSite .webList li.hover .listTit .webico3{background-position: -112px -61px;}
.WebSite .webList li.hover .listTit .webico4{background-position: -173px -61px;}
.WebSite .webList li.hover .listTit .txt{color:#eeae1a;}

.Technical .con-conter{text-align: center;}
.TechnicalSafe ul{
    width:1218px;
    height:350px;
    padding:0 12px 0 7px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    background:url("../../images/proj/pro7.png") no-repeat center top;
}
.TechnicalSafe ul li{
    padding:150px 0 0;
    text-align: center;
    width:230px;
    box-sizing: border-box;
}
.TechnicalSafe ul li h3{
    margin-bottom:15px;
    font-size:24px;
    color:#fff;
}
.TechnicalSafe ul li p{
    font-size:18px;
    color:#fff;
    line-height: 30px;
}

.proCase {width: 100%;height: 350px;position: relative; z-index: 1;}
.proCase .mr_frUl {height: 350px;overflow: hidden;margin: 0 36px;width: 1108px;}
.proCase .tempWrap { position: relative; z-index: 999; }
.proCase .mr_frBtnL {cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.proCase .mr_frBtnR {cursor: pointer;position: absolute;right: 0;top: 50%;margin-top: -25px;}
.proCase .mr_frUl ul {float: left;width: 1108px;overflow: hidden;height:350px;}
.proCase .mr_frUl ul li {height: 100%;float: left;width: 1108px;}
.proCase .mr_frUl ul li .desc {float: left;width: 500px;font-size: 14px;color: #666666;line-height: 24px;padding-top: 50px;padding-left: 8px;}
.proCase .mr_frUl ul li .desc h4{padding:20px 0;font-weight: normal;}
.proCase .mr_frUl ul li .casePic {float: right;width: 580px;}
.proCase .mr_frUl ul li .casePic img{max-width: 100%;max-height: 100%;}

/*分享按钮*/
.proShare{padding:50px 0 50px;}