﻿/*bread crumb*/
.bread-crumb{ border-bottom:#eee 1px solid;}
.bread-crumb .container{ width:1080px; margin:0 auto; line-height:50px;}
.bread-crumb .container span{ display:inline-block; *display:inline; *zoom:1; padding-right:15px; margin-right:10px; background-image:url(/Templates/2015/images/bread-crumb.gif); background-repeat:no-repeat; background-position:center right;  font-size:16px;}
.bread-crumb .container a{ color:#333;}
.bread-crumb .container a:hover{ text-decoration:underline;}
.bread-crumb .container span.current{ padding-right:0; margin-right:0; background:none; font-weight:bold;}

.banner-wrap{ position:relative; height:400px; width:100%;background-repeat: no-repeat; background-size: cover; background-position: center;}
.banner-wrap h1,.banner-wrap h2,.banner-wrap h3,.banner-wrap h4,.banner-wrap h5,.banner-wrap h6,.banner-wrap p,.banner-wrap a{ position:absolute; left:0; color: #fff;}
.banner-wrap h1{ position:absolute; font-size:44px; line-height:48px;}
.banner-wrap p{ position:absolute; font-size:20px; line-height:24px;}
.banner-wrap a { display: inline-block; text-align: center; background: #b81d18; color: #fff; border-radius: 3px; padding: 3px 35px; margin: 20px 10px; font-size:16px; }
.banner-wrap a:hover{ background:#d7110a;}

/*banner index*/
.banner-index{ background-image: url(/soft/images/index-banner.jpg);}
.banner-text{ width:990px; margin:0 auto; height:400px; position:relative;}
.banner-index h2{ font-size:28px; line-height:36px; font-weight:bold; left:5px; top:50px; font-style:italic; color: #fff;}
.banner-index h1{ top:90px; font-weight:bold; font-size:60px; line-height:80px; color: #fff;}
.banner-index p{ top:180px; font-size:24px; font-weight:bold; color: #fff;}
.banner-index a{  top: 250px; left: 0;}


/*banner-6ABE01*/
.banner-6ABE01{ background-image: url(/soft/6ABE01/images/banner.jpg);}
.banner-6ABE01 h1{ top:100px;}
.banner-6ABE01 p{ top:180px; width:650px;}
.banner-6ABE01 a{ top:290px;}

/*banner-6ABE02*/
.banner-6ABE02{ background-image: url(/soft/6ABE02/images/banner.jpg);}
.banner-6ABE02 h1{ top:100px;}
.banner-6ABE02 p{ top:180px; width:570px;}
.banner-6ABE02 a{ top:290px;}

/*banner-6ABE03*/
.banner-6ABE03{ background-image: url(/soft/6ABE03/images/banner.jpg);}
.banner-6ABE03 h1{ top:100px;}
.banner-6ABE03 p{ top:180px; width:650px;}
.banner-6ABE03 a{ top:290px;}

/*banner-6ABE04*/
.banner-6ABE04{ background-image: url(/soft/6ABE04/images/banner.jpg);}
.banner-6ABE04 h1{ top:100px;}
.banner-6ABE04 p{ top:180px; width:650px;}
.banner-6ABE04 a{ top:290px;}

/*banner-6ABE05*/
.banner-6ABE05{ background-image: url(/soft/6ABE05/images/banner.jpg);}
.banner-6ABE05 h1{ top:100px;}
.banner-6ABE05 p{ top:180px; width:650px;}
.banner-6ABE05 a{ top:290px;}


/*banner-6ABE06*/
.banner-6ABE06{ background-image: url(/soft/6ABE06/images/banner.jpg);}
.banner-6ABE06 a{ top:290px;}


.banner-6ABE06 ul{ display:list-item; list-style-position:outside; padding-left:24px; position:absolute; top:120px; width:630px; text-align:justify; text-justify:inter-ideograph;}
.banner-6ABE06 li{ display:list-item; list-style:disc; font-size:16px; line-height:1.8em; margin-top:5px; color:#fff;}
.banner-6ABE06 h2{ font-size:36px;color:#fea24a; top:50px;}

/*banner-6ABE07*/
.banner-6ABE07{ background-image: url(/soft/6ABE07/images/banner.jpg);}
.banner-6ABE07 h1{ top:100px;}
.banner-6ABE07 p{ top:180px; width:650px;}
.banner-6ABE07 a{ top:290px;}

/*banner-6ABE08*/
.banner-6ABE08{ background-image: url(/soft/6ABE08/images/banner.jpg);}
.banner-6ABE08 h1{ top:100px;}
.banner-6ABE08 p{ top:180px; width:650px;}
.banner-6ABE08 a{ top:290px;}

/*banner-6ABE09*/
.banner-6ABE09{ background-image: url(/soft/6ABE09/images/banner.jpg);}
.banner-6ABE09 h1{ top:100px;}
.banner-6ABE09 p{ top:180px; width:650px;}
.banner-6ABE09 a{ top:290px;}


/*banner-6ABE10*/
.banner-6ABE10{ background-image: url(/soft/6ABE10/images/banner.jpg);}
.banner-6ABE10 h1{ top:100px;}
.banner-6ABE10 p{ top:180px;}
.banner-6ABE10 a{ top:290px;}

/*banner-6ABE11*/
.banner-6ABE11{ background-image: url(/soft/6ABE11/images/banner.jpg);}
.banner-6ABE11 h1{ top:100px;}
.banner-6ABE11 p{ top:180px;}
.banner-6ABE11 a{ top:290px;}



.list-wrap { background:#f2f3f5} 
.list-wrap ul{ width:1080px; margin:0 auto; font-size:0; padding:30px 0;}
.list-wrap li{ display:inline-block; *display:inline; *zoom:1; font-size:16px; letter-spacing:normal; vertical-align:top;width:33.33%}
.list-wrap li .mode-warp{ background:#fff; margin:10px; height:120px;border-radius:3px; position:relative; padding:10px 25px; padding-right: 100px;}
.list-wrap li .mode-warp:hover{ box-shadow: 0px 1px 8px rgba(202, 202, 202, 0.5);}
.list-wrap li .mode-warp img{ position:absolute; width:72px;height:72px; top:50%; margin-top:-36px;right:25px;}
.list-wrap li .mode-warp h2 { font-size: 22px; margin-top: 22px;}
.list-wrap li .mode-warp h2 a{ color: #454545; font-size: 22px;}
.list-wrap li .mode-warp h2 a:hover{ color:#b81d18;}
.list-wrap li .mode-warp p{  margin-top:20px; text-indent: 0;}
.list-wrap li .mode-warp p a{ display:inline-block; *display:inline; *zoom:1;  font-size:14px; line-height:30px; margin-right:10px; width:80px; height:32px; text-align:center; background-color:#f0f0f0; color:#333; }
.list-wrap li .mode-warp p a:hover{ background-color:#b81d18; color:#fff;}

.content { color:#333}
.content .ctr h1 { font-size: 24px; line-height: 48px; height: 48px;color: #b81d18; margin-top: 24px;}
.content hr{ border:none; height:1px; background:#eee; color:#eee; width:990px; margin:0 auto;}
.content .ctr h2, .content .ctr p { font-size: 16px; line-height: 24px; text-align: justify; text-justify: inter-ideograph; margin-top: 24px;}
.content .ctr p{ text-indent:2em;}
.content .ctr h2 { font-weight: bold;}

.content hr.full{ width:100%;}
.ctr, .ctr-n{ width:990px; margin:0 auto; font-size:0; padding-bottom:24px;}
.ctr p.img,.ctr p.word-li,.ctr p.more,.ctr p.list-item{ text-indent:0;}
.ctr p.img{ text-align:center;}
.ctr .ctr-rt,.ctr .ctr-lt{ display:inline-block; *display:inline; *zoom:1; width:50%; vertical-align:top;}
.ctr .ctr-rt h2,.ctr .ctr-rt p{ padding-left:25px;}
.ctr .ctr-lt h2,.ctr .ctr-lt p{ padding-right:25px;}
.ctr p.list-item{ padding-left:3em;}
.ctr p.word-li{ font-size:0; text-align:left; text-justify:auto;}
.ctr p.no-indent{ text-indent:0;}
.ctr p.center{ text-align:center;}
.ctr p.word-li span{ font-size:16px; display:inline-block; margin-right:5px; margin-bottom:5px; padding:5px; background-color:#eee;}
.ctr p.more{ text-align:right;}
.ctr p.more span{ display:inline-block; *display:inline; *zoom:1; background-image:url(../images/more.gif); background-repeat:no-repeat; background-position:center left; padding-left:15px;}
.ctr p.more span a{ color:#06C;}
.ctr p.more span a:hover{ text-decoration:underline;}
.ctr ul{ padding-left:2em; padding-top:15px;}
.ctr li{ display:list-item; list-style:decimal; list-style-position:outside; text-align:justify; text-justify:inter-ideograph;}

.ctr center{ font-size:16px; line-height:3em;}

.ctr-t{ width:990px; margin:0 auto; font-size:0; letter-spacing:-5px; margin-bottom:50px;}
.ctr-t-sub{ display:inline-block; *display:inline; *zoom:1; font-size:16px; letter-spacing:normal; width:33%; text-align:center; vertical-align:top; margin-top:50px;}
.ctr-t-sub h2,.ctr-t-sub p{ width:258px; margin:0 auto; margin-top:15px;}

.content a.download { background: #148ae4;  color: #fff; padding: 6px 20px; font-size: 16px;}
.content a.download :hover{ background:#0877cb;}

.f16 ul li{ font-size:16px;}