@charset "utf-8";

/* *{ margin:0px; padding:0px; font-family: "PT Sans", Helvetica, Arial, sans-serif; } */
*{ margin:0px; padding:0px; font-family:"微软雅黑", "Microsoft YaHei", "黑体", "宋体"; }
body{ font-size:12px; background:#ffffff; }
table{ font-size:12px; color:#333333; line-height:25px; }
div{ line-height:22px; color:#333333; }
h1{ font-size:14px; }
p{ margin-bottom:0px; }

/* 图标文件 */
@font-face {
    font-family: 'icons';
    src: url('../font/icons.eot'); /* IE9*/
    src: url('../font/icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/icons.woff2') format('woff2'), /* chrome、firefox、opera、Safari, Android, iOS */
    url('../font/icons.woff') format('woff'), /* chrome、firefox */
    url('../font/icons.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/icons.svg#uxFontAwesome') format('svg'); /* iOS 4.1- */
}

.icons {
    font-family: "icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a{ text-decoration:none; color:#333333; cursor:pointer; transition:all 0.3s ease-in-out; }
a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#3da9f7; transition:all 0.3s ease-in-out; }

.red{ color:#ff0000; }
a.red{ color:#ff0000; }
a.red:link{ color:#ff0000; }
a.red:visited{ color:#ff0000; }
a.red:hover{ color:#ff0000; }

.blue{ color:#0000ff; }
a.blue{ color:#0000ff; }
a.blue:link{ color:#0000ff; }
a.blue:visited{ color:#0000ff; }
a.blue:hover{ color:#0000ff; }

a.page{ float:left; color:#2e2e2e; padding:6px 12px 6px 12px; border:1px solid #666666; border-right:0px; font-size:14px; }
a.page:link{ color:#2e2e2e; }
a.page:visited{ color:#2e2e2e; }
a.page:hover{ color:#ffffff; text-decoration:none; background:#666666; }

a.page_none{ float:left; padding:6px 12px 6px 12px; border:1px solid #666666; cursor:pointer; text-decoration:none; border-right:0px; font-size:14px; }
a.page_none:hover{ background:#666666; color:#ffffff; }

a.page_have{ float:left; color:#ffffff; padding:6px 12px 6px 12px; border:1px solid #666666; background:#666666; border-right:0px; font-size:14px; }
a.page_have:link{ color:#ffffff; }
a.page_have:visited{ color:#ffffff; }
a.page_have:hover{ color:#ffffff; text-decoration:none; }

a.page_last{ float:left; color:#2e2e2e; padding:6px 12px 6px 12px; border:1px solid #666666; font-size:14px; }
a.page_last:hover{ color:#ffffff; text-decoration:none; background:#666666; }

.font_size_12{ font-size:12px; line-height:30px; }
.font_size_12 *{ font-size:12px; line-height:30px; }
.font_size_14{ font-size:14px; line-height:35px; }
.font_size_14 *{ font-size:14px; line-height:35px; }

/* 网站头部 */
.head{ float:left; width:100%; min-width:1200px; height:230px; margin:0px auto; position:fixed; z-index:99999; background:url(../icon/head.png) repeat-x top; }
.heat{ width:1200px; height:230px; margin:0px auto; }

.weme{ float:left; width:50%; min-width:600px; height:50px; line-height:50px; color:#ffffff; }
.lang{ float:left; width:50%; min-width:600px; height:50px; line-height:52px; text-align:right; color:#ffffff; position:relative; }
.lang a{ color:#ffffff; font-size:12px; position:relative; top:-5px; }
.lang a:link{ color:#ffffff; }
.lang a:visited{ color:#ffffff; }
.lang a:hover{ color:#bed600; }
.lang img{ width:35px; height:35px; position:relative; top:10px; margin-left:10px; }
.lang span{ font-size:10px; padding:0px 20px 0px 20px; color:#ffffff; position:relative; top:-5px; }
.lang input{ width:250px; height:20px; padding:0px 10px 0px 10px; border-radius:10px; position:relative; top:-5px; border:0px; font-size:12px; }
.lang input:focus{ outline:none; }

.logo{ float:left; width:45%; min-width:500px; height:120px; position:relative; z-index:999; }
.logo img{ float:left; width:500px; height:120px; border:0px; }
.logo span{ display:none; }
.tele{ float:right; width:200px; font-size:16px; line-height:30px; padding:15px 0px 0px 60px; background:url(../icon/more/tele.png) no-repeat 0px 55px; }
.tele p{ font-size:28px; font-weight:bold; line-height:30px; font-family:Impact; }
.navi{ display:none; }

@media screen and (max-width:800px){
	.head{ min-width:200px; height:50px; background:rgba(55, 155, 233, 1); border-bottom:0px; }
	.heat{ width:100%; min-width:200px; height:50px; }
	.weme, .lang{ display:none; }
	.logo{ width:71%; min-width:150px; height:50px; padding:0px 0px 0px 4%; overflow:hidden; }
	.logo img{ display:none; }
	.logo span{ display:block; font-size:16px; line-height:53px; color:#ffffff; }
	.tele{ display:none; }
	.navi{ float:left; width:25%; height:50px; text-align:right; display:block; }
	.navi img{ width:50px; height:50px; border:0px; cursor:pointer; }
}

.menu{ float:left; width:100%; height:60px; position:relative; z-index:999998; }
.menu ul{ float:left; list-style:none; }
.menu ul li{ float:left; width:125px; height:60px; text-align:center; border-right:1px solid #3a4249; background:url(../icon/menu.png) repeat-x 0px 60px; transition:all 0.3s; }
.menu ul li > a{ float:left; width:125px; line-height:60px; color:#ffffff; font-size:16px; text-align:center; transition:all 0.3s; }
.menu ul li > a:link{ color:#ffffff; }
.menu ul li > a:visited{ color:#ffffff; }
.menu ul li > a:hover{ color:#ffffff; transition:all 0.3s; }

.menu ul li.have{ background:url(../icon/menu.png) repeat-x 0px 0px; }
.menu ul li.have > a{ color:#ffffff; }
.menu ul li.have > a:link{ color:#ffffff; }
.menu ul li.have > a:visited{ color:#ffffff; }
.menu ul li.have > a:hover{ color:#ffffff; }

.menu ul li:hover{ transition:all 0.3s; background:url(../icon/menu.png) repeat-x 0px 0px; }
.menu ul li:hover > a{ color:#ffffff; }
.menu ul li:hover > a:link{ color:#ffffff; }
.menu ul li:hover > a:visited{ color:#ffffff; }
.menu ul li:hover > a:hover{ color:#ffffff; }

.menu .hide{ display:none; }
#menu_cont{ border-right:0px solid #3a4249; }
#menu_lang, #menu_chin, #menu_engs, #menu_japa{ display:none; }

@media screen and (max-width:800px){
	.menu{ width:100%; min-width:200px; height:100%; position:fixed; background:rgba(0, 0, 0, 0.9); top:0px; left:0px; display:none; }
	.menu ul{ list-style:none; width:100%; margin:0 auto; top:80px; position:absolute; }
	.menu ul li{ float:left; width:100%; height:45px; padding:0px 0px 0px 0px; }
	.menu ul li > a{ float:left; width:96%; padding:0px 4% 0px 0px; font-size:20px; line-height:45px; color:#e9e7e8; text-align:right; overflow:hidden; text-transform:uppercase; }
	.menu ul li > a:link{ color:#e9e7e8; }
	.menu ul li > a:visited{ color:#e9e7e8; }
	.menu ul li > a:hover{ color:#ff0000; }
	.menu ul li > span{ display:none; }
	
	.menu ul li:hover > a{ color:#6aa4fc; }
	.menu ul li:hover > a:link{ color:#6aa4fc; }
	.menu ul li:hover > a:visited{ color:#6aa4fc; }
	.menu ul li:hover > a:hover{ color:#6aa4fc; }
	
	.menu .hide{ width:20px; height:20px; position:absolute; top:3%; right:4%; display:block; }
	.menu .hide img{ width:20px; height:20px; border:0px; transition:all 0.5s ease-in-out; }
	.menu .hide:hover img{ transform:rotate(180deg); transition:all 0.5s ease-in-out; }
	
	#menu_home{ width:100%; }
	#menu_home > a{ width:96%; }
	
	#menu_lang, #menu_chin, #menu_engs, #menu_japa{ display:block; }
	
	#child_about{ display:none; }
	#child_mall{ display:none; }
	#child_news{ display:none; }
}

/* 横向菜单 */
.menx{ width:100%; position:absolute; left:0px; top:160px; background:#eeeeee; transition:all 0.5s; height:0px; overflow:hidden; }
.menx .menu_root{ width:1200px; margin:0px auto; }
.menx .menu_roox{ float:left; width:1200px; padding:10px 0px 0px 0px; }
.menx .menu_list{ float:left; }
.menx .menu_list ul{ list-style:none; padding:0px 0px 0px 0px; }
.menx .menu_list ul li{ float:left; width:auto; height:30px; padding:0px 15px 0px 15px; }
.menx .menu_list ul li a{ float:left; height:30px; line-height:30px; font-size:14px; color:#03913d; }
.menx .menu_list ul li a:link{ color:#03913d; }
.menx .menu_list ul li a:visited{ color:#03913d; }
.menx .menu_list ul li a:hover{ color:#03913d; }
.menx .menu_list ul li:hover a{ color:#03913d; }
.menx .menu_list ul li:hover a:hover{ color:#000000; }
.menx .menu_list ul li:hover > a:after{ content:''; position:absolute; left:50%; bottom:0px; margin-left:-35px; width:70px; height:0px; background:#03913d; }
.menx .menu_list ul li.line{ color:#03913d; line-height:30px; font-size:12px; }

#menu_aout:hover #menx_aout{ transition:all 0.5s; height:50px; }
#menu_news:hover #menx_news{ transition:all 0.5s; height:50px; }
#menu_help:hover #menx_help{ transition:all 0.5s; height:50px; }
#menu_case:hover #menx_case{ transition:all 0.5s; height:50px; }
#menu_mall:hover #menx_mall{ transition:all 0.5s; height:50px; }

#menx_mall .menu_list ul{ padding:0px 0px 0px 360px; }
#menx_case .menu_list ul{ padding:0px 0px 0px 480px; }
#menx_news .menu_list ul{ padding:0px 0px 0px 620px; }
#menx_help .menu_list ul{ padding:0px 0px 0px 730px; }

@media screen and (max-width:800px){
	.menx{ display:none; }
}

/* 竖向菜单 */
.meny{ width:125px; position:relative; left:0px; top:0px; transition:all 0.5s; height:0px; overflow:hidden; }
.meny .menu_root{ float:left; width:100%; }
.meny .menu_roox{ float:left; width:100%; }
.meny .menu_list{ float:left; width:100%; background:#1a1a1a; }
.meny .menu_list ul{ float:left; width:100%; list-style:none; }
.meny .menu_list ul li{ float:left; width:100%; height:50px; padding:0px; border-top:1px solid #ffffff; }
.meny .menu_list ul li a{ float:left; width:100%; height:50px; line-height:50px; font-size:14px; color:#ffffff; text-align:center; padding:0px 0px 0px 0px; }
.meny .menu_list ul li a:link{ color:#ffffff; }
.meny .menu_list ul li a:visited{ color:#ffffff; }
.meny .menu_list ul li a:hover{ color:#ffffff; background:#0890e1; }

#menu_aout:hover #meny_aout{ height:204px; }
#menu_news:hover #meny_news{ height:102px; }
#menu_help:hover #meny_help{ height:102px; }
#menu_case:hover #meny_case{ height:153px; }
#menu_mall:hover #meny_mall{ height:204px; }

@media screen and (max-width:800px){
	.meny{ display:none; }
}

/* 栏目图片 */
.neck{ float:left; width:100%; min-width:1200px; height:350px; margin:0px auto; padding:230px 0px 0px 0px; background:#f8f8f8 url(../icon/neck.jpg) no-repeat bottom center; }

#neck_home{ height:500px; }
#neck_mall{ background:url(../icon/neck/mall.jpg) no-repeat bottom center; }
#neck_news{ background:url(../icon/neck/news.jpg) no-repeat bottom center; }
#neck_help{ background:url(../icon/neck/help.jpg) no-repeat bottom center; }
#neck_about{ background:url(../icon/neck/about.jpg) no-repeat bottom center; }
#neck_career{ background:url(../icon/neck/mall.jpg) no-repeat bottom center; }
#neck_contact{ background:url(../icon/neck/contact.jpg) no-repeat bottom center; }

@media screen and (max-width:800px){
	.neck{ display:none; }
}

.neck_move_home{ display:none; }

@media screen and (max-width:800px){
	.neck_move_home{ float:left; width:100%; height:100%; display:block; padding:50px 0px 0px 0px; }
	.neck_move_list{ float:left; width:100%; height:100%; position:relative; overflow:hidden; }
}

.root{ float:left; width:100%; min-width:1200px; margin:0px auto; background:#ffffff; padding:0px 0px 0px 0px; }
.roox{ width:1200px; margin:0px auto; }
.rooy{ float:left; width:100%; padding:50px 0px 50px 0px; background:#ffffff; }
.rooz{ float:left; width:100%; padding:50px 0px 50px 0px; background:#f8f8f8; }

@media screen and (max-width:800px){
	.root{ min-width:100px; padding:0px 0px 0px 0px; }
	.roox{ width:100%; }
	.rooy{ padding:20px 0px 20px 0px; }
	.rooz{ padding:20px 0px 20px 0px; background:#ffffff; }
}

/* 网站底部 */
.foot{ float:left; width:100%; min-width:1200px; padding:25px 0px 20px 0px; margin:0px auto; background:#333333; }
.foot_root{ width:1200px; margin:0px auto; position:relative; }

.foot_help{ float:left; width:100%; padding:0px 0px 0px 0px; overflow:hidden; }
.foot_help_root{ float:left; width:500px; overflow:hidden; }
.foot_help_head{ float:left; width:100%; height:50px; line-height:50px; font-size:16px; color:#ffffff; font-weight:bold; }
.foot_help_head a{ color:#ffffff; }
.foot_help_head a:link{ color:#ffffff; }
.foot_help_head a:visited{ color:#ffffff; }
.foot_help_head a:hover{ color:#ffff00; }

.foot_help_list{ float:left; width:100%; overflow:hidden; font-size:14px; line-height:30px; color:#e8e8e8; }
.foot_help_list a{ color:#e8e8e8; }
.foot_help_list a:link{ color:#e8e8e8; }
.foot_help_list a:visited{ color:#e8e8e8; }
.foot_help_list a:hover{ color:#ffff00; }
.foot_help_list div{ font-size:14px; line-height:30px; color:#e8e8e8; }

.foot_help_list ul{ list-style:none; }
.foot_help_list ul li{ float:left; width:100%; height:30px; line-height:30px; font-size:14px; color:#e8e8e8; overflow:hidden; }
.foot_help_list ul li:hover{ color:#ffff00; cursor:default; }
.foot_help_list ul li a{ color:#e8e8e8; }
.foot_help_list ul li a:link{ color:#e8e8e8; }
.foot_help_list ul li a:visited{ color:#e8e8e8; }
.foot_help_list ul li a:hover{ color:#ffff00; }

/* 产品分类 */
#foot_help_mall{ width:150px; }
#foot_help_mall .foot_help_list ul li{ width:150px; }

/* 案例展示 */
#foot_help_case{ width:150px; }
#foot_help_case .foot_help_list ul li{ width:150px; }

/* 服务项目 */
#foot_help_serv{ width:135px; }
#foot_help_serv .foot_help_list ul li{ width:135px; }

/* 解决方案 */
#foot_help_solu{ width:150px; }
#foot_help_solu .foot_help_list ul li{ width:150px; }

/* 新闻中心 */
#foot_help_news{ width:150px; }
#foot_help_news .foot_help_list ul li{ width:150px; }

/* 二维码组 */
#foot_help_code{ float:right; width:260px; }
#foot_help_code .foot_help_head{ text-align:right; font-weight:normal; font-size:14px; line-height:52px; }
#foot_help_code .foot_help_list ul li{ width:100px; height:150px; padding:10px 0px 0px 30px; }
#foot_help_code .foot_help_list ul li img{ float:left; width:100px; height:100px; border:0px; }
#foot_help_code .foot_help_list ul li span{ float:right; width:100px; height:45px; line-height:45px; color:#e8e8e8; font-size:14px; text-align:center; }
#foot_help_code .foot_help_list ul li:nth-child(2n){ display:none; }

@media screen and (max-width:800px){
	.foot{ min-width:100px; height:auto; padding:10px 0px 60px 0px; }
	.foot_root{ width:92%; padding:0px 4% 0px 4%; }
	.foot_help{ height:auto; }
	.foot_help_root{ width:100%; height:auto; padding:10px 0px 20px 0px; }
	.foot_help_head{ height:35px; line-height:35px; font-size:14px; display:none; }
	.foot_help_list{ height:auto; line-height:25px; text-align:center; }
	.foot_help_list span{ display:none; }
	
	#foot_help_mall{ display:none; }
	#foot_help_case{ display:none; }
	#foot_help_serv{ display:none; }
	#foot_help_solu{ display:none; }
	#foot_help_news{ display:none; }
	
	#foot_help_code{ float:left; width:80%; padding:0px 10% 10px 10%; }
	#foot_help_code .foot_help_list ul li{ width:40%; height:auto; padding:0px 5% 0px 5%; }
	#foot_help_code .foot_help_list ul li img{ width:100%; height:auto; }
	#foot_help_code .foot_help_list ul li span{ float:left; width:100%; display:block; }
	#foot_help_code .foot_help_list ul li:nth-child(2n){ display:block; }
	#foot_help_code .foot_help_list ul li:nth-child(3n){ display:none; }
}

/* 备案统计 */
.foot_tool{ float:left; width:100%; font-size:14px; line-height:30px; color:#e8e8e8; }
.foot_tool a{ color:#e8e8e8; font-size:14px; line-height:30px; margin-right:20px; }
.foot_tool a:link{ color:#e8e8e8; }
.foot_tool a:visited{ color:#e8e8e8; }
.foot_tool a:hover{ color:#ffff00; }

@media screen and (max-width:800px){
	.foot_tool{ font-size:14px; line-height:25px; display:none; }
	.foot_tool a{ font-size:14px; line-height:25px; margin-right:10px; }
}

/* 网站尾巴 */
.tail{ display:none; }

@media screen and (max-width:800px){
	/* 图标格式 */
	/* .tail{ float:left; width:100%; height:50px; position:fixed; bottom:0px; background:rgba(55, 155, 233, 1); display:block; }
	.tail ul{ float:left; width:100%; list-style:none; }
	.tail ul li{ float:left; width:15%; padding:0px 5% 0px 5%; text-align:center; }
	.tail ul li a{ float:left; width:100%; }
	.tail ul li img{ width:25px; height:25px; border:0px; padding:5px 0px 0px 0px; }
	.tail ul li span{ float:left; width:100%; font-size:12px; line-height:20px; color:#ffffff; }
	.tail ul li span:hover{ color:#FF0; } */
	
	.tail{ float:left; width:100%; height:45px; position:fixed; bottom:0px; background:#379be9; display:block; }
	.tail ul{ float:left; width:100%; list-style:none; padding:5px 0px 0px 0px; }
	.tail ul li{ float:left; width:16%; padding:0px 0px 0px 0px; text-align:center; }
	.tail ul li a{ color:#ffffff; font-size:14px; line-height:35px; }
	.tail ul li.line{ width:5%; color:#ffffff; text-align:center; font-size:12px; line-height:35px; }
	.tail ul li.have a{ color:#ffff33; }
}