#mainVisual { width:100%; height:572px; font-family:"Roboto"; position:relative;  }
.visual, .visual li { width:100%; height:572px;  }
.visual li.vs1 { background:url(/img/main/mainVisual1.jpg) no-repeat center; }
.visual li.vs2 { background:url(/img/main/mainVisual2.jpg) no-repeat center; }
.visual li > div { width:1200px; margin:0 auto; }
.visual h2 { margin-top:145px; font-size:75px; line-height:100%; font-weight:700; height:102px; overflow:hidden; text-transform:uppercase; padding-left:25px; animation:vsTit 1s 1s; animation-fill-mode: forwards; opacity:0;  }
.visual h2 span { display:block; font-size:28px; /*line-height:100%;*/ line-height: 110%; margin:-5px 0 5px 5px; }
.visual dl { margin:30px 0 0 26px; overflow:hidden; animation:vsTxt 1s 2s; animation-fill-mode: forwards; opacity:0; }
.visual dt { font-size:18px; line-height:100%; width:100%; overflow:hidden; padding-bottom:9px; }
.visual dd { float:left; width:230px; line-height:24px; font-size:14px; }
.visual dd.line { clear:left; float:left; width:230px; }
.visual dd.txt_b {clear:left; float:left; width:100%; }
.visual li > div > a { display:block; width:105px; margin:45px 0 0 26px; background:url(/img/main/icon_visualLink.png) no-repeat right center; line-height:60px; font-size:16px; animation:vsTxt 1s 3s; animation-fill-mode: forwards; opacity:0; }
.vs1 h2 { color:#fff; border-left:1px solid #fff; }
.vs1 dl { color:#fff;  }
.vs1 > div > a { color:#fff; }
.vs2 h2 { color:#073364;  border-left:1px solid #073364; }
.vs2 dl { color:#093462; }
.vs2 > div > a { color:#073364; }

.acroBn { background:url(/img/main/bg_acroBn.png) no-repeat; width:715px; height:150px; position:absolute; bottom:80px; left:50%; margin-left:-135px;  z-index:60;  }
.acroBn li { width:150px; height:150px; text-align:center; overflow:hidden; float:left; color:#093462; }
.acroBn li:nth-child(2) { margin-left:29px; color:#fff; }
.acroBn li:nth-child(3) { margin-left:21px; }
.acroBn li:last-child { margin-left:20px; color:#fff; }
.acroBn h3 { font-size:21px; line-height:25px; font-weight:500; margin-top:48px; }
.acroBn h3 em { font-size:36px; }
.acroBn p { font-size:13px; font-weight:500;  }

@keyframes vsTit {
	0% { opacity:0; margin-left:10px; }
	100% { opacity:1; margin-left:0; }
}
@keyframes vsTxt {
	0% { opacity:0; margin-left:36px; }
	100% { opacity:1; margin-left:26px; }
}



#mainVisual .bx-pager {  position:absolute; bottom:30px; width:100%; left:0;  z-index:99; text-align:center; }
#mainVisual .bx-pager div { display:inline-block; zoom:1; *display:inline; margin:0 4px; }
#mainVisual .bx-pager a {display: block; width:9px; height:9px; text-indent:-9999px; background:#fff; }
#mainVisual .bx-pager a:hover, #mainVisual .bx-pager a.active { background:#262626; }


.mainCon { width:1200px; margin:25px auto 70px; overflow:hidden; }

.pdMenu { width:100%; height:108px; border:1px solid #cfcfcf; box-sizing:border-box; background:#f8f8f8; overflow:hidden; }
.pdMenu li { float:left; width:170px; height:106px; border-left:1px solid #cfcfcf; font-size:16px; }
.pdMenu li:first-child { border-left:none; width:170px; }
.pdMenu li a { display:table; width:100%; height:100%; text-align:center;}
.pdMenu li span { display:table-cell; vertical-align:middle; color:#4c4c4c; }
.pdMenu li i { width:auto; display:inline-block; *display:inline; zoom:1; text-align:left; padding-right:15px; }
.pdMenu li img { vertical-align:middle;  }


.pdMain { overflow:hidden; font-family:"Roboto"; position:relative; margin-top:60px;  }
.pdMain h3 { line-height:68px; text-align:center; font-weight:700; font-size:42px; color:#242424; }
.pdMain > div { margin-top:30px; }
.pdBn { width:100%; }
.pdBn li { /* float:left; margin-left:25px; width:281.25px; */ height:376px; border:1px solid #cfcfcf; box-sizing:border-box; position:relative; }
.pdBn li:first-child { margin-left:0; }
.pdBn li i { position:absolute; top:212px; left:115px; width:52px; height:52px; background:#d2d2d2 url(/img/main/icon_pd.png) no-repeat center; transform:rotate(45deg); font-size:0; display:block; transition:all .3s; }
.pdBn li:hover i { background-color:#0954a1; }
.pdBn li .img { width:100%; height:238px; display:table; text-align:center; background:url(/img/main/bg_pd.gif) no-repeat center 190px; border-bottom:1px solid #d9d9d9;  }
.pdBn li .img p { display:table-cell; vertical-align:middle; }
.pdBn li .img p img { display:block; margin:0 auto; }
.pdBn li .txt { width:100%; height:135px; background:#f6f6f6; display:table; text-align:center; }
.pdBn li .txt p { display:table-cell; vertical-align:middle; color:#242424; font-size:18px; font-weight:500; line-height:110%; }
.pdMain .bx-controls-direction { position:absolute; z-index:99; top:0; right:0; width:auto; }
.pdMain .bx-controls-direction a { position:absolute; width:69px; height:68px; display:block; cursor:pointer; text-indent:-9999px; }
.pdMain .bx-prev { right:55px; background:url(/img/main/btn_pd_prev.png) no-repeat; }
.pdMain .bx-next { right:0; background:url(/img/main/btn_pd_next.png) no-repeat; }

.aboutBn { width:100%; background:#ececec; overflow:hidden; padding:65px 0; }
.aboutBn h3 { text-align:center; font-weight:700; font-size:42px; color:#242424; line-height:100%; font-family:"Roboto"; }
.aboutBn section { width:1200px; margin:45px auto 0; }
.aboutBn section > article { height:282px; overflow:hidden; }
.notice { float:left; width:586px; background:url(/img/main/img_notice.jpg) no-repeat left center; }
.notice:hover { background-size:53%; }
.notice > div { float:right; width:286px; height:100%; box-sizing:border-box; background:#0954a1; position:relative; padding:0 25px;  }
.notice > div:before { content:""; display:block; 	width: 0; height: 0; position:absolute; top:50%; left:-18px; margin-top:-15px; border-top: 15px solid transparent; border-right: 18px solid #0954a1; border-bottom: 15px solid transparent; }
.notice .title { width:100%; overflow:hidden; margin-top:40px; }
.notice .title h4 { float:left; font-size:21px; color:#fff; font-weight:700; line-height:110%; }
.notice .title a { float:right; display:block; }
.notice li:first-child { margin-top:30px; }
.notice li { margin-top:14px; font-size:15px; font-weight:300; }
.notice li a { display:block; width:100%; overflow:hidden; color:#85c1ff; text-overflow:ellipsis; white-space:nowrap; }
.catalog { float:right; background:url(/img/main/img_catalog.jpg) no-repeat center; width:587px; text-align:center; }
.catalog:hover { background-size:102%;  }
.catalog h4 { margin-top:62px; color:#fff; font-size:30px; line-height:100%; font-weight:300; }
.catalog h4 em { font-weight:500; }
.catalog span { display:block; margin-top:15px; font-size:15px; color:#d7d7d7; font-weight:300; position:relative; padding-bottom:10px; }
.catalog span:after { content:""; display:block; width:23px; height:1px; background:#8c8c8c; position:absolute; bottom:0; left:50%; margin-left:-11.5px; }
.catalog p { color:#fff; font-size:16px; margin-top:25px; font-weight:500; }
.catalog a { display:block; margin:20px auto 0; width:150px; height:42px; line-height:40px; color:#fff; font-size:13px; font-weight:300; box-sizing:border-box; border:1px solid #7b7b7b; background:rgba(0,0,0,.7); transition:all .3s;  }
.catalog a:hover { background:rgba(0,0,0,1); }