@charset "UTF-8";
.banner{ position: relative; float: left; clear: both; overflow:hidden; width: 100%; height: 648px;}
.tab{ position: relative; overflow: hidden; width: 100%; min-width:1200px; height: 648px; }
.tab ul{ position: absolute; left: 0; top: 0; width:100%; height: 648px;}
.tab ul li{ display: block; float: left; width: 100%; height: 648px; background:  url(../images/banner01.jpg) top center no-repeat; background-size: cover;}
.tab ul li p{ overflow: hidden; width: 1200px; margin: 0 auto;}
.tab ul li p img{ margin: 20px 0 0 40px;}
.tab ul .bg02{ background:  url(../images/banner02.jpg) top center no-repeat; background-size:cover;}
.tab ul li .w1320{ width: 1320px;}
.tab ul li .w1320 img{margin:0 0 0 100px;}
.tab ul .bg03{ background:  url(../images/banner03.jpg) top center no-repeat; background-size:cover;}
.tab ul .bg04{ background:  url(../images/banner04.jpg) top center no-repeat; background-size: cover;}
.tab ul .bg06{ background:  url(../images/banner06.jpg) top center no-repeat; background-size:cover;}
.posDiv{ position:absolute; left: 0px; top: 498px; width: 100%; height: 150px; } 
.posDiv p{ position: absolute; left: 0px; top: 0px; width: 100%; height: 150px; background-color: #3585cf; opacity: .8; filter:alpha(opacity=80); z-index: 1; }
.posDiv ul{ position: absolute; left: 50%; margin-left: -600px; display: block; width:1200px; z-index: 10; }
.posDiv li{ display: block; float: left; width:auto; height: 150px; margin-right: 60px; cursor:pointer;}
.posDiv .marleft{ margin-left: 88px;}
.posDiv .mar40{ margin-right:40px;}
.tiao{ float: left; width: 100%; height: 44px; background:  url(../images/tiaowen.jpg) 0 0 repeat-X;}
.tiao img{ display: block; width: 34px; height: 16px; margin: 15px auto 0;}
.warp{ overflow: hidden; clear: both; width: 1200px; margin: 0 auto;}
.warp dl{overflow: hidden; display: block;float: left; width: 380px; height: 566px; margin:40px 30px 0 0;}
.warp dl dt,.warp dl dd{ overflow: hidden; display: block; float: left; width: 100%; cursor: pointer;}
.warp dl dt{ height: 420px;}
.warp dl dd{ height: 130px; margin-top: 15px;}
.warp dl dd span{ overflow: hidden;; display: block; height: 34px; font: 24px/34px Microsoft Yahei; color: #333;}
.warp dl dd p{ overflow: hidden; height: 56px; font: 18px/28px Microsoft Yahei; color: #333; opacity: .5; filter:alpha(opacity=50);}
.warp dl dd .btn{ width: 130px; height: 36px; margin-top: 5px; background:  url(../images/btn.jpg) left bottom no-repeat;}
.warp dl dd .btn:hover{ background-position: left top;}
.warp .mar0,.content .mar0{ margin-right: 0;}
.mb{ display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:10000; }
.opacity{ position:absolute;  top:0; left:0; width:100%; height:100%;background-color:#000; opacity:.3; filter: alpha(opacity=30);}
.tank{ position:absolute; left:50%; margin-left:-472px; top:50%; margin-top:-394px;  width:946px; height:788px; background: url(../images/tankuang.png) 0 0 no-repeat; z-index:1000;}
.tank ul{ overflow:hidden; display: block; width:342px; margin: 218px 0 0 374px;}
.tank ul li{ width: 326px; height: 44px; padding: 0 8px;  font:20px/44px Microsoft Yahei; color: #333; border-bottom: 1px dashed #ffe696;}
.tank ul .borno{ border-bottom: none;}
.tank ul input{ overflow:hidden; width:224px; height:40px; padding:0 8px; border:none; background-color:transparent; }
.tank a{ display: block; width: 238px; height: 102px; margin-left: 422px; background:  url(../images/tanperson.jpg) 0 0 no-repeat;}
.advice{ width: 1200px; height: 90px; margin: 36px auto 0;}
.footer{ overflow: hidden; width: 1200px; padding: 0 20px; margin: 0 auto;  font:14px/54px SimSun; color: #000; text-align: center; opacity: .5; filter:alpha(opacity=50);}
.pos{ position: fixed; left: 0px; top:50%; width:40px; height: 316px; z-index:100;}
.hide{ position:absolute; top:0px; left:-260px; width: 300px; height: 316px;}
.hidelef{ float: left; width:204px; height: 316px; padding-left:58px ; background:  url(../images/tanbg.png) 0 0 no-repeat;}
.hidelef span{ display: block; float: right; width: 50px; height: 38px; font:14px/38px Microsoft Yahei; color: #dd1927; cursor: pointer;}
.hidelef p{ clear: both; width: 100%; text-align: center; font:14px/18px Microsoft Yahei; color: #333;}
.hidelef p font{ font-family: Arial; font-size:18px;}
.hidelef .mar{ margin: 20px 0 2px 0;}
.divimg{ float: left; width: 40px; height: 178px; cursor: pointer; margin-left:-5px;}
/*下载页面*/
.content,.dlDiv{ overflow:hidden; width:1000px; margin:0 auto;}
.content .alink{ display:block; width:130px; margin-top:16px; font:18px/22px Microsoft Yahei; color: #333;} 
.content p{ clear:both; width:100%; height:104px; margin-top:28px; font:20px/26px SimSun; color: #976b07; }
.content p img{ display:inline-block; float:left; margin: 0 14px 0 298px;}
.content p span{ display:inline-block; float:left; height:100px; padding-top:4px;}
.content dl{ position:relative; display:block; float:left; width:324px; height:446px; margin:32px 14px 0 0;}
.content .mar162{ margin-left:162px;}
.content dl dt,.content dl dd{ overflow:hidden; float:left; width:100%; text-align:center; }
.content dl dt{ height:394px;}
.content dl dd{ height:52px; font:24px/52px Microsoft Yahei; color: #333;}
.content dl dt p{ position:absolute; left:0px; top:130px; width:318px; height:60px; margin-top:0px; font:20px/30px Microsoft Yahei; color: #fff; text-align:center; z-index:15; opacity: 0; filter:alpha(opacity=0);}
.content dl dt .posimg{ position:absolute; left:1px; top:0px; z-index:10; opacity: 0; filter:alpha(opacity=0);}

.IbmLogo{ clear:both; width:1200px; height:50px; margin:0 auto;}
