@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; }
body, td, th { font: 12px/1.5 arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,helvetica,sans-serif; }
body { color: #40210f; background: #fff; }
body#index { overflow: hidden; width: 100%; height: 100%; }
.loading { position: absolute; width: 100%; height: 100%; background: #fff; z-index: 900; }
.loading i { display: block; height: 100%; background: url(../../images/index/loading.gif) center no-repeat; }
.overRay { position: absolute; width: 100%; height: 100%; background: #000; display: none; z-index: 500; filter: alpha(opacity=35); -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; }
.dataWrap { position: absolute; width: 1080px; height: 640px; left: 50%; margin-left: -540px; margin-top: -900px; background: #202020; z-index: 720; }
.dataShow { width: 100%; height: 100%; background: url(../../images/index/loading.gif) center no-repeat; }
.close { position: absolute; display: block; right: 0; top: 0; width: 31px; height: 65px; padding: 8px 0 0 42px; background: url(../../images/index/close_bg.png) no-repeat; }

@-moz-keyframes closeRotate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(180deg); }
    50% { -webkit-transform: rotate(180deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-webkit-keyframes closeRotate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(180deg); }
    50% { -webkit-transform: rotate(180deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-o-keyframes closeRotate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(180deg); }
    50% { -webkit-transform: rotate(180deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-ms-keyframes closeRotate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(180deg); }
    50% { -webkit-transform: rotate(180deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes closeRotate {
    0% { -webkit-transform: rotate(0deg); }
    20% { -webkit-transform: rotate(180deg); }
    50% { -webkit-transform: rotate(180deg); }
    70% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(0deg); }
}

#closeIcon { display: block; width: 21px; height: 21px; }
.close:hover #closeIcon { -webkit-animation: closeRotate 2s infinite ease-in-out 0.1s; -moz-animation: closeRotate 2s infinite ease-in-out 0.1s; -o-animation: closeRotate 2s infinite ease-in-out 0.1s; animation: closeRotate 2s infinite ease-in-out 0.1s; }
a, area { blr: expression(this.onFocus=this.blur()) }
/* for IE */
:focus { -moz-outline-style: none; }
/* for Firefox */
a { color: #403e3e; text-decoration: none; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; }
a:hover { color: #bb2000; text-decoration: none; }
img { border: 0; }
.clear { clear: both; }
.pic_bot { border: 1px #dcdbdb solid; }
.arricon { padding-left: 10px; }
.sp { color: #bb2000; }
.sp:hover { color: #bb2000; text-decoration: none; }
span.left { float: left; }
span.right { float: right; }
.cc-head { top: 0; width: 158px; height: 557px; right: 50px; background: url(../../images/index/nav_bg.png) no-repeat; z-index: 500; position: fixed; }
#box_cc_logo { width: 138px; height: 135px; padding: 0 0 0 10px; }
.cc-nav { width: 138px; padding: 36px 0 0 10px; }
.cc-nav li { margin-bottom: 20px; height: 33px; position: relative; margin-left: -15px; }
.cc-nav li a { color: #d8d8d8; display: block; padding-left: 50px; line-height: 33px; font-size: 14px; }
.cc-nav li a:hover { color: #fff; font-weight: bold; background: url(../../images/index/nav_on.png) no-repeat; }
.cc-nav li a b { font-weight: normal; }
.cc-nav li.active a { color: #fff; font-weight: bold; background: url(../../images/index/nav_on.png) no-repeat; }
.cc-footer { position: fixed; width: 100%; height: 90px; left: 0; bottom: 0; margin-bottom: -90px; z-index: 499; background: #ad0100; }
#box_cc_footer { padding: 25px 20px 0 20px; line-height: 25px; color: #fff; }
#box_cc_footer * { color: #fff; }
#box_cc_footer a:hover { color: #fff; }
#container { width: 100%; position: relative; }
.section { overflow: hidden; }
#section1 { background: url(../../images/index/page1_bg.jpg) top center no-repeat; background-size: cover; }
#section2 { background: url(../../images/index/page2_bg.jpg) top center no-repeat; background-size: cover; }
#section3 { background: url(../../images/index/page3_bg.jpg) top center no-repeat; background-size: cover; }
#section4 { background: url(../../images/index/page4_bg.jpg) top center no-repeat; background-size: cover; }
#section5 { background: url(../../images/index/page5_bg.jpg) top center no-repeat; background-size: cover; }
#section6 { background: url(../../images/index/page6_bg.jpg) top center no-repeat; background-size: cover; }
.transparent { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
/*pages1*/
.page1-wrap { position: absolute; width: 1200px; left: 50%; margin-left: -600px; top: 360px; }
.page1-wrap img { position: absolute; }
#page1_txt1 { width: 587px; height: 57px; left: 50%; top: 0; margin-left: -293px; margin-top: 100px; }
#page1_txt2 { width: 578px; height: 13px; left: 50%; top: 72px; margin-left: -289px; margin-top: 100px; }
#page1_txt3 { width: 472px; height: 22px; left: 50%; top: 142px; margin-left: -236px; margin-top: 100px; }
#page1_txt4 { width: 419px; height: 78px; left: 50%; top: 192px; margin-left: -209px; margin-top: 100px; }
.page1-item { position: absolute; width: 590px; top: 223px; left: 50%; margin-left: -295px; }
.page1-item img { width: 173px; height: 172px; }
#page1_item1 { left: 208px; top: 141px; margin-top: 50px; z-index: 10; }
#page1_item2 { left: 107px; top: 68px; margin-top: 50px; margin-left: 50px; z-index: 9; }
#page1_item3 { left: 311px; top: 68px; margin-top: 50px; margin-left: -50px; z-index: 9; }
#page1_item4 { left: 0; top: 0; margin-top: 50px; margin-left: 50px; z-index: 8; }
#page1_item5 { left: 418px; top: 0; margin-top: 50px; margin-left: -50px; z-index: 8; }
/*pages2*/
.page2-wrap { position: absolute; width: 820px; left: 50px; top: 50%; margin-top: -150px; }
#page2-title { position: absolute; width: 392px; height: 37px; top: 0; left: 0; margin-top: 100px; }
.page2-item { position: absolute; width: 100%; left: 0; top: 72px; margin-top: 100px; }
.page2-item li { float: left; margin-right: 30px; }
.page2-item li a { display: block; width: 130px; text-align: center; line-height: 40px; color: #fff; font-size: 14px; background: url(../../images/index/ray50.png) repeat; }
.page2-item li a:hover { background: url(../../images/index/rayblue50.png) repeat; }
#box_page2com { position: absolute; left: 0; top: 134px; margin-top: 100px; padding: 15px 17px; width: 786px; color: #fff; font-size: 14px; line-height: 26px; background: rgba(124, 124, 124,0.7) /*url(../../images/index/ray50.png) repeat*/; }
#box_page2com * { color: #fff; }
#box_page2com a:hover { color: #fff; }
/*pages3*/
.page3-wrap { position: absolute; width: 940px; left: 50px; top: 50%; margin-top: -220px; }
#page3-title { position: absolute; width: 392px; height: 37px; top: 0; left: 0; margin-top: 100px; }
.page3-item { position: absolute; width: 100%; left: 530px; top: 67px; }
.page3-item li { position: absolute; width: 192px; height: 135px; margin-left: -100px; }
.page3-item li#type1 { left: 0; top: 0; }
.page3-item li#type2 { left: 220px; top: 0; }
.page3-item li#type3 { left: 0; top: 148px; }
.page3-item li#type4 { left: 220px; top: 148px; }
.page3-item li a { display: block; height: 120px; text-align: center; padding-top: 15px; color: #fff; font-size: 14px; background: rgba(50, 48, 49,0.7) /*url(../../images/index/ray50.png) repeat*/; }
.page3-item li a:hover { background: url(../../images/index/rayblue50.png) repeat; }
.page3-item li a img { display: block; margin: 0 auto 10px auto; width: 168px; height: 86px; }
#box_page3com { position: absolute; left: 0; top: 67px; margin-left: -100px; padding: 45px 28px 0 28px; width: 459px; height: 238px; color: #fff; font-size: 14px; line-height: 30px; background: rgba(50, 48, 49,0.7) /*url(../../images/index/ray50.png) repeat*/; }
#box_page3com * { color: #fff; }
#box_page3com a.more { display: block; width: 223px; height: 37px; margin: 15px auto 0 auto; text-align: center; line-height: 37px; font-size: 14px; background: url(../../images/index/page3_more.png) no-repeat; }
#box_page3com a.more:hover { background: url(../../images/index/page3_more_h.png) no-repeat; }
/*pages4*/
.page4-wrap { position: absolute; width: 735px; left: 50px; top: 50%; margin-top: -250px; }
#page4-title { position: absolute; width: 392px; height: 37px; top: 0; left: 0; margin-top: 100px; }
.page4-item { width: 735px; top: 70px; margin-top: 100px; position: absolute; }
/*pages5*/
.page5-wrap { position: absolute; width: 858px; left: 50px; top: 50%; margin-top: -230px; }
#page5-title { position: absolute; width: 392px; height: 37px; top: 0; left: 0; margin-left: -100px; }
.page5-item { position: absolute; left: 0; top: 66px; }
.page5-pic { overflow: hidden; position: absolute; width: 208px; }
.page5-pic img { width: 208px; height: 289px; }
/*
.page5-pic img{
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.page5-pic:hover img{
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
*/
#page5_pic1 { left: 0; top: 0; margin-top: -50px; }
#page5_pic2 { left: 213px; top: 0; margin-top: 50px; }
#page5_pic3 { left: 428px; top: 0; margin-top: -50px; }
#page5_pic4 { left: 642px; top: 0; margin-top: 50px; }
.page5_intro { width: 208px; height: 97px; background: url(../../images/index/ray30.png) repeat; }
.page5_intro h1 { text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #fff; font-weight: normal; background: url(../../images/index/page5_intro_h.jpg) bottom center no-repeat; padding-top: 2px; }
.page5_intro p { line-height: 20px; color: #fff; text-align: center; padding: 0 7px; }
/*pages6*/
.page6-wrap { position: absolute; width: 766px; left: 50px; top: 50%; margin-top: -250px; }
#page6-title { position: absolute; width: 392px; height: 37px; top: 0; left: 0; margin-top: 100px; }
.page6-item { position: absolute; width: 100%; left: 0; top: 72px; margin-top: 100px; }
.page6-item li { float: left; margin-right: 30px; }
.page6-item li a { display: block; width: 130px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; background: url(../../images/index/ray50.png) repeat; }
.page6-item li a:hover { background: url(../../images/index/rayblue50.png) repeat; }
#box_page6com { position: absolute; left: 0; top: 124px; margin-top: 100px; padding: 35px 30px 15px 30px; width: 706px; color: #fff; font-size: 14px; line-height: 26px; background: url(../../images/index/ray50.png) repeat; }
#box_page6com * { color: #fff; }
#box_page6com a:hover { color: #fff; }