@charset "utf-8";
/* CSS Document @by Lee*/
body{background: rgb(236,236,236);}

/*----Product----*/
.MainPro{width: 100%; clear: both;display: table;}
.MainPro:nth-child(odd){background: rgb(255,255,255);}
.MainPro .ProBox{width: 980px;margin: 0 auto;position: relative;}
.MainPro .ProBox .Pro_IMG{margin-top: -30px;float: left;width: 30%;z-index: 99;position: relative;}
.MainPro .ProBox .Pro_IMG img{width: 245px;height: 419px;}
.MainPro .ProBox .Pro_wlt{float: right; width: 70%;margin: 25px 0;}
.MainPro .ProBox .Pro_wlt dl{width: 98%;padding: 1%;background: rgb(230,245,250);text-indent: 2em;font-family: '微软雅黑';display: table;}
.MainPro .ProBox .Pro_wlt dl:hover{box-shadow: 0 0 5px rgb(200,200,200);z-index: 99;position: relative;cursor: pointer;}
.MainPro .ProBox .Pro_wlt dl dt{line-height: 45px;color: rgb(27,99,174);font-size: 20px;font-weight: bold;}
.MainPro .ProBox .Pro_wlt dl:nth-child(odd){background: rgb(255,255,255);}
.MainPro .ProBox .Pro_wlt dl dd{line-height: 30px; color: rgb(80,80,80); font-size: 14px; font-weight: bold;}

.MainPro .ProBox .ServiceTitle{width: 100%;position: relative;}
.MainPro .ProBox .ServiceTitle .Title{width: 30%;background: rgb(255,255,255);position: relative;z-index: 2; text-align: center;margin: 0 auto;}
.MainPro .ProBox .ServiceTitle .Title a{color: rgb(27,99,174);margin: 0 auto;line-height: 45px;font-size: 20px;font-weight: bold;font-family: '微软雅黑';position: relative;z-index: 3;}
.MainPro .ProBox .TitleBG{width: 100%;border-top: rgb(27,99,174) 2px dashed;position: absolute; top: 50%;}
.MainPro .ProBox .ServiceCenter{width: 100%;}
.MainPro .ProBox .ServiceCenter dl{width: 32%;float: left;margin: 8px 0;}
.MainPro .ProBox .ServiceCenter dl dt{background-color: rgb(27,99,174); width: 100%; line-height: 80px;}
.MainPro .ProBox .ServiceCenter dl:nth-child(3) dt:nth-child(1){background: url(../images/Service.png) 0 0}
.MainPro .ProBox .ServiceCenter dl:nth-child(1) dt:nth-child(1){background: url(../images/Service.png) 0 -80px}
.MainPro .ProBox .ServiceCenter dl:nth-child(2) dt:nth-child(1){background: url(../images/Service.png) 0 -151px}
.MainPro .ProBox .ServiceCenter dl dd{background: rgb(236,236,236);line-height: 30px;min-height: 260px;margin-top: 8px;padding:15px;}
.MainPro .ProBox .ServiceCenter dl dd img{width:30px;vertical-align:middle;}
.MainPro .ProBox .ServiceCenter dl dd p{width:100%;font-size:18px;line-height:45px;color:rgb(22,79,139);}
.MainPro .ProBox .ServiceCenter dl dd p a{margin-left:10px;}
.MainPro .ProBox .ServiceCenter dl:nth-child(2){margin:8px 2%;}

.MainPro .ProBox .Product{width: 90%;padding: 5% 0 3% 10%;display: table;}
.MainPro .ProBox .Product li{width: 48%;float: left;padding: 1%;}
.MainPro .ProBox .Product li:hover{background: rgba(230,230,230,0.7);cursor: pointer;}
.MainPro .ProBox .Product li h2{line-height: 30px;font-family: "微软雅黑";color: rgb(130,130,130);float: left;width: 63%;font-size:16px;}
.MainPro .ProBox .Product li p{line-height: 30px;font-family: "微软雅黑";color: rgb(130,130,130);float: left;width: 63%;font-size:14px;}
.MainPro .ProBox .Product li .Pro_HY01,.Pro_HY02,.Pro_HY03,.Pro_HY04{width: 115px; display:table;height: 116px;overflow: hidden;background: url(../images/hy_icon.png)  no-repeat;float:left;margin-right: 20px;}
.MainPro .ProBox .Product li .Pro_HY01{background-position:0 0;}
.MainPro .ProBox .Product li .Pro_HY02{background-position:-124px 0;}
.MainPro .ProBox .Product li .Pro_HY03{background-position:0 -124px;}
.MainPro .ProBox .Product li .Pro_HY04{background-position:-124px -124px;}

.MainPro .ProBox .Product li .Pro_ZP01,.Pro_ZP02,.Pro_ZP03,.Pro_ZP04,.Pro_ZP05,.Pro_ZP06,.Pro_ZP07{width: 115px; display:table;height: 116px;overflow: hidden;background: url(../images/zp_icon.png)  no-repeat;float:left;margin-right: 20px;}
.MainPro .ProBox .Product li .Pro_ZP01{background-position:0 0;}
.MainPro .ProBox .Product li .Pro_ZP02{background-position:-130px 0;}
.MainPro .ProBox .Product li .Pro_ZP03{background-position:0 -127px;}
.MainPro .ProBox .Product li .Pro_ZP04{background-position:-130px -127px;}
.MainPro .ProBox .Product li .Pro_ZP05{background-position:0 -254px;}
.MainPro .ProBox .Product li .Pro_ZP06{background-position:-130px -254px;}
.MainPro .ProBox .Product li .Pro_ZP07{background-position:0 -381px;}

.MainPro .ProBox .ProMenu{position: absolute;top:0; left:0;z-index: 99;width: 150px;line-height: 45px;background: rgb(24,79,149);color: rgb(255,255,255);text-align: center;font-family: "微软雅黑";font-size: 20px;}
.MainPro .ProBox .ProMenu:hover{padding-left: 15px;cursor: pointer;border-left: rgb(108,197,250) solid 15px;background: rgb(20,60,130);}

.MainPro .ProBox .Case{width: 100%;padding: 15px 0;display: table;}
.MainPro .ProBox .Case li{float: left;margin: 0 5px;}
.MainPro .ProBox .Case li img{width: 215px;height: 250px;/* padding: 2px; */ border: rgb(255,255,255) solid 10px;box-shadow: 0 0 5px 0px rgb(180,180,180);}