********基础样式*************/
*{padding:0;margin:0;}
body{padding:0;margin:0;width:100%;overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, select, p, blockquote, h1, h2, h3, h4, h5, h6,td,a{font-family:"Microsoft YaHei",微软雅黑;padding:0;margin:0;}
a,a:focus,a:visited,a:active,a:hover{outline:0;border:none;text-decoration: none;cursor: pointer;font-family:"Microsoft YaHei",微软雅黑;}
.clear{clear: both;visibility: hidden;width: 100%;height: 0;overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.f_left{float: left;}
.f_right{float: right;}
.c_wap:after{content:"."; height:0; display:block; visibility:hidden; clear:both; font-size:0;}
.outer_box{width: 1000px;margin: 0 auto;position: relative;}
.inner_box{width: 1900px;position: absolute;left:-450px;top:0;z-index:10;}
/*按钮样式*/
.button{cursor:pointer;display: block;background-color: #ff008a;line-height: 40px;text-align: center;height: 40px;font-size: 18px;color: #fff;width: 139px;font-family:"Microsoft YaHei",微软雅黑;border-radius: 5px;}
.button:hover{background-color: #950051;color: #fff;}
/*********基础样式 end************/
.container{height: 2137px;width: 100%;background-color: #ffbe14;}
.bannerPic{display: block;}
.content{width: 1164px;height:1834px;position: absolute;top:228px;left:50%;margin-left: -582px;}
.part1{width: 990px;height: 338px;background: url(images/h1_pic.png) center no-repeat;position: absolute;left: 50%;margin-left: -495px;top:-145px;}
.part2{width: 1132px;height: 433px;background: url(images/h2_pic.png) center no-repeat;margin: 0 auto;padding-top: 423px;}
.part3{width: 973px;height: 470px;margin-left:103px;margin-top: -198px;position: relative;}
.p1{width: 950px;height: 470px;border: 4px solid #000000;background-color: #ae2d0e;border-radius: 13px;position: absolute;right: 0;top:0;z-index: 8;}
.p2{width: 950px;height: 456px;border: 4px solid #000000;background-color: #ffbe14;border-radius: 13px;position: absolute;left: 0;top:0;z-index: 9;}
.hdlc-h1{position: absolute;z-index: 10;top:0;left: 54px;}
.hdlc{position: absolute;z-index: 10;top:36px;left: 50%;margin-left: -168px;}
.hdlc-con{position: absolute;z-index: 10;width: 973px;left:51px;top:180px;height: 236px;}
.hdlc-con li{float: left;list-style: none;position: relative;cursor: pointer;width: 140px;border:none;}
.hdlc-ps4{margin-left: 94px;}
.part3-text p{font-size: 23px;color: #000000;text-align: center;line-height: 38px;}
.part3-text1{position: absolute;top:337px;left: 52px;z-index: 10;}
.part3-text2{position: absolute;top:337px;left: 265px;z-index: 10;}
.part3-text3{position: absolute;top:337px;left: 489px;z-index: 10;}
.part3-text4{position: absolute;top:337px;left: 742px;z-index: 10;}
.part4{width: 973px;height: 470px;margin-left:103px;margin-top: 22px;position: relative;}
.p3{height: 615px;}
.p4{height: 600px;}
.part4-con{position: absolute;z-index: 10;top:185px;left: 34px;}
.part4-con p{font-size: 22px;color: #000000;padding:8px 0;line-height: 38px;}
.part4-con p span{color:#e2350c;display: block;position: absolute;z-index: 10;left: 400px;top: 60px;}
.part4-con p span:hover{border-bottom: 2px solid #e2350c ;cursor: pointer;}
.hdlc-detail{left:-5px;top:-14px;position: absolute;}
.hdlc-detail-icon{left:-35px;top:-164px;position: absolute;width: 199px;height: 142px;border:4px solid #000000;background-color: #fff;overflow: hidden;}
.icon-icon-9{position: absolute;left: 50%;margin-left: -64px;top:50%;margin-top: -64px;}
.icon-icon-8{position: absolute;left: 50%;margin-left: -66px;top:-40px;}
.icon-icon-10{position: absolute;left: 50%;margin-left: -66px;top:-30px;}
.visible{display: none;}
.hdlc-detail{display: none;}
.sys{position: absolute;right: 290px;top: 198px;width: 128px;height: 129px;z-index: 10;border:4px solid #000000;display: none;}
.spe1{width: 138px;height: 138px;background: url(images/icon-3.png) center no-repeat;}
.spe2{width: 139px;height: 139px;background: url(images/icon-4.png) center no-repeat;}
.spe3{width: 140px;height: 140px;background: url(images/icon-5.png) center no-repeat;}