@charset "utf-8";
/* CSS Document */
.probody{padding:0;}
.probody section{margin-top:0;overflow:hidden;}
.prohead{text-align:center;color:#fff;padding-top:100px;padding-bottom:40px; background:url(../images/protopbg.jpg) no-repeat center top;}
.prohead .prologo,.prohead .prologo img{width:190px;}
.prohead h1{font-size:94px; text-shadow:2px 2px 2px #111;margin-top:60px;}
.prohead .proposi{margin-top:30px;text-align:center;}
.prohead .proposi span{display:inline-block;font-size:22px; background:url(../images/proposi.png) no-repeat left center;padding-left:24px;}

.prochara{padding-top:60px;padding-bottom:60px;}
h2.protitle{font-size:40px;font-weight:bold;color:#000;}
.prochara .main{padding-top:100px;}
.prochara .pcharalist{margin-left:-40px;margin-right:-40px;}
.prochara .pcharalist li{width:25%;padding-left:40px;padding-right:40px;text-align:center;float:left;}
.prochara .pcharalist li span{display:inline-block;width:140px;height:140px; background:#fafafa;border-radius:50%;overflow:hidden;padding-top:48px;text-align:center;line-height:0;}
.prochara .pcharalist li span img{height:44px;margin:0 auto;}
.prochara .pcharalist li h3{font-size:26px;color:#000;line-height:1.0;text-align:center;margin-top:30px;font-weight:bold;}
.prochara .pcharalist li i{display:inline-block;width:28px;height:4px;overflow:hidden; background:url(../images/bluecol.jpg) no-repeat;margin-top:10px;}
.prochara .pcharalist li p{line-height:1}
.prochara .pcharalist li p.shortdemo{line-height:1.5;margin-top:30px;font-size:15px;color:#333;}

.proposition{background:#f9f9f9;padding-top:60px;padding-bottom:60px;}
.proposition .main{background:#fff; box-shadow:0 0 5px #ddd;padding:50px;margin-top:80px;overflow:hidden;}
.proposition .main .left{width:240px;}
.proposition .main .right{width:855px;}
.proposition .main .right img{width:855px;}
.proposition .main .left li{margin-bottom:40px;}
.proposition .main .left li:last-child{margin-bottom:0;}
.proposition .main .left li p{line-height:28px;padding-left:44px;font-size:24px;color:#333;}
.proposition .main .left li h4{font-size:30px;color:#333;font-weight:bold;line-height:30px;margin-top:20px;padding-left:44px;}
.proposition .main .left li p.p01{background:url(../images/prosite01.png) no-repeat left top;}
.proposition .main .left li p.p02{background:url(../images/prosite02.png) no-repeat left top;}
.proposition .main .left li p.p03{background:url(../images/prosite03.png) no-repeat left top;}
.proposition .main .left li p.p04{background:url(../images/prosite03.png) no-repeat left top;}
.proposition .main .left li p.p05{background:url(../images/prosite04.png) no-repeat left top;}


.proindic{background:url(../images/proitembg.jpg) no-repeat center top;color:#fff;padding-top:60px;padding-bottom:120px; text-align:center;}
.proindic .protitle{color:#fff;}
.proindicdata{width:1200px;margin:0 auto;}
.proindicdata li{width:33%;float:left;margin-top:80px; text-align:center;}
.proindicdata li:first-child{text-align:left;}
.proindicdata li:last-child{text-align:right;}
.proindicdata li span{display:inline-block;text-align:center;font-size:16px;}
.proindicdata li b{font-size:60px; font-family:"Arial Black";display:inline-block;margin-right:10px;}
.proindicdata li i{display:inline-block;font-size:24px;font-weight:bold;margin-top:20px;}
.proindic .main{border:1px solid #686766;padding:10px;margin-top:70px;overflow:hidden;}
.proindic .main tr td{padding:10px;font-size:16px;color:#aaa;line-height:1.0;}
.proindic .main tr td:first-child{width:18%;}
.proindic .main tr td:nth-child(2){width:32%;}
.proindic .main tr td:nth-child(3){width:18%;}
.proindic .main tr td:last-child(2){width:32%;}
.proindic .main td b{color:#fff;}

.protel{background:url(../images/procontactbg.jpg) no-repeat center top;color:#fff;padding-top:100px;padding-bottom:100px;border-top:10px solid #fff;}
.protel span{display:inline-block;height:112px;border:1px solid #fff;line-height:110px;padding-left:40px;padding-right:40px;border-radius:10px;font-size:36px;color:#fff;font-weight:bold; background:rgba(255,255,255,0.1);}
.protel span i{ background:url(../images/protel.png) no-repeat left center;display:inline-block;padding-left:56px;}
.protel a{display:inline-block;font-size:30px;color:#fff;margin-top:60px;}
.protel a b{display:inline-block; background:url(../images/proenter.png) no-repeat right center;padding-right:40px;}

.profloatser{width:120px;height:250px; position: fixed;right:10px;top:50%;margin-top:-125px; z-index: 9999;}
.profloatser li{width:120px;height:120px; position: relative;}
.profloatser li a{display:block;width:120px;height:120px;background:#6c7279;text-align:center;padding-top:25px;border-radius:10px;}
.profloatser li span{display:block;color:#fff; font-size:16px;line-height: 43px; }
.profloatser li.sertel {margin-bottom:5px;}
.profloatser li.sertel p{height:120px;font-size:36px; font-family:Arial;color:#fff;text-align:center;width:350px;background:#6cbd13;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; position: absolute;top:0px;right:120px; line-height: 120px;display:none;}
.profloatser li:hover a{background:#6cbd13;}

 
.ercode{width:120px; position:fixed;right:10px;bottom:10px;z-index:9; text-align:center;font-size:14px;background:#fff;}
.ercode img{width:100%;}