.banner{ width:980px; margin:0 auto; position:relative;}
.banner h1,.banner h2,.banner h3,.banner h4,.banner h5{ padding-right:560px;}
.banner h1{ padding-top:80px; font-size:18px; color:#0078ae;}
.banner h2{ padding-top:10px; width:420px; padding-right:0; padding-bottom:30px; font-size:52px; line-height:60px; font-weight:bold; color:#0078ae; border-bottom:#e1e2e2 1px solid;}
.banner h3{ padding-top:40px; font-size:14px; color:#6c6c6c;}
.banner h4{ text-align:center; padding-top:30px;}
.banner h5{ padding-top:30px; padding-bottom:50px;}
.banner h6{ position:absolute; top:80px; right:0;}

.bodyer{ background:#205ab0;}
.bodyer .container{ width:980px; margin:0 auto; padding:80px 0; position:relative;}

.product{ width:660px; position:relative;}
.product div{ width:300px;}
.product .softb{ position:absolute; top:0; right:0;}
.product h1{ height:125px; position:relative;}
.product h1 p{ font-size:24px; font-weight:bold; color:#15394f; position:absolute;}
.product h1 span{ color:#144c6f; position:absolute;}
.product h2{ padding:10px 20px; color:#205ab0; height:96px; background:#fff;}
.product h3{ padding:20px 0; text-align:center; background:#e6eaec;}
.product h3 a{ display:inline-block; width:80px; height:30px; background-image:url(../images/btn.gif); text-align:center; font-size:14px; font-weight:bold; color:#fff; margin:0 30px; line-height:30px;}
.product .softa h1{ background-image:url(../images/pdta.gif);}
.product .softa h1 p{ top:30px; left:30px;}
.product .softa h1 span{ top:55px; left:30px;}
.product .softb h1{ background-image:url(../images/pdtb.gif);}
.product .softb h1 p{ top:70px; left:30px;}
.product .softb h1 span{ top:95px; left:30px;}

.case{ width:660px; margin-top:50px; background:#fff;}
.case h1{ text-align:center; font-size:30px; line-height:50px; font-weight:bold; color:#205ab0; padding-top:50px;}
.case p{ padding-top:30px; text-align:center;}
.case p span{ display:inline-block; width:200px; padding:20px 0;}
.case-title{ text-align:center; font-size:30px; font-weight:bold; color:#fff; padding-bottom:50px;}
.case-content{ position:relative; height:60px;}
.case-content span{ display:block; position:absolute; top:0; width:200px;}
.case-content .casea{ left:0;}
.case-content .caseb{ left:230px;}
.case-content .casec{ right:0;}

.service,.contact{ background:#fff; position:absolute; right:40px; width:220px;}
.service{ top:441px;}
.contact{ top:80px;}
.service h1,.contact h1{ position:absolute; width:110px; height:110px; top:-50px; right:-40px; z-index:100;}
.service h1{ background-image:url(../images/pe.png);}
.contact h1{ background-image:url(../images/tel.png);}
.service h2,.contact h2{ position:relative; height:80px;}
.service h2 b,.contact h2 b{ display:block; position:absolute; color:#15394f;}
.service h2{ background-image:url(../images/service.gif);}
.service h2 b{ font-size:24px; top:40px; left:20px;}
.service ul{ padding:25px;}
.service li{ height:30px; line-height:30px; background-image:url(../images/go-02.gif); background-repeat:no-repeat; background-position:0 12px; padding-left:20px; width:60px; margin:0 auto;}
.service li a{ font-size:14px; font-weight:bold; text-decoration:underline; color:#71980d;}
.service li a:hover{ text-decoration:none;}
.contact h1{ background:url(../images/tel.png);}
.contact h2{ background-image:url(../images/contact.gif);}
.contact h2 b{ font-size:18px; top:50px; left:10px;}
.contact p{ padding:30px 20px; color:#999;}
.contact p span{ display:block; font-size:26px; font-weight:bold; color:#e6781f; text-align:center; padding-bottom:15px;}
.contact p a{ display:block; text-align:center; color:#205ab0; padding-top:12px; font-weight:bold;}*/