/*@charset "utf-8";*/

body{font-size: .14rem; color:#656565;}

/********************联系我们******************/

/**表格**/
.contact_us{width: 100%; margin: 0 auto;}
.contact_us table{width: 100%; font-size: .14rem; color: #333;  text-align: center; background: #FFF; border: solid 1px #CCC; border-top: none;}
.contact_us tr{height:.5rem;}
.contact_us th{height: .5rem; background:#2783C3; font-size: .15rem; font-weight: bold; color: #FFF; border-right: solid 1px #FFF;}
.contact_us th:last-of-type{border: none;}
.contact_us td{ border-right: solid 1px #CCC; border-bottom: solid 1px #CCC;}
.contact_us td:last-of-type{border-right: none;}
.bgF3F{background: #F3F9FD; color: #333; font-weight: bold;}
.table{overflow-x: auto;}



/**地图**/

.map{width: 100%; margin-top: .5rem; margin-bottom: 1.5rem; border:solid 1px #CCC}
.map_fl{width: 55%;overflow: hidden;}
.map_fr{width: 45%; font-size: .13rem;}
.map_li_fl{width: 72%; margin-left: 10%;}
.map_li_fr{width: 12%;line-height: .75rem;}
.map_title{font-size: .16rem; font-weight: bold; color: #333; line-height: .35rem; padding-top: .1rem;}
.map_fr ul,.map_li{width: 100%; overflow: hidden;}
.map_li_fr .iconfont{font-size: .16rem; color: #CCC;}
.map_li p{line-height: .22rem;}
.map_li{border-bottom: solid 1px #CCC; padding-bottom: .1rem;}
.back{display: none;}
.map_li:hover {background: #2783C3; color: #FFF; }
.map_li:hover .map_title{color: #FFF;}
.map_li:hover .back{display: block;}
.map_li:hover .map_li_fr{line-height: 1.1rem;}
.map_li:hover .map_li_fr .iconfont{color: #FFF;}
.map_fl img{width: 100%;}
.map_li:last-of-type{border-bottom: none;}




/****************************供应商专区******************************/
.supplier{border: solid 1px #CCC;  background: url(../img/gyszq.png) no-repeat; background-color: #FFF; margin-bottom: 1.5rem; padding-bottom: .3rem;}
.supplier_but{width: 1.84rem; margin: 0 auto; margin:.27rem auto;}
.supplier_but button{width: 100%; height: .46rem; font-size: .15rem; border-radius: .05rem; background: #2783C3; color: #FFF; line-height: .46rem;}
.supplier_but .iconfont{font-size: .26rem; color: #FFF;}
.supplier_hr{width: 100%; border: none;  border-bottom: dashed .02rem #CCC;}
.supplier_cont{width: 85%; margin: 0 auto; margin-top: .27rem; margin-bottom: .27rem;}
.supplier_img,img{width: 100%;}
.supplier_img{margin-bottom: .27rem;}
.supplier_title{font-size: .16rem; color: #2783C3; font-weight: bold;}
.supplier_cont p{font-size: .14rem; margin-top: .15rem;}
.supplier_span{font-size: .15rem; font-weight: bold; color: #2783C3;}

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.contact_us{width: 100%;}
	.supplier_title{font-size: .32rem;}
	.supplier_cont p{font-size: .28rem; color: #333; margin-top: .3rem;}
	.supplier_span{font-size: .3rem;}
	.supplier_img img{min-height: 1.7rem; width: auto;max-width: 100%;}
	.supplier_but,.supplier_cont{width: 95%; }
	
	.supplier_cont,.supplier_but{ margin: .54rem auto;}
	.supplier_img{margin-bottom: .54rem;}
	.supplier_but button{height: .92rem; font-size: .3rem; border-radius: .1rem;}
	.supplier_but .iconfont{font-size: .52rem;}
}

/****************************在线留言****************************************/
.online_message{width: 90%; margin: 0 auto; background: #F8FCFF; border: dashed 1px #CCC; margin-top: 5%; overflow: hidden;}
.message_fl{width: 5%; margin-left: 4%; text-align: center; line-height: 1.45rem;}
.message_fl .iconfont{font-size: .28rem; color: #2783C3;}
.message_fr{width: 85%; font-size: .14rem; margin-left: 2%; padding-top: 2.5%;}
.color278{color: #2783C3;}
.online_message_cont{width:80%; margin: 0 auto;}
/*select*/
#dummydata {box-sizing: content-box; position: absolute;/* top: .42rem !important;*/ z-index: 198910161111; background: #fff;max-height: 200px;overflow: auto;color: #999;border: solid 1px #009FE9;}
#dummydata a{display: block; text-indent: .25rem; font-size: .16rem;}
#dummydata a:nth-child(1){color: #999;}
.select{position: relative; }
.select input{text-indent: .25rem; color: #999;}
/*select end*/
.online_message_cont{margin-top: 5%;}
.message_li .fl{width:15%; text-align: right; line-height: .41rem; font-size: .14rem;}
.message_li .fr{width: 85%;}
.message_li .fr{position: relative;}
.select_click{width: .56rem; height: .25rem; border-left: solid 1px #E1E1E1; text-align: center; line-height: .25rem; position: absolute; right: 0; top: .09rem;} 
.select_click .iconfont{font-size: .22rem; color: #434343; }
.complaint_select{width: 48% !important; position: relative;}
.select_click{width: .56rem; height: .25rem; border-left: solid 1px #E1E1E1; text-align: center; line-height: .25rem; position: absolute; right: 0; top: .09rem;} 
.select_click .iconfont{font-size: .33rem; color: #434343; }
.message_li .fr .input,.message_li .fr input{text-indent: .25rem; width: 100%; height: .45rem; font-size: .16rem;border-radius: .05rem;border:solid 1px #E1E1E1;  margin: 0 auto;}
.message_li .fr .input:hover,.message_li .fr input:hover{border: solid 1px #009FE9;}
.message_li{margin-bottom: 2.5%;}
.message_li_fr,.message_li_fl{width: 48%;}
.message_li_fr{float: right;}
.message_li_fl{float: left;}
.message_li_fr .fl,.message_li_fl .fl{width:30% ;}
.message_li_fr .fr,.message_li_fl .fr{width: 68%;}
.message_but{width: 1.57rem; margin-top: 5%; margin-bottom: 5%;}
.message_but button{width: 100%; height: .44rem; background: #2783C3; color: #FFF; border: none; border-radius: .05rem; font-size: .15rem;}

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.message_fr{ width:100%;}
	.message_li {line-height: .65rem;}
	.message_fl{width:11%; margin-left: 2%; line-height: 1.94rem;}
	.message_fl .iconfont{font-size: .56rem;}
	.message_li .fl,.message_fr{font-size: .22rem; }
	.online_message_cont,.online_message{width: 90%;}
	.message_li .fl{width: 20%;}
	.message_li .fr{width: 78%;}
	.message_li_fl,.message_li_fr{width: 100%; margin-bottom: 2.5%;}
	.message_li{margin-bottom: 2.5%;}
	.message_li .fr .input, .message_li .fr input{height: .65rem; font-size: .22rem;}
	.select_click{height: .45rem; line-height: .45rem;}
	.select_click .iconfont{font-size: .45rem;}
	.message_but {width: 100%;}
	.message_but button{height: .8rem; font-size: .3rem;}
	
}


/******************************应用案例*****************************************************/
.applications_ul{margin-top: 10%; overflow: hidden; margin-bottom: 10%;}
.applications_li{float: left; width: 30%;margin-left: 1.5%;  margin-right: 1.5%; margin-bottom: 5%; background: #FFF; box-shadow:1px 1px 15px #CCC; padding-bottom: 2%;}
.applicationsImg,.applicationsImg img{width: 100%;}
.applications_hr{border: none; border-bottom: dashed .015rem #E1E1E1; margin-bottom: 5%;}
.applications_title,.applications_cont{width: 90%; margin: 0 auto;}
.applications_title{font-size: .18rem; font-weight: bold; color: #333; line-height: .56rem;}
.applications_cont{font-size: .14rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.applicationsImg{max-height: 2.34rem; overflow: hidden;}

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.applications_li{width: 47%;}
}



@media only screen and (min-width: 320px) and (max-width: 450px) {
	.message_li .fr .input, .message_li .fr input{height: .9rem; }
	.message_li .fl{line-height: .9rem;}
	.message_fr{ font-size: .24rem;}
	.select_click{height: .5rem; margin-top: .15rem; line-height: .5rem;}
	.online_message_cont, .online_message{width: 100%;}
	.supplier {border: none;}
	
}


/***************************加入我们**********************************************/
.corporate_life{padding: 2%; background: #FFF; border: solid 1px #CCC; margin-bottom: 15%;}
.corporate_life_ul {margin-top: 2%;}
.corporate_life_li{width: 45%; padding: 1.5%; background: #F3F3F3; margin:2% 2.5% ; text-align: center; float: left;}
.corporate_life_img,.corporate_life_img img{width: 100%;}
.corporate_life_img{height: 2.61rem; line-height: 2.61rem; overflow: hidden;  }
.corporate_life_text{text-align: center; font-size: .14rem; padding-bottom: 2%; padding-top: 5%;}

/*****社会招聘**********/
.search{width: 100%; height: .44rem; border: solid 1px #2783C3; border-radius: .05rem; overflow: hidden;}
.search .fl{width: 80%;}
.search .fr{width: 18%;}
.search input{width: 100%; height: .44rem; font-size: .15rem; text-indent: .25rem;}
.search button{width: 100%; height: .44rem; background: #2783C3; color: #FFF; font-size: .16rem; }
.search .iconfont{font-size: .2rem;}
.position{width: 100%; height: .36rem; background: #F3F9FD; border-bottom: solid 1px #E1E1E1;  font-size: .15rem; line-height: .36rem;}
.position .iconfont{font-size: .4rem; color: #999; margin-left: .25rem; }
.position_top{border: solid 1px #E1E1E1;margin-top: 5%;}
.position_fl{padding-left: 2%; padding-right: 2%; font-size: .15rem; color: #434343; line-height: .45rem;}
.position_fl:hover{color: #2783C3;}
.position_cont_top{width: 100%; height: .53rem; background: #F3F3F3; color: #555; line-height: .53rem; margin-top: 3%; font-size: .15rem; text-align: center;}
.position_01{width: 35%;}
.position_02{width: 15%;}
.position_03{width: 25%;}
.position_04{width: 15%;}
.position_05{width: 10%;}
.position_li{border-bottom: solid 1px #CCC; padding: 2% 0 ; color: #333; font-size: .15rem; text-align: center;}
.position_li .iconfont{font-size: .2rem; color: #999999;}
.trans{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.trans .iconfont{color: #2783C3;}
.position_bg{background: #F3F9FD;}
.position_li_cont{width: 90%; margin: 0 auto; font-size: .14rem; text-align: left;padding-bottom: .5rem;}
.position_li_title{width: 100%;  margin-top: .2rem; }
.position_li_title b{border-left: solid 4px #2783C3; padding-left: .15rem;}
.position_li_content{margin-top: .1rem;}
.position_li_top,.position_cont_top{font-weight: 600;}
.position_li_cont{display: none;}
.position_05{cursor:pointer;}

@media only screen and (min-width: 320px) and (max-width: 750px) {
	.search,.search input,.search button{height: .88rem;}
	.search .fl{width: 75%;}
	.search .fr{width: 25%;}	
	.search .iconfont,.position_li .iconfont{font-size: .4rem;}
	.search button{font-size: .32rem;}
	.search input,.position{font-size: .28rem;}
	.position_fl{font-size: .24rem;}
	.position_li_cont,.position_li,.position_cont_top{font-size: .22rem;}
	.position{height: .72rem; line-height: .72rem;}
	.position .iconfont{font-size: .8rem;}
	.contact_us{overflow: hidden;}
	.position_table{overflow-x:scroll; width: 100%;}
	.position_top,.position_cont_top,.position_ul{min-width: 8.5rem;}
	
}