/* CSS Document */
@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
img{border:none;}
table{border-collapse:0; border-spacing:0;}
ul, ol {list-style: none;}
a{ text-decoration:none; hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
a:focus {outline: 0;}
a:visited, a:link, a:active {text-decoration: none; color: #08c;}
a:hover { text-decoration: underline; color: #08c;}

/*often style*/
.ftwa:visited, .ftwa:link, .ftwa:active {color:#fff;}/*A tag of the default color is white**/
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.dsb{display:block;}
.valm{vertical-align:middle;}
.dsn{display:none;}
.pta{position:absolute}
.ptr{ position:relative;}
.pw900{width:900px; margin-left:auto; margin-right:auto;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.pw1120{width:1120px; margin-left:auto; margin-right:auto;}
.nobg{background:none;}
.o_hide{overflow:hidden;}
.wrap .no_boder,.warp .no_boder{ border:none;}
.boundary{ border-bottom:1px solid #e5e5e5;}
.wrap .wt400{ width:400px;}
.wrap .wt450{ width:450px;}
.wrap .wt500{ width:500px;}
.wrap .wt550{ width:550px;}
.wrap .wt600{ width:600px;}
.wrap .wt650{ width:650px;}
.wrap .wt700{ width:700px;}
.wrap .wt750{ width:750px;}
.wrap .wt800{ width:800px;}

/*font style**/

.fts8{font-size:8vw;}
.fts75{font-size:75vw;}
.fts7{font-size:7vw;}
.fts65{font-size:6.5vw;}
.fts6{font-size:6vw;}
.fts55{font-size:5.5vw;}
.fts5{font-size:5vw;}
.fts45{font-size:4.5vw;}
.fts4{font-size:4vw;}
.fts35{font-size:3.5vw;}
.fts3{font-size:3vw;}
.fts25{font-size:2.5vw;}
.fts2{font-size:2vw;}
.fts15{font-size:1.5vw;}
.fts1{font-size:1vw;}

.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft40{font-size:40px;}
.ft42{font-size:42px;}
.ft48{font-size:48px;}
.ft56{font-size:56px;}
.fthin{ font-weight:300;}
.fclr666{ color:#666;}
/*color style**/
.white{color:#fff;}
.red{color:#f00;}
.black{color:#000;}
.green{color:#03bd83;}
.blue{color:#00a8ec;}

/*list style**/
.ulnum{list-style:decimal; padding-left:26px;}/*style of ul is number**/
.ulcircle{list-style:disc; padding-left:20px;}/*style of ul is circle**/
.ulifl li{float:left;}

/*margin padding style**/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt100{padding-top:100px;}
.mr10{margin-right:10px}.mr20{margin-right:20px}.mr30{margin-right:30px}.mr40{margin-right:40px}.mr50{margin-right:50px}.mr60{margin-right:60px}.mr70{margin-right:70px}.mr80{margin-right:80px}.mr90{margin-right:90px}.mr100{margin-right:100px}
/*link arrow**/
.link_arrow{display: inline; background:url(../img/link_arrow.png) right 7px no-repeat;}
.link_arrow_white{background:url(../img/link_arrow_white.png) right center no-repeat;}
.link_arrow_black{background:url(../img/link_arrow_block.png) right center no-repeat;}
.link_arrow_gray{background:url(../img/link_arrow_gray.png) right center no-repeat;}
/*reset**/
.pro_block>a:hover,.nav_cont ul li a:hover,.idx_dl_btn:hover,.inx_language a:hover,.more_pro>a:hover,.fun_nav_cont>a:hover,.nav_close:hover,.idx_language_ul li a:hover,.st_close:hover{text-decoration: none;}

/* nav style**/
header{width:100%; height: 54px; background-color: #f9f9f9; box-shadow:0px 0px 5px #bbb; overflow:hidden; margin:0; padding:0;}
.top_logo{float:left; margin-top:9px;}
 
.nva_meau{width:19px; height:16px;float:right; margin:19px 10px 0 0; display:none;}
.nva_meau span{position:absolute;}
.nva_meau1{width:19px; height:16px; /*background:url(../img/meau.png) no-repeat;*/ float:right;}
.nva_meau1:after{ font-family:"iconfont"; content:"\e900"; color:#737373; font-size:20px;}
.nva_meau2{width:19px; height:16px; /*background:url(../img/meau2.png) no-repeat;*/ float:right; display:none;}
.nva_meau2:after{font-family:"iconfont"; content:"\e813"; color:#737373; font-size:16px; font-weight:bold;}
.nva_meau1_an{animation:an_meau1 0.3s linear forwards; -webkit-animation:an_meau1 0.3s linear forwards;}
.nva_meau2_an{animation:an_meau2 0.3s linear forwards; -webkit-animation:an_meau2 0.3s linear forwards;}
@keyframes an_meau1{
	0%{transform:rotate(0);}
	100%{transform:rotate(-180deg);}
}
@-webkit-keyframes an_meau1{
	0%{-webkit-transform:rotate(0);}
	100%{-webkit-transform:rotate(-180deg);}
}
@keyframes an_meau2{
	0%{transform:rotate(180deg);}
	100%{transform:rotate(0);}
}
@-webkit-keyframes an_meau2{
	0%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(0);}
}
.nav_cont ul{float: left; margin-left: 100px;}
.nav_cont ul li{width: 112px; height: 54px; float: left;}
.head_cont2 .nav_cont ul li{ width: 134px;}
.head_cont2 .nav_cont ul li a{width:130px;}
.nav_cont ul li a{width: 100px; float: left; color:#666; text-align: center; font:400 14px/54px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.nav_cont ul li a:hover,.nav_cont ul li .nav_sel{color: #000;}
.nav_pro>a{/*background:url(../img/nav_arror.png) 80px center no-repeat;*/}
.nav_pro>a:after{font-family:"iconfont"; content:"\e800"; font-size:14px; position:absolute; margin-left:3px;}
.nav_pro_list{display:none;}
.language{width: 45px; height: 54px; float:right; text-align: center;}
.language>a{height:54px; margin-top:5px;}
.language a{width: 45px; height: 25px; display:block; padding:10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.language:hover a{background-color:#efeeee;}
.language_dl{ width:45px; height:0; text-align:center; position:absolute; background-color:#efeeee; z-index:9999; overflow:hidden; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; *+margin-left:-22px;}
.language:hover dl{height:220px; opacity:1;}
.language_dl a:hover{background-color:#fff;}

/*nav showbox*/
.nav_pro_win{display: none; z-index: 9999;}
.nav_pro_win,.nav_pro_bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.nav_pro_bg{background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity:0.7;}
.nav_pro_cont{width: 770px; height:auto; position: fixed; top: 50%; left: 50%; margin: -343px 0 0 -385px; border-radius: 10px; background-color: #fff; background-color: rgba(255,255,255,0.96);}
.nav_pro_cont .nav_close{float: right; margin: 5px 10px 0 0; font:28px/1 "iconfont"; color:#959595;}
.nav_close:after{content:"\e813"; font-size:16px;}
.nav_pro_cont .nav_close:hover:after{ color:#08c;}
.nav_pro_cont>h3{clear: both; font:300 24px/1.5 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color:#000; text-align: center; padding: 0px 0 20px 0; border-bottom: 1px solid #e0e0e0;}
.nav_pro_block{width: 700px; margin: 0 auto; *+margin-bottom: 40px;}
.nav_pro_block>a{width: 310px; float: left; text-align: center; color: #000; margin:10px 10px 10px 10px; padding:10px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.nav_pro_block>a:hover{background-color: #e6e6e6; text-decoration:none;}
.nav_pro_block>a h5{font:400 20px/1 "Open Sans"; color:#000; margin-top: 8px;}
.nav_pro_block>a span{line-height: 1.5; color: #666; margin-top: 8px; display: block; font:400 12px/1.6 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.nav_more_pro{border-top: 1px solid #e0e0e0; margin:10px 0 0 0; text-align: center; clear:both;}
.nav_more_pro>a{font:400 14px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color: #666; line-height:60px;}
.nav_more_pro>a:hover{color:#08c; background:url(../img/link_arrow.png) right center no-repeat; background-size:8px auto;}
.prompt_show{animation:prompt_show 0.3s ease forwards; -webkit-animation:prompt_show 0.3s ease forwards;}
.prompt_hide{animation:prompt_hide 0.3s ease forwards; -webkit-animation:prompt_hide 0.3s ease forwards;}

@keyframes prompt_show{
	0%{transform:scale(1.2);}
	100%{transform: scale(1);}
	}
@-webkit-keyframes prompt_show{
	0%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform: scale(1);}
	}
@keyframes prompt_hide{
	0%{transform: scale(1); opacity:1}
	100%{transform:scale(1.5); opacity:0;}
}
@-webkit-keyframes prompt_hide{
	0%{-webkit-transform: scale(1); opacity:1}
	100%{-webkit-transform:scale(1.5); opacity:0;}
}

/*footer style**/
footer{padding:15px 0; text-align:center; background-color:#f5f5f5;}
footer p{width:900px;}
footer p,footer p a{font:400 12px/1.8  'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color:#666 !important;} 
footer p a:hover{color:#08c !important; text-decoration:underline;}
 
/*google-search*/
.fm-search{width: 21px;height: 21px;float: left;margin-top: 17px;opacity: .5;font-style: normal;color: #000;}
.fm-search::after {content: "\e918";font-family: "iconfont";font-size: 22px;}
.fm-search:hover{ opacity:1;filter:alpha(opacity=100);}
input:focus {outline: none}

@media screen and (max-width: 980px) {	
   .fm-search{ float:right; margin-right: 1em;}
	footer p{ width:auto; }
} 
 
/* Backgroud 2*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {
/*link arrow**/
.link_arrow{display: inline; background:url(../img/link_arrow@2x.png) right 7px no-repeat; background-size:8px 10px;}
.link_arrow_white{background:url(../img/link_arrow_white@2x.png) right center no-repeat; background-size:8px 10px;}
.link_arrow_black{background:url(../img/link_arrow_block@2x.png) right center no-repeat; background-size:8px 10px;}
.link_arrow_gray{background:url(../img/link_arrow_gray@2x.png) right center no-repeat; background-size:8px 10px;}
.nav_more_pro>a:hover{background:url(../img/link_arrow@2x.png) right center no-repeat; background-size:8px 10px;}

}