body{
	min-width: 10.64rem !important;
 }
html{
	min-width: 10.64rem !important;
}

#header{
 	width:15.1rem;
	height:1.12rem;
	overflow: hidden;
	margin:0 auto;
}
#header .logo{
	float:left;
	width:4.04rem;
	height:0.76rem;
	margin-top:0.20rem;
	margin-right: 1.94rem;
}
#header .logo img{
	width:4.04rem;
	height:0.76rem;
}
#header .nav{
	folat:left;
}
.nav li{
	height:1.12rem;
	line-height:1.12rem;
	text-align: center;
	margin-left:0.35rem;
	color:#000;
	font-size:0.20rem;
	float:left;
}
/*#header .nav li a:hover{
	color: #177de2;
}*/

/*
#list-com:hover{
	color: #177de2;
}
#list-pro:hover{
	color: #177de2;
}
#list-cul:hover{
	color: #177de2;
}
#list-out:hover{
	color: #177de2;
}
#list-conn:hover{
	color: #177de2;
}*/
#banner{
	width:100%;
	height:9.05rem;
	overflow: hidden;
	position:relative;
}
#banner #next-btn {
	position: absolute;
	display: block;
	width: 0.47rem;
	height: 0.47rem;
	top: 6.5rem;
	left: 9.3rem;
}
#next-btn i{
	float: left;
	display: block;
	width: 0.47rem;
	height: 0.47rem;
	background: url(../img/next.png);
	background-size: 100% 100%;
	
}
#banner i{
	
}
#blue-line{
	background-color: #0882ff;
	height: 0.03rem;
	width: 50%;
	float: left;
	margin: 0;
	border: 0;
}
#gray-line{
	background-color: #a1a1a1;
	height: 0.03rem;
	width: 50%;
	float: right;
	margin: 0;
	border: 0;
}
.info{
	position:absolute;
	left:6.43rem;
	top:3.80rem;
}
.info li{
	height:0.89rem;
	line-height:0.89rem;
	text-align:center;
	color:#fff;
}
.section{
	width:14.10rem;
	margin:0 auto;
	text-align: center;
	color:#000;
	padding-bottom:0.77rem;
	padding-top:0.77rem;
	position: relative;
}
.quasection{
	width:14.10rem;
	margin:0 auto;
	color:#000;
	padding-bottom:0.77rem;
	padding-top:0.77rem;
	position: relative;
	height: 18.5rem;
}
.quasection .quaImg{
	width: 14.10rem;
    height: 11rem;
    margin: 0 auto;
    color: #000;
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
    position: relative;
}
.quasection .quaImg-item{
	color:#000;
	padding-top:0.2rem;
	/*padding-bottom:0.77rem;*/
	position: relative;
	float:left;
}
.qua-size{
	width: 2.7rem;
	height: 4.03rem;
	margin: 0 0.06rem;
}
.qua-size2{
	width: 4.3rem;
	height: 2.89rem;
	margin: 0 0.2rem;
}
.que-mar{
	margin: 0 0.6rem;
}
/*#quatitle-doc{
	margin: 0 auto;
	text-align: center;
	font-size: 0.23rem;
	color: #000000;
	line-height: 0.48rem;
}*/
.quasection .item-quatitle p{
	text-align: center;
	font-size: 0.40rem;
	color: #000000;
	font-weight: 500;
	line-height: 0.46rem;
}
.quasection .item-quatitle .item-doc{
	font-size: 0.20rem;
	color: #737373;
}

.quasection .item-quatitle{
	line-height: 0.4rem;
	margin-bottom: 0.58rem;
}
.quasection span{
	position: absolute;
	display: block;
	width: 0.24rem;
	height: 0.07rem;
	left: 6.94rem;
	top: 1.67rem;
}
.quasection span i{
	display: block;
	width: 0.11rem;
	height: 0.07rem;
	float: left;
	background: url(../img/decorate1.png);
	background-size: 100% 100%;
	margin-left: 0.01rem;
	
}
.quasection span em{
	display: block;
	width: 0.11rem;
	height: 0.07rem;
	float: left;
	background: url(../img/decorate2.png);
	background-size: 100% 100%;
}
.quasection .cul p{
	text-align: center;
	font-size: 0.23rem;
	color: #000000;
	line-height: 0.48rem;
}

.section .item-title p{
	text-align: center;
	font-size: 0.40rem;
	color: #000000;
	font-weight: 500;
	line-height: 0.46rem;
}

.section .item-title .item-doc{
	font-size: 0.20rem;
	color: #737373;
}

.section #introduce {
	display: block;
	float: left;
	width: 7.21rem;
	height: 5.54rem;
}
.section #docdiv{
	padding-right: 0.3rem;
	padding-top: 0.77rem;
	width: 5.6rem;
	float: left;
	margin-left:0.70rem ;
	height: 5.54rem;
	color: #000000;
	font-weight: 500;
	line-height: 0.32rem;
}
.section #docdiv span{
	position: absolute;
	display: block;
	width: 0.13rem;
	height: 0.12rem;
	left: 7.9rem;
	top: 3.75rem;
}
.section #docdiv span i{
	display: block;
	width: 0.13rem;
	height: 0.12rem;
	float: right;
	background: url(../img/decorate3.png);
	background-size: 100% 100%;
}
.section .doc{
	margin-right: 0.3rem;
	line-height: 0.24rem;
	font-size: 0.22rem;
	line-height: 0.4rem;
	padding-top: 0.1rem;
}
.section .item-title{
	width: 14.1rem;
	height: 0.92rem;
	line-height: 0.4rem;
	margin-bottom: 1.2rem;
}

#production{
	position: relative;
	margin-bottom: 0.3rem;
}
.section span{
	position: absolute;
	display: block;
	width: 0.24rem;
	height: 0.07rem;
	left: 6.94rem;
	top: 1.67rem;
}

.section span i{
	display: block;
	width: 0.11rem;
	height: 0.07rem;
	float: left;
	background: url(../img/decorate1.png);
	background-size: 100% 100%;
	margin-left: 0.01rem;
}

.section span em{
	display: block;
	width: 0.11rem;
	height: 0.07rem;
	float: left;
	background: url(../img/decorate2.png);
	background-size: 100% 100%;
}

#production #pro-title{
	margin-bottom: 0.1rem;
}
#production img{
	width: 3.93rem;
	height: 2.99rem;
	position: absolute;
	left: 0.82rem;
	top: 0.76rem;
}
#production #pro-doc{
	float: right;
	font-size: 0.34erm;
	padding: 0.5rem;
}
.section .prodoc{
	width: 14.10rem;
}
.section .prodoc #pro-doc{
	width: 8.1rem;
	font-size: 0.34rem;
	line-height: 0.58rem;
	margin-right: 0.05rem;
}
.section #pro-list{
	margin-top: 0.8rem;
}
.section #pro-list li{
	list-style: none;
	float: left;
	width: 4.20rem;
	height: 3.28rem;
	margin-right: 0.5rem;
	position:relative;
}
.section #pro-list li p{
	text-align: center;
}
.section #pro-list .last{
	margin-right:0;
}
.section #pro-list li em{
	position:absolute;
	display:block;
	height:1.01rem;
	width:1.92rem;
	background-size: 100% 100%;
	left: 1.05rem;
	cursor: pointer;
}
#list7{
	position:absolute;
	position:absolute;
	display:block;
	height:1.76rem;
	width:1.72rem;
	background-size: 100% 100%;
	right: 1.25rem;
	bottom: 0.9rem;
	cursor: pointer;
	background-image:url(../img/cp7.png);
}
.zhyx{
	border: 0.01rem #D8D8D8 solid;
	border-radius: 0.05rem;
	box-shadow: -0.01rem 0.01rem 0.01rem #CCCCCC;
}
.zhyx h4{
	font-size: 0.25rem;
	line-height: 0.3rem;
	margin-top: 0.16rem;
}
.zhyx_main{
	margin: 0.3rem 1rem;
	width: 8rem;
}
.zhyx_con{
	font-size: 0.18rem;
	line-height: 0.3rem;
	margin-top: 0.16rem;
}
li #list1{
	background-image:url(../img/cp1.png);
}

li #list2{
	background-image:url(../img/cp2.png);
}

li #list3{
	background-image:url(../img/cp3.png);
}

li #list4{
	background-image:url(../img/cp4.png);
}

li #list5{
	background-image:url(../img/cp5.png);
}

li #list6{
	background-image:url(../img/cp6.png);
}

.section #pro-list li .last{
	margin-right: 0;
}
.section #pro-list li h4{
	font-size: 0.25rem;
	line-height: 0.3rem;
	margin-top: 1.13rem;
}
.section #pro-list li p{
	margin-top: 0.16rem;
	font-size: 0.18rem;
	line-height: 0.3rem;
}
#culture{
	margin: 0 auto;
	padding-top:0.77rem ;
	/*background-image: url(../img/cultureBg.png);*/
	padding-bottom: 0.52rem;
}

/*#culture span{
	position: absolute;
	display: block;
	width: 0.24rem;
	height: 0.12rem;
	left: 9.37rem;
	top: 1.65rem;
}*/
#culture-bg{
	background-image: url(../img/cultureBg.png);
}
.section .cul p{
	margin: 0 auto;
	width:14.1rem;
	height: 0.48rem;
	text-align: center;
	font-size: 0.23rem;
	color: #000000;
	line-height: 0.48rem;
}
#culture .item-title{
	margin-bottom: 0.50rem;
}
#culture .cul img{
	width: 12.71rem;
	height: 3.54rem;
}
.section .cul hr{
	margin-top: 0.5rem;
	color: #d8d8d8;
	margin-bottom: 0.5rem;
	height: 0.01rem;
}
.cul-doc{
	margin: 0 auto;
	width: 75%;
}
#out-line{
	background-color: #cccccc;
	margin-bottom:0.2rem ;
	float: right;
	width: 8.67rem;
	display: block;
	margin-top: -0.25rem;
	border: 0;
	height: 0.01rem;
}
#outlook #out{
	background:url(../img/outlook.png) no-repeat ;
	width: 100%;
	height: 5.37rem;
	background-size: 100% 100%;
}
#outlook #out #out-doc{
	padding-top:0.25rem ;
	margin-left: 5.67rem;
	width: 8.2rem;
	height: 4rem;
}
#outlook #out #out-doc p{
	font-size: 0.24rem;
	line-height: 0.5rem;
}
#connect{
	margin-top: 1rem;
	width: 100%;
	padding:0;
}
#connect #conn{
	background: url(../img/connect2-noclick.png) no-repeat;
	width: 100%;
	height: 9.05rem;
	background-size: 100% 100%;
}
#conn-doc{
	float: left;
	width: 4rem;
	height: 7.05rem;
	margin-left: 2.5rem;
	margin-top: 1rem;
}
#conn li{
	text-align: left;
	position:relative;
}
#conn li i{
	display:block;
	height:0.48rem;
	width:0.48rem;
	position:absolute;
	left:0;
	top:0;
	
	background-size: 100% 100%;
}
#conn-doc li{
	padding-left:0.64rem ;
	margin-left: 0.5rem;
	margin-top: 0.5rem;
	width: 2.5rem;
}
#conn-doc li h4{
	font-size: 0.18rem;
	color: #177de2;
	cursor: pointer;
	padding-bottom: 0.37rem;
}
#conn-doc li h3{
	color: #FFFFFF;
	font-size: 0.18rem;
	line-height: 0.26rem;
	font-weight: 500;
}
#conn-doc li h3 div{
	font-size: 0.16rem; 
	color: #dddddd;
	line-height: 0.24rem;
	font-weight: 400;
}
#conn-doc hr{
	color:#d9d9d9;
	width: 3rem;
}
#connect #conn h2{
	font-size: 0.58rem;
	color: #FFFFFF;
}
#conn-dtil{
	position: absolute;
	width:4.92rem ;
	height: 7.17rem;
	background: #000000;
	background: rgba(0,0,0,0.3);
	left:6.97rem;
	padding-top:1.88rem ;
	display: none;
}
#conn-dtil .ipt{
	width:2.85rem ;
	margin: 0 auto;
}
#conn-dtil input,textarea{
	border-radius: 0.05rem;
	width: 2.85rem;
	height: 0.27rem;
	margin-top: 0.2rem;
	font-size: 0.2rem;
    font-family: "微软雅黑";
}
#conn-dtil .submit{
	border-radius: 0.05rem;
	width: 2.85rem;
	background: #FFFFFF;
	color: #177de2;
	font-size: 0.14rem;
	margin-top: 0.2rem;
	line-height: 0.3rem;
	cursor: pointer;	
}
#conn-dtil .msg{
	border-radius: 0.05rem;
	margin-top: 0.2rem;
	height: 1.78rem;
	width: 2.85rem;
	display: block;
}
#conn-black{
	width: 6rem;
	height: 9.05rem;
	margin: 0;
	float: right;
	margin-right: 0;
}
.row li{
	list-style: none;
	float: left;
	margin: 0 0.1rem ;
	margin-bottom: 0.52rem;
}
.row1 li img{
	width: 4.46rem;
	height: 1rem;
}
.row2 li img{
	width: 3.30rem;
	height: 1rem;
}
.row3 li img{
	width: 3.30rem;
	height: 1rem;
}