.xd_title{ height: 3.04rem; line-height: 3.04rem; background: #0163d7; color: #fff; font-size: 1.25rem; font-weight: bold; text-align: center;}
.more{ display: block; height: 2.58rem; line-height:2.58rem; border-top: 1px solid #dfdfdf; font-size: 1rem; color: #888888; background: url("../Images/Index/more_icon.jpg") no-repeat 36.7% center; background-size: 0.79rem;    text-align: center;padding-left: 5%;}


/*ban轮播广告*/
.g-adv{ height:16.375rem; overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}

/*ban轮播广告*/
.ad-slide{ height: 2.7rem; line-height:2.7rem; box-shadow: 10px 5px 7px rgba(0,0,0,.1); margin-bottom: 1rem; text-align: center; font-size: 0.83rem; color: #a8a8a8;}
.ad-slide span em{ width: 0.46rem; height: 0.875rem; padding-right: 0.46rem;}
.ad-slide span em img{ width: 0.46rem; height: 0.875rem;; vertical-align: middle;}

/*导航*/
nav{ overflow:hidden; margin-bottom: 1.5rem}
nav li{display: block;float: left;width: 24.53%;font-size: 1rem;height: 8.2rem;color: #333333;}
nav li em{ display: block; width: 84.07%;}
nav li em img{ width: 100%;}
nav li span{ display: block;margin-left: -14%;text-align: center; margin-top: 0.3rem;}
nav a:nth-child(4n) li{width: 22.65%;}
nav a:nth-child(4n) li em{width: 91%;}
nav a:nth-child(1) li,nav a:nth-child(5) li{ margin-left: 3.7%;}


/*我们*/
.g-about{ background: url("../Images/Index/about_bg.jpg") no-repeat center bottom; background-size: 100% 16.17rem; height: 26.65rem;}
.g-about h2{ text-align: center; font-size: 1.33rem; color: #0163d8; font-weight: bold; position: relative; margin-bottom: 0.9rem;}
.g-about h2 span{ font-family: "Arial"; color: #ffa000; font-weight: normal; display: block;}
.g-about h2:before{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; left: 37%; top: 0.9rem;}
.g-about h2:after{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; right: 37%; top: 0.9rem;}
.g-about dt{ width: 86.25%; margin: 0 auto 1rem;}
.g-about dt img{ display: block; width: 100%; padding: 1rem; background: #fff; box-sizing:border-box;}
.g-about dd{ width: 82.8%; margin: 0 auto; color: #fff; font-size: 1rem;}


/*智能触摸生活*/
.new{ background: url("../Images/Index/new_bg.jpg") no-repeat center 0; height: 30.3rem; padding-top: 1.7rem; overflow: hidden;}
.new h2{ text-align: center; font-size: 1.33rem; color: #0163d8; font-weight: bold; position: relative; margin: 0 0 1rem;}
.new h2 span{ color: #ffa000; }
.new h2 em{ display: block; font-size: 1.17rem; color: #000000; font-weight: normal; }
.new h2:before{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; left: 28%; top: 0.9rem;}
.new h2:after{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; right: 28%; top: 0.9rem;}
.new p{ width: 82.8%; margin: 0 auto 1.1rem; color: #666666; font-size: 1rem; line-height: 1.58rem;}
.new p a{ color: #0163d8;}
.g-new{ width:90.625%; margin: 0 auto; overflow: hidden;}
.g-new .prev{float: left;margin: 6.5rem 6.2% 0 0;}
.g-new .next{float: right;margin: 6.5rem 0 0 0;}
.g-new .prev,.g-new .next{width: 1.42rem;height: 2.125rem;overflow: hidden;}
.g-new .prev img,.g-new .next img{display: block;width: 100%;height: auto; border: none;}
.g-new .nowarp{width: 75.86%;float: left;margin: 0 auto;overflow: hidden;}
.g-new img{width: 100%; border: 0.125rem solid #b9b9b9; box-sizing: border-box;}
.g-new .con span{display: block;text-align: center;font-size: 1rem;color: #333333;line-height: 2.5em;}



/*产品分类*/
.prod{ overflow: hidden;}
.prod .prod_nav{
    margin: 1.6rem 3.125% 1.5rem;
    height: 4.6rem;
    overflow: hidden;
}
.prod .prod_nav li{
    position: relative;
    float: left;
    width: 23.2%;
    font: 1rem/1.96rem "microsoft yahei";
    color: #333333;
    text-align: center;
    height: 1.96rem;
    border: 1px solid #d9d9d9;
    margin: 0 2.4% 0.625rem 0;
    border-radius: 0.3rem;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+1,f5f5f5+51,e0e0e0+53,f1f1f1+100 */
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 50%, #e0e0e0 51%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 50%,#e0e0e0 51%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 50%,#e0e0e0 51%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.prod .prod_nav a:nth-child(4n) li{
    margin-right: 0;
}

.prod_list{overflow: hidden; margin: 0 3.125%;}
.prod_list h2{ margin-bottom:0.8rem; font-size: 1rem; color: #0163d8; font-weight: bold;}
.prod_list h2 span{ font-family: "Arial"; font-weight: normal; color: #6e6e6e;}
.prod_list ul{ overflow: hidden;}
.prod_list li{
	width: 47.93%;
	float: left;
	height: 12rem;

	margin-bottom: 0.9rem;
}
.prod_list li img{
	display: block;
	width: 100%;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}
.prod_list li span{
	display: block;
	line-height: 1.33rem;
	font-size: 1rem;
	color: #666666;
	text-align: center;
	margin-top: 0.4rem;
}
.prod_list a:nth-child(2n) li{
	float: right;
}


/*雄大智能触摸开关*/
.tech{height: 23.75rem;overflow: hidden; background: url("../Images/Index/tech_bg.jpg") no-repeat center 0; background-size: 100%;}
.tech h2{ text-align: center; font-size: 1.33rem; color: #0163d8; font-weight: bold; position: relative; margin: 2.37rem 0 1.2rem;}
.tech h2 span{ color: #ffa000; }
.tech h2 em{ display: block; font-size: 1.17rem; color: #000000; font-weight: normal; }
.tech h2:before{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; left: 25%; top: 2.5rem;}
.tech h2:after{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; right: 25%; top: 2.5rem;}
.tech ul{ margin: 0 7%;}
.tech li{ font-size: 0.92rem; color: #333333; font-weight: bold; float: left; margin: 0 40% 2.6rem 0;}
.tech li span{ display: block; color: #0163d8;}
.tech li:nth-child(2n){ float: right; margin-right: 0; text-align: right;}


/*雄大成功案例*/
.case{ overflow: hidden;}
.case .case_nav{
    margin: 1.83rem 7.34% 1.625rem;
    overflow: hidden;
}
.case .case_nav li{
    position: relative;
    float: left;
    width: 30.95%;
    font: 1rem/1.96rem "microsoft yahei";
    color: #333333;
    text-align: center;
    height: 1.96rem;
    border: 1px solid #d9d9d9;
    margin: 0 2.4% 0 0;
    border-radius: 0.3rem;
    box-sizing: border-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+1,f5f5f5+51,e0e0e0+53,f1f1f1+100 */
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #f5f5f5 50%, #e0e0e0 51%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#f5f5f5 50%,#e0e0e0 51%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefefe 0%,#f5f5f5 50%,#e0e0e0 51%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.case .case_nav a:nth-child(3) li{
    margin-right: 0;
}

.case_list{overflow: hidden; margin: 0 5%;}
.case_list h2{ margin-bottom:0.8rem; font-size: 1rem; color: #0163d8; font-weight: bold;}
.case_list h2 span{ font-family: "Arial"; font-weight: normal; color: #6e6e6e;}
.case_list ul{ overflow: hidden;}
.case_list li{
	width: 48.26%;
	float: left;
	height: auto;
	margin-bottom: 1.1rem;
}
.case_list li img{
	display: block;
	width: 100%;
}
.case_list li span{
	display: block;
	font-size: 1rem;
	color: #666666;
	text-align: center;
	margin-top: 0.6rem;
}
.case_list a:nth-child(2n) li{
	float: right;
}



/*优势*/
.g-advantage{
	overflow: hidden;
	background: url("../Images/Index/advantage_bg.jpg") no-repeat center 0;
	height: 46.83rem;
}
.g-advantage h2{ text-align: center; font-size: 1.33rem; color: #0163d8; font-weight: bold; position: relative; margin: 2.37rem 0 1.2rem;}
.g-advantage h2 span{ color: #ffa000; }
.g-advantage h2 em{ display: block; font-size: 1.17rem; color: #000000; font-weight: normal; }
.g-advantage h2:before{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; left: 32%; top: 0.8rem;}
.g-advantage h2:after{ content: ''; width: 1.2rem; height: 0.125rem; background: #0163d8; position: absolute; right: 32%; top: 0.8rem;}

.g-advantage .con{ width: 100%; display: inline; float: left;}
.g-advantage p{ height: 14.54rem; overflow: hidden; margin-bottom: 1rem;}
.g-advantage p img{ width: 100%; display: block;}

.g-advantage dl{
	overflow: hidden;
	margin: 0 5.625% 1.25rem;
	padding-left: 13%;
}
.g-advantage dt{
	font-size: 1.25rem;
	font-weight: bold;
	color: #0163d8;
	padding-bottom: 0.3rem;
	margin-bottom: 0.3rem;
	border-bottom: 1px dashed #b1b1b1;
}
.g-advantage dt span{ color: #ffa000;}
.g-advantage .advantage1{ background: url("../Images/Index/num01.jpg") no-repeat 0 0.3rem; background-size: 2.29rem 3rem;}
.g-advantage .advantage2{ background: url("../Images/Index/num02.jpg") no-repeat 0 0.3rem; background-size: 2.29rem 3rem;}
.g-advantage .advantage3{ background: url("../Images/Index/num03.jpg") no-repeat 0 0.3rem; background-size: 2.29rem 3rem;}
.g-advantage .advantage4{ background: url("../Images/Index/num04.jpg") no-repeat 0 0.3rem; background-size: 2.29rem 3rem;}


.g-advantage dd {
	font-size: 1rem;
	line-height: 1.58rem;
	color: #666666;
}

.g-advantage .m-cnt{
	height: 0.583rem;
    margin-top: 0.5rem;
    text-align: center;
}
.g-advantage .m-cnt li{
	width: 0.583rem;
    height: 0.583rem;
    background: #4c4f57;
    display: inline-block;
    margin-right: 2%;
    border-radius: 20px;
}
.g-advantage .m-cnt li.z-on{
	background: #0162cf;
}


/*客户见证*/
.witness{ overflow: hidden; font-family: "microsoft yahei"; margin-bottom: 1.4rem;}
.witness .xd_title{ margin-bottom:1.875rem; }
.witness dl{ height: 8.67rem; overflow: hidden; margin: 0 3.125% 1.33rem;}
.witness dt{ width: 46.3%; float: left; overflow: hidden; }
.witness dt img{ display: block; width: 100%}
.witness dd{ width: 50%; float: right; overflow: hidden;}
.witness dd h3{ font-size:1rem; color: #333333; margin-bottom: 0.8rem; font-weight: bold; height:1.5rem; line-height:1.5rem; overflow:hidden;}
.witness dd p{ font-size: 1rem; line-height: 1.58rem; color: #666666;}
.witness dd p a{ color: #0163d8; }



/*荣誉资质*/
.g-honor{overflow: hidden; height: 21rem;}
.g-honor .xd_title{ margin-bottom: 1.92rem;}
.g-honor .prev{
	float: left;
	margin: 5.375rem 0 0 3.9%;
}
.g-honor .next{
	float: right;
	margin: 5.375rem 3.9% 0 0;
}
.g-honor .prev,.g-honor .next{
	width: 1.42rem;
	height: 2.125rem;
}
.g-honor .prev img,.g-honor .next img{
	display: block;
	width: 100%;
	height: auto;
}
.g-honor .nowarp{
	width: 73.4%;
    margin: 0 auto;
    overflow: hidden;
}
.g-honor li{
	width: 45.53%;
	overflow: hidden;
	float: left;
}
.g-honor li img{
	display: block;
	width: 100%;
}
.g-honor li span{
	font-size: 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	color: #666666;
}
.g-honor a:nth-child(2n) li{float: right;}




/*公司介绍*/
.g-company{
	height: 27rem;
	overflow: hidden;
	margin-bottom: 0.7rem;
}
.g-company .xd_title{ margin-bottom: 2.125rem;}
.g-company dl{ margin: 0 10.3125%; overflow: hidden;}
.g-company dt{
	width: 100%;
	margin: 0 auto 1rem;
}
.g-company dt img{
	display: block;
	width: 100%;
	height: auto;
}
.g-company dd{
	overflow: hidden;
}
.g-company dd h3{
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.5rem;
}
.g-company dd p{
	color: #666666;
	font-size: 1rem;
	line-height: 1.58rem;
	overflow: hidden;
	border-bottom: 1px dotted #999999;
	padding-bottom: 1rem;
}
.g-company dd a{ color: #0163d8;}


/*企业相册*/
.g-album{ overflow: hidden; margin-bottom: 1.67rem;}
.g-album h2{ margin-bottom:0.8rem; font-size: 1rem; color: #0163d8; font-weight: bold; margin: 0 10.3125% 1rem;}
.g-album h2 span{ font-family: "Arial"; font-weight: normal; color: #6e6e6e;}
.g-album .prev{
	float: left;
	margin: 2.42rem 0 0 3.125%;
}
.g-album .next{
	float: right;
	margin: 2.42rem 3.125% 0 0;
}
.g-album .prev,.g-album .next{
	width: 1.42rem;
	height: 2.125rem;
}
.g-album .prev img,.g-album .next img{
	display: block;
	width: 100%;
	height: auto;
}
.g-album .nowarp{
	width: 75.78%;
    margin: 0 auto;
    overflow: hidden;
}
.g-album li{
	width: 45.53%;
	overflow: hidden;
	float: left;
}
.g-album li img{
	display: block;
	width: 100%;
}
.g-album li span{
	font-size: 1rem;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 0.5rem;
	color: #666666;
}
.g-album a:nth-child(2n) li{float: right;}




/*新闻资讯*/
.news{ height: 21rem; overflow: hidden; }
.news .con{width:100%; float:left;}

.n_q{ height: 2.54rem; line-height:2.54rem; overflow: hidden; background: #2c2c2c; margin-bottom: 1rem;}
.n_q li{ font-size: 1.08rem;color: #fff; float: left; font-weight: normal; width: 32.8%; text-align: center; border-right: 1px solid #000000;border-left: 1px solid #505050;}
.n_q li.z-on{background: #0163d8;}
.n_q li:nth-child(3){ border-right: none;}

.new .con{ float: left; display: inline; width: 100%;}
.n_c ul{ padding: 0 6.56% 0 7.5%;}
.n_c ul li{height:2.83rem; line-height: 2.83rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dotted #b0b0b0; position: relative;}


.n_c ul li a{ color: #666666; font-family: "microsoft yahei";}
.n_c ul li:nth-child(5){ border-bottom: 0;}
.n_c ul li span{ float: left; font-size: 0.83rem; color: #fff;width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align:center; border-radius: 0.2rem; background: #adafb4; margin-right: 6%; margin-top: 0.86rem;}
.n_c ul li em{ float: left;}



@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}