

@font-face{

     font-family: 'jiajing'; 

      src: url('https://en.kagem.net/template/pc/skin/font/font-awesome/SourceHanSansCN-Regular.otf');

     font-weight: normal;

	 font-style: normal;

}

body, html, table, th, td, div, span, input, select, textarea, option, font, a {font-size:14px;font-family:"jiajing" ! important;}

/*reset*/

body,dl,dd{margin:0;}

ul{margin:0;padding:0;}

li{list-style:none;}

h1,h2{margin:0;font-weight:normal;}

p{margin:0;}

a{text-decoration:none;}

a:hover{color:#1eb8ce;}

img{display:block;}

input{margin:0;padding:0;border:none;outline:none;}

.clearfix{clear:both;}

/*commen*/

*{color:#727272;font-family:jiajing;}

.fl{ float:left;}

.fr{ float:right;}

.cl:after{ content:""; display:block; clear:both;}







/*首页导航*/

.ey-head{display:none;}

.ey-banner{display:none;}

.ey-banner-ny{display:none;}

.top{ position:relative;}

.nav_logo{ position:absolute; left:63px; top:32px;}



.slider img{ display:block; width:100%;}



.nav_box{ width:100%; position:absolute; bottom:68px;}

.nav{ width:994px; margin:0 auto;}

.nav li{ float:left; padding:0 47px;}

/*.nav{ width:58%; margin:0 auto;}

.nav li{ float:left; padding:0 4.2%;}*/

.nav li a{ font-size:14px; color:#fff; padding-bottom:17px; border-bottom:1px solid #fff;}

.nav li:hover a{ color:#1eb8ce;border-bottom:1px solid #1eb8ce;}



/*内页导航*/

.tn{ width:100%; height:81px; border-bottom:2px solid #e7e7e7; position:fixed; background-color:#FFF; z-index:999999;}

.tn_logo img{ display:block; float:left; width:114px; height:44px; margin:19px 0px 18px 3.28%;}

.tn_nav{ float:left; width:79%;}

.tn_nav{ float:left; display:inline-block; text-align:center;}

.tn_nav a{ display:inline-block; color:#595757; margin:24px 3% 0px 3%; border-bottom:1px solid #535353; font-size:14px; padding-bottom:13px;}

.tn_lg{ float:right; margin-right:5.28%; margin-top:-29px;}

.tn_lg span{ padding:0 4px; font-size:12px;}

.tn_lg a{ color:#898989; font-size:14px;}

.tn_nav a:hover{color:#1eb8ce;border-bottom:1px solid #1eb8ce;}

.tn_lg a:hover{ color:#231815;}



/*语言*/

.Hlang{position:relative;float:right;margin:0 3.083333333333333% 0 0;}

.Hlang:after{content:"";display:block;width:1px;height:20px;background:#fff;position:absolute;right:0px;top:50%;margin-top:-10px;}

.Hlang-menu{display:block;width:67px;height:30px;line-height:30px;padding:0 1px 0 21px;font-weight:lighter;}

/*.Hlang-box{width:200px;position:absolute;top:70px;left:-67px;display:none;}

.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}

.Hlang-box a{display:block;text-align:center;line-height:44px;color:#303233;background:#fff;}

.Hlang-box a:hover{color:#fff;background:#005fc0;}*/



.Hlang-box{width:200px;box-shadow:1px 1px 10px #666;background:#fff;position:absolute;top:35px;right:-26px;display:none;padding:20px 0px;}

.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;}

.Hlang-box a{display:block;padding:5px 10px 5px 60px;line-height:30px;background-repeat:no-repeat !important;background-position:20px center !important;}

.Hlang-box a:hover{color:#fff;background:#30a2dd;}

.Hlang-box a.CN{background-image:url(../image/icon-CN.png);}

.Hlang-box a.JP{background-image:url(https://en.kagem.net/template/pc/skin/images/icon-jp.png);}

.Hlang-box a.EN{background-image:url(../image/icon-EN.png);}



@media all and (min-width:980px){

	.Hnav>li:hover .Hn2nd-box{display:block;animation:fadeInBottom .6s ease-in-out forwards;-webkit-animation:fadeInBottom .6s ease-in-out forwards;}

	.Hlang:hover .Hlang-box{display:block;}

}



@media only screen and (min-width: 768px) and (max-width: 1200px)  {

.tn{ width:100%; height:81px; border-bottom:2px solid #e7e7e7;}

.tn_logo img{ display:block; float:left; width:100px; height:40px; margin:19px 0px 18px 2.28%;}

.tn_nav{ float:left; width:80%;}

.tn_nav{ float:left; display:inline-block; text-align:center;}

.tn_nav a{ display:inline-block; color:#595757; margin:24px 2% 0px 2%; border-bottom:1px solid #535353; font-size:13px; padding-bottom:13px;}

.tn_lg{ float:right; margin-right:6.28%; margin-top:-29px;}

.tn_lg span{ padding:0 4px; font-size:12px;}

.tn_lg a{ color:#898989; font-size:12px;}

.tn_nav a:hover{color:#1eb8ce;border-bottom:1px solid #1eb8ce;}

.tn_lg a:hover{ color:#231815;}

}





/*单页轮播图样式*/

.banner_ab1{ width:100%;}

.banner_ab1 img{ display:block; width:100%;}







/*底部文字部分*/

.in_bot{ background-color:#1c2951; padding-top:70px; padding-bottom:78px;}

.in_bot ul{ width:1208px; margin:0 auto;}

.in_bot ul li{ float:left; width:368px; border:1px solid #424f99; margin:0 16px; height:363px;}

.in_bot ul li p{ display:block; width:320px; margin:0 auto; color:#c9caca; font-size:14px; line-height:23px;}

.in_bot ul li h2{ width:117px; height:112px; margin:0 auto; text-align:center; margin-top:27px; line-height:112px; font-size:22px; color:#fff; margin-bottom:19px;}

.in_bot ul li:nth-child(1) h2{ background-image:url(../image/in_bt01.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) h2{ background-image:url(../image/in_bt02.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(3) h2{ background-image:url(../image/in_bt03.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) p{ display:block; width:320px; text-align:center;}

.in_bot ul li:nth-child(3) p{ display:block; width:200px;}



.foot{ height:52px; padding-top:0px; line-height:52px; text-align:center; color:#eceded; background-color:#000; font-size:15px;}

.foot a{ color:#eceded;}

.foot a:hover{ color:#fff; text-decoration:underline;}



@media only screen and (min-width: 768px) and (max-width: 1200px)  {



.in_bot{ background-color:#1c2951; padding-top:40px; padding-bottom:38px;}

.in_bot ul{ width:100%;}

.in_bot ul li{ width:44%; border:1px solid #424f99; margin:16px 0 16px 4%; height:363px;}

.in_bot ul li p{ display:block; width:300px; margin:0 auto; color:#c9caca; font-size:14px; line-height:23px;}

.in_bot ul li h2{ width:117px; height:112px; margin:0 auto; text-align:center; margin-top:27px; line-height:112px; font-size:22px; color:#fff; margin-bottom:19px;}

.in_bot ul li:nth-child(1) h2{ background-image:url(../image/in_bt01.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) h2{ background-image:url(../image/in_bt02.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(3) h2{ background-image:url(../image/in_bt03.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) p{ display:block; width:300px;}

.in_bot ul li:nth-child(3) p{ display:block; width:200px;}



.foot{ height:52px; padding-top:6px;line-height:20px; text-align:center; color:#eceded; background-color:#000; font-size:12px; width:100%;}

.foot_kb{display:block;}

}

@media only screen and (max-width: 767px) {



.in_bot{ background-color:#1c2951; padding-top:40px; padding-bottom:38px;}

.in_bot ul{ width:100%;}

.in_bot ul li{ width:90%; border:1px solid #424f99; margin:16px 0 16px 5%; height:363px;}

.in_bot ul li p{ display:block; width:300px; margin:0 auto; color:#c9caca; font-size:14px; line-height:23px;}

.in_bot ul li h2{ width:117px; height:112px; margin:0 auto; text-align:center; margin-top:27px; line-height:112px; font-size:22px; color:#fff; margin-bottom:19px;}

.in_bot ul li:nth-child(1) h2{ background-image:url(../image/in_bt01.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) h2{ background-image:url(../image/in_bt02.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(3) h2{ background-image:url(../image/in_bt03.png); background-repeat:no-repeat; background-position:center center;}

.in_bot ul li:nth-child(2) p{ display:block; width:300px;}

.in_bot ul li:nth-child(3) p{ display:block; width:200px;}

.foot{ height:52px; padding-top:6px; line-height:20px; text-align:center; color:#eceded; background-color:#000; font-size:12px; width:100%;}

.foot_kb{display:block;}

}

