/* CSS Document */
*{padding:0;margin:0;}
li{list-style-type: none;}
html,body{ max-width:640px; min-width:320px; margin:0 auto; position:relative; background:#f7f7f7; font-family:"微软雅黑";font-size:20px;}
@media screen and (max-width:640px){body,html{font-size:20px}}
@media screen and (max-width:540px){body,html{font-size:17px}}
@media screen and (max-width:480px){body,html{font-size:15px}}
@media screen and (max-width:420px){body,html{font-size:13px}}
@media screen and (max-width:360px){body,html{font-size:12px}}
@media screen and (max-width:320px){body,html{font-size:11px}}
/* CSS Document */
/*首页内容*/
.header{width: 100%;height:5.5em;float: left;background: #fff;opacity: 0.6;position: absolute;top:0;left:0;}
.headerin{width: 100%;height:5.5em;float: left;position: absolute;top:0;left:0;}
.headerin .logo{width: 84.37%;float: left;height:2.8em;margin-top: 1.3em;}
.headerin .logo img{width:100%;float: left;}
.headerin .index_nav{float: right;width: 9.5%;font-size: 1.3em;color: #fff;line-height: 5.5em;margin-right: 3.1%;}
.headerin .index_nav img{width: 100%;}
.banner{position:relative; height:auto; width:100%; overflow:hidden;float: left;margin-top: 0;}
.banner .slideBox{display:block; position:relative; top:0px; left:0px;width:100%; height:auto; overflow:hidden;  }
.banner .slideBox .hd { width:100%; position: absolute; bottom:2%; text-align: center; font-size:0; z-index:1; }
.banner .slideBox .hd  li{background: url(../images/dot.png) no-repeat 0 2%; height: 16px; overflow: hidden; width:2%; cursor: pointer;		display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;	}
.banner .slideBox .hd .on{ background-position:0 0; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0; }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
.inin{width: 93.75%;margin: 0 auto;height: 25em;background: url(../images/index_4.png) no-repeat;margin-top:1.3em;background-size: 100%;}
/*产品案例*/
.index_menu{width: 100%;height:31.5em;float: left;position: relative;background: #f7f7f7;}
.index_menu span{float: left;margin-top: 2em;width: 93.75%;margin-bottom: 3em; position: relative;}
.index_menu span ul{float: left;margin-left: 4.25%;}
.index_menu ul li{float: left;margin-right: 2.5%;margin-bottom: 1em;width: 30%;}
.index_menu ul li img{width: 100%;}
.fanye{width: 100%;margin-bottom: 2em}
.bot{ float:left; width:100%;height:4.3em;background: #4F83CE;color: #fff;padding-top: 1.7em;text-align: center;}

/*产品案例*/
.out {position: relative;margin-left: 4%;}
.menu_er{width: 100%;float: left;}
.menu_more{width: 9%;position: absolute;top:-0.3em;left: 70%;}
.out li{float: left;width: 45%;margin-right: 5%;margin-bottom: 0.7em;/*height:7.85em;*/position: relative;}
.out li img{width: 100%;height: 6.35em;}
.out li span{width:100%;height: 1.8em;background: #ccc;color:#444444;position: absolute;top:3.8em;display: block;line-height: 1.8em;text-align: center;}
.out em{margin-top: 1.3em;display: block;width: 100%;float: left;}
/*简介页*/
.out p{/*width:95%;*/font-size:1.5em;margin-top: 1em;/*float: left;*/color: #4c4c4c}
/*新闻页*/
.out_news{width:96%;margin-left: 1%;margin-top: 1.5em}
.links{width:100%;min-height:1.6em;float: left;margin-top: 1.2em;margin-bottom: 1.3em}
.link{width:29%;height:1.6em;background:#696969;display: block;float: left;
text-align: center;line-height: 1.6em;margin-right: 2.6%;margin-bottom: 1.3em; border-radius: 6%;color: #fff;font-size:1.3em ;}
.out_news li{width: 100%;height: 9.5em;margin-top:1.3em;float: left;}
.out_news li .news_l{width: 35%;float: left;}
.out_news li .news_l img{width: 100%;height:9em;}
.out_news li .news_r{width: 63%;float: left;margin-left: 2%;}
.out_news li .news_r h3{font-size:1.5em;float: left;color: #2e83cc;width: 100%;margin-top: 0.2em}
.out_news li .news_r p{font-size:1.45em;float: left;color: #4c4c4c;width: 100%;margin-top: 0.5em}
.out_news li .news_r .rest{float: left;width: 100%;margin-top: 2em}
.out_news li .news_r .rest .rest_l{float: left;width: 8%;}
.out_news li .news_r .rest .rest_l img{width: 80%;float: left;}
.out_news li .news_r .rest .rest_c{float: left;width: 33%;color:#4c4c4c;font-size: 1.1em; }
.out_news li .news_r .rest .rest_r{float: right;margin-right: 4%; width: 30%;color: #2e83cc;}
/*技术支持*/
.out_support{width:96%;min-height: 20em;}
.out_support em{width:100%;float: left;}
.out_support li{width: 97%;float: left;height:3.2em;line-height: 3.2em;}
.out_support li:nth-child(2n+1){background: #e9e9e9;}
.out_support li h3{width: 78%;float: left;font-size: 1.5em;color: #4c4c4c;padding-left: 2%;}
.out_support li img{width: 15.5%;float: left;margin-top: 0.75em;padding-right: 1.5%;}
.out_support li span{display: inline-block;color:#4c4c4c; }
/*联系我们*/
.ctt{width: 96%;margin-top: 1em}
.c_u{font-size: 1.3em;padding-top: 1em;color: #4c4c4c}
/*子页样式*/
/*子页公共样式*/
.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 100%;
	height:3em;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(../images/sub3.png) no-repeat center center;
	background-size: 50%;
}

/*子页头部*/
.sub_header{width: 100%;height: 5.5em;position:relative;}
.sub_logo img{width: 100%;}
.sub_nav{position: absolute;top:0.7em;left:87%;width: 9.5%;}
.sub_nav img{width: 100%;}
.sub{width: 95.8%;float: left;margin-left: 4.2%;}
.sub_menu{margin-top: 1.3em;width: 100%;}
.sec_menu{font-size: 1.3em;width: 100%;}
.sec_menu h3{ float: left;margin-top: 0.2em}
select{height: 1.5em;width: 40%;float: left;}
.sub_case {position: relative;margin-top: 1.2em;/*float: left;*/}
.sub_case li{float: left;width: 45%;margin-right: 5%;margin-bottom: 2.2em;height:9.5em;position: relative;}
.sub_case li img{width: 100%;height: 8em;}
.sub_case li span{width:100%;height: 1.8em;background: #ccc;color:#444444;position: absolute;top:8em;display: block;line-height: 1.8em;text-align: center;}
.sub_page{background: #696969;width: 20%;height:2em;line-height:2em;display: block;color: #fff;float: left;text-align: center;font-size: 1.3em;margin-top: 1em;margin-bottom: 1.8em}
.sub p a:nth-child(2){float: right;margin-right: 4.4%;}
#on{background: #2e83cc}

