@charset "utf-8";
/* 公共css -------------------------------------- */
.info {
	padding: 0.1rem 2%;
}
.info img{
	max-width: 100%;
}
.info2 {
	padding: 0.2rem 2%;
}
.more{
	text-align: center;display: block;
	color: #3d3d3d;line-height: 0.4rem;
	font-size: 0.15rem;font-weight: 600;
	background: #EDEDED;
}
/* 头部css -------------------------------------- */
.header {
	background: -webkit-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -ms-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -moz-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -o-linear-gradient(bottom left,#115f8e,#0073b9);
    background: linear-gradient(bottom left,#115f8e,#0073b9);
	color: #1571c8;
	height: 0.45rem;
	line-height: 0.45rem;
	text-align: center;
	color:#fff;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
.header a {
    display: block;
    width: 0.45rem;
    height: 0.45rem;
    position: absolute;
    top: 0;
    right: 0.05rem;
	line-height: 0.4rem;
	text-align:left;
}
.header a i{ font-size:0.26rem;}

.header img{width: 0.3rem;height: 0.3rem;
	position: absolute;top: 0.05rem;left: 0.15rem;}
/* 广告图css -------------------------------------- */
.banner{ padding-top:50%;}

/* 栏目选择css -------------------------------------- */
.nav{ background-color:#fff;}
.nav li{ text-align:center; padding:0.05rem 0; border:0.01rem solid #f8f8f8;}
.nav li a .navbox{ color:#666; position:relative;padding-top: 55%; width:55%; height:0; margin:0 auto; }
.nav li a .navbox .navbg{width:100%; height:100%; position: absolute; left: 0; top: 0; border-radius: 100%; background:#0e72b8; text-align:center;}
.nav li a .navbox .navbg .navicon i{ font-size:0.25rem; color:#fff; display:block; overflow:hidden; margin:0px auto;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.nav li a .navbox .navbg .navicon{ position:relative; width:100%; height:100%;}
.nav li a p{ color:#666; font-size:0.15rem;height: 0.3rem;line-height: 0.3rem;}
.nav li:nth-child(1) .navbox .navbg{ background-color: #fdc200;}
.nav li:nth-child(2) .navbox .navbg{ background-color: #96a3fc;}
.nav li:nth-child(3) .navbox .navbg{ background-color: #f99161;}
.nav li:nth-child(4) .navbox .navbg{ background-color: #c697d8;}
.nav li:nth-child(5) .navbox .navbg{ background-color: #8fa5ad;}
.nav li:nth-child(6) .navbox .navbg{ background-color: #ed6492;}
.nav li:nth-child(7) .navbox .navbg{ background-color: #54d0e3;}
.nav li:nth-child(8) .navbox .navbg{ background-color: #fcbd15;}
.nav li:nth-child(9) .navbox .navbg{ background-color: #98ce5a;}
/* 底部css -------------------------------------- */	
.footer{ background: -webkit-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -ms-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -moz-linear-gradient(bottom left,#115f8e,#0073b9);
    background: -o-linear-gradient(bottom left,#115f8e,#0073b9);
    background: linear-gradient(bottom left,#115f8e,#0073b9);
    color:#fff; 
    padding:0.02rem 0;}
.footer .ui-tiled li{ margin-top:0.04rem;}
.footer .ui-tiled li a{ color:#fff;}
.footer .ui-tiled li:first-child{border-left:none;}
.footer .ui-tiled li div{ font-size:0.14rem;}
.footer ul li i{ font-size:0.2rem;}

/* 首页栏目头部css -------------------------------------- */
.ititle{ height:0.45rem; margin:0.1rem 0.1rem 0 0.1rem; padding-right:0.1rem; line-height:0.45rem;    border-radius:0.1rem 0.1rem 0 0;
    border: 0.01rem #ddd solid;
    border-bottom: 0;}
.ititle .titlecontent{ float:left; padding-left:0.3rem; background:url(../images/point.png) 0.1rem center no-repeat;}
.ititle .titlemore{ float:right;    background: #e57f85;border-radius:0.05rem; width:15%; text-align:center; margin-top:0.1rem; line-height:0.21rem; color:#fff; padding:0.02rem;}
.ititle .titlemore a{ color:#fff;}
/* 首页产品css -------------------------------------- */
.ipro{ margin:0.1rem 0;}
.ipro .prolist{ margin:0 0.1rem; width:inherit; border: 0.01rem #ddd solid;} 
.ipro .prolist > li:after{ display:none;}
.ipro .prolist .ui-list-info {
    padding-right: 0.15rem;
}
.ipro .prolist > li{ padding-left:0.15rem; margin-left:0px;}
.ipro .ui-list-info a{ color:#000;}
.icontainer .ipro .prolist li{ border-bottom: 0.01rem #ddd solid;}
.icontainer .ipro .prolist li:last-child{ border-bottom:none;} 
/* 首页新闻css -------------------------------------- */
.inews {
    margin: 0.1rem 0;
}
.inews ul li{ margin-left:0px; padding-left:0.1rem;   border-top: #e0e0e0 0.01rem solid;}
.inews ul li h4{ font-size:0.15rem; color:#000;}
.inews ul li .ui-list-info{ padding:0.08rem 0.18rem 0.08rem 0; }
.inews .ui-list-link > li:after{ font-size:0.16rem; color:#333;}
.inews .newslist {
    margin: 0 0.1rem;
    width: inherit;
    border: 0.01rem #ddd solid;
}

/* 人才招聘css -------------------------------------- */
.job {
	margin: 0.15rem;
}
.joblist {
	font-size: 0.15rem;
	position: relative;
	width: 100%;
	overflow: hidden;
	transition: all 0.5s;
}
.joblist li {
	float: left;
	margin: 0.1rem 0.05rem 0 0;
	display: flex;
}
.joblist li a {
	background:#f92a65;
	color: #eee;
	width: 100%;
	text-align: center;
	padding: 0.06rem;
	display: block;
	border-radius: 0.03rem;
	
}
.jobcontent dl {
	padding-top: 0.5rem;
}
.jobcontent dl dt {
	text-indent: 1em;
	width: 100%;
	height: 0.45rem;
	font-size: 0.16rem;
	line-height: 0.45rem;
	text-align: left;
	font-weight: bold;
	color:#f92a65;
	background: #eee;
	border-radius: 0.08rem;
}
.jobcontent dl dd span {
	color: #333;
	font-size: 0.15rem;
	line-height: 0.3rem;
}
.jobcontent dl dd p {
	font-size: 0.14rem;
	color: #666;
}
/* 联系我们css -------------------------------------- */
.contacttop {
	min-height: 2.5rem;
	background-size: cover;
	background-position: top center;
	background-image: url(../images/contactbg.jpg)
}
.contacttop .logowrap {
	padding-top: 0.4rem;
}
.contacttop .logobox {
	position: relative;
	width: 1.2rem;
	height: 1.2rem;
	text-align: center;
	margin: 0 auto;
	border-radius: 50%;
	border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-bottom: 0.2rem;
}
.contacttop .logoshow {
	box-shadow: 0 0 0.04rem #747474;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-size: 1.2rem 1.2rem;
	background-repeat: no-repeat;
	background-image: url(../images/contactlogo.jpg)
}
.contacttop .company {
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
	padding: 0 0.1rem;
}
.contacttop .companyname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.24rem;
	text-shadow: 0 0 0.04rem #3c3c3c;
}
.contacttop .companydescribe {
	word-break: break-all;
	font-size: 0.12rem;
	padding: 0 0 0.1rem 0;
	text-shadow: 0 0 0.03rem #333;
}
.contactlist {
	background-color: #e1e1e1;
	padding-bottom: 0.5rem;
}
.contactlist ul .contactinfo {
	font-size: 0.12rem;
}
.contactlist ul .code {
	margin: 0.15rem 30% 0.15rem 30%;
}
.contactlist ul .code img {
	width: 100%;
}
.contactlist ul .contactinfo a {
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0.15rem 0.1rem;
	border-bottom: 0.01rem solid #d6d6d6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.contactlist ul .contactinfo .contacttxt {
	font-size: 0.14rem;
}
.contactlist ul .contactinfo .contacttxt .contacttitle {
	color: #a0a0a3;
	display: block;
	top: 0;
	left: 0;
	min-height: 0.21rem;
	line-height: 0.21rem;
	width: 0.8rem;
	font-size: 0.14rem;
	word-break: break-all;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.contactlist ul .contactinfo .contacttxt .contactcon {
	color: #333;
	font-size: 0.14rem;
	width: 100%;
	word-break: break-all;
	padding-left: 1rem;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.contactlist ul .contactinfo .contacttxt .contactcon span {
	display: inline-block;
	color: #333;
	font-size: 0.14rem;
	word-break: break-all;
	vertical-align: middle;
	height: 0.2rem;
}
.contactlist ul .contactinfo .contacttxt .contactcon .location {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.12rem;
	color: #d03f44;
	font-style: normal;
	line-height: 0.22rem;
	text-align: center;
	border: 0.01rem solid #af4d4c;
	border-radius: 0.02rem;
	padding: 0 0.14rem;
	-webkit-border-radius: 0.02rem;
	-moz-border-radius: 0.02rem;
}
.contactbottom {
	font-size: 0.14rem;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 0.5rem;
	background-color: rgba(255,255,255,.8);
	text-align: center;
	z-index: 1999;
}
.contactbottom .ui-btn-wrap {
	padding: 0.09rem 0.1rem;
}
.contactbottom .ui-btn-wrap .ui-btn-lg {
	height: 0.32rem;
	line-height: 0.32rem;
	font-size: 0.16rem;
	background-color: #1571c8;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1571c8), to(#1571c8));
}

.contactus {
    width: 100%;
    height: 20%;
    border-bottom: 0.01rem dotted #a6a6a6;
    line-height: 200%;
    font-size: 0.14rem;
    margin-top: 0.1rem;
}
.contactus a{
	color: #000;
}

.contactus i {
    width: 0.2rem;
    height: 0.2rem;
    line-height: 20px;
    margin-right: 0.05rem;
    text-align: center;
    border-radius: 50%;
    border: #3c95bf solid 1px;
    color: #3c95bf;
    font-size: 0.18rem;
}
.contactustit{
	font-size: 0.18rem;color:#00a9ec; border-bottom: 0.01rem dotted #a6a6a6;line-height: 0.2rem;padding-bottom: 0.1rem;
}
/* 选项卡css -------------------------------------- */
.ui-tab {
	width: 100%;
	/*position: absolute;
	left: 0;
	top: 0.45rem;*/
	overflow-x: auto;
}
.ui-tab-nav li {
	background-color: #dedede;
	color: #333;
	font-size: 0.13rem;
	font-weight: 600;
}
.ui-tab-nav li a {
	color: #333;
}
.ui-tab-nav li.current {
	background-color: #fff !important;
	/*border-bottom: none;*/
	color: #cd3b3b;
}
.ui-tab-nav li.current a {
	color:#ff5b38;
}


/* 文章详细页css -------------------------------------- */
.newsview {
	margin: 0.15rem;
}
.viewtitle {
	font-size: 0.2rem;
	color: #1571c8;
}
.viewsubtitle {
	font-size: 0.12rem;
	color: #999;
	padding-bottom: 0.1rem;
	border-bottom: #eee solid 0.01rem;
}
.viewsubtitle span {
	padding-right: 0.15rem;
}
.newscontent {
	padding-top: 0.1rem;
}
.newscontent img{
	max-width: 100%; margin:0 auto;
}
/* 产品详细页css -------------------------------------- */
.proview {
	margin: 0.15rem;
}
.proview .proname {
	text-indent: 1em;
	margin-bottom: 0.2rem;
	width: 100%;
	height: 0.45rem;
	font-size: 0.16rem;
	line-height: 0.45rem;
	text-align: left;
	font-weight: bold;
	color: #1571c8;
	background: #eee;
	border-radius: 0.08rem;
}
.proview .procontent {
	width: 100%;
	line-height: 0.25rem;
}
.proview .procontent>img {
	
	max-width: 100%;
	
}

/* 在线留言css -------------------------------------- */
.message{ margin:0.15rem;}
@media (max-width: 320px){
.message .ui-form-item i {
    left:0;
	width:0.4rem;
	text-align:center;
}}
.message .ui-form-item i {
    position: absolute;
    top: 0;
    left:0;
	width:0.4rem;
	text-align:center;
}
.message .ui-form-item-pure input{ text-indent:0.3rem;}
.message .ui-form-item-textarea textarea{ padding-left:0px; text-indent:0.3rem; height: 1.8rem;}
.message .ui-border-b{ border: 0.01rem solid #ccc; margin-top:-0.01rem;}
.message .ui-form-item-textarea {
    height: 2.1rem;
}
.message .ui-btn-lg {
    line-height: 0.4rem;
    font-size: 0.16rem;
    height: 0.4rem;
}
.message .ui-btn-primary {
    background-color:#f92a65;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #f92a65), to(#f92a65));
}
.message .ui-btn-primary:before{border:none;}

.order h4{
	font-size: 0.18rem;
	font-weight: bold;
	text-align: center;
	color: #0073b9;
}
.order p{
	color: #0073b9;
}
.special_table{width:100%;border:0.01rem solid #000;border-collapse:collapse;margin:0 auto;margin-top:0.3rem;}
.special_table td{padding:1%;border:0.01rem solid #000;text-align:center;font-size:0.12rem;}
.special_table h4{font-size:0.22rem;text-align:center;font-weight: bold;}
.special_table td input{width:98%;line-height:100%;margin: 0;padding: 0;border: 0 none;font-family: '微软雅黑';font-size: 0.12rem;background: transparent;}
.special_table td textarea{width:98%;height:100%;border:0;line-height:0.3rem;margin: 0;padding: 0;border: 0 none;font-family: '微软雅黑';font-size: 0.12rem;background: transparent;}
.special_button{width:30%;height:0.4rem;line-height:0.4rem;text-align:center;color:#fff;font-size:0.14rem;background:#0073b9;cursor:pointer;float:left;margin-left:12%;margin-top:10%;}


.order {
    margin: 0.15rem;
}
.ordermain {
    width: 100%;
}
.ordermain td {
    width: 100%;
    height: 35px;
    color: #fff;
}
.ordermain input {
    width: 100%;
    height: 35px;
    border: 1px solid #af1818;
    border-radius: 5px;
    background: rgba(255,255,255,0.5);
}
.ordermain textarea {
    width: 100%;
    box-sizing: border-box;
    height: 200px;
    border: 1px solid #af1818;
    border-radius: 5px;
    background: rgba(255,255,255,0.5);
}

.companyi{
	width: 40%;
}
.companyi img{
	width: 100%;
}

.companyp{
	width: 55%;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: 0.14rem;
    text-indent: 2em;
    color: #5D5D5D;
}

/*图片加文字li*/
.newsli{
   padding-bottom: 0.1rem;
   margin-top: 0.08rem;
}
.newsli li{
	float: left;
	margin:0 2%;
	width: 46%;
	margin-bottom: 0.2rem;
	background: #ededed;
	box-sizing: border-box;
	border-radius: 5px;
	border:1px solid #8e8e8e;
	padding:0.06rem;
}
.newsli li a img{
	width: 1.5rem;
	height: 1rem;
}
.newsli li a p{
	text-align: center;
	color: #4a4a4a;
	font-size: 0.15rem;
	line-height: 0.25rem;
	overflow: hidden;
}

/*图片加文字li*/

/*tabli*/
.tabli{
   /*padding-bottom: 0.1rem;*/
   margin-top: 0.05rem;
   box-sizing: border-box;
}
.tabli a li {
	float: left;
	margin-right: 1.33%;
	width: 32%;
	background: #e3f4fc;
	color: #3a3a3a;
	border-radius: 5px;
	text-align: center;
	line-height: 0.4rem;
	margin-bottom: 0.1rem;
	font-size: 0.14rem;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
}
 .tabli a .on{
 	background: #0074ab;
	color: #ffffff;
 }
 /*tabli*/

/*图片加透明文字li*/
 .changeimg{
	clear: both;
	margin-top: 0.1rem;
	padding-bottom: 0.1rem;
}
.changeimg li{
	width:24% ;
	margin-left: 1%;
	float: left;
	position: relative;
}
.changeimg li img{
	width: 0.85rem;
	height: 0.95rem;
}
.changeimg li span{
	position: absolute;
	top: 0.75rem;
	display: block;
   color: #fff;
   text-align: center;
   width: 100%;
   background: rgba(0,0,0,0.3);
   overflow: hidden;
   font-size: 0.12rem;
}
.changeimg li p{
	color: #e8286c;
	text-align: center;
}
/*图片加透明文字li*/

.proshow h4{
  color: #1571c8;
  padding-bottom: 0.05rem;
  border-bottom: 1px solid #cccccc;
  font-size: 0.18rem;
  margin-bottom: 0.05rem;
}
.proshow p{
  color: #434343;
 font-size: 0.16rem;
 line-height: 0.24rem;
}

/*tab切换*/
.i-switch{
    height: 0.48rem;
    width: 100%;
    display: box;
    display: -webkit-box;
   overflow-y:hidden;
}
.i-switch .item{
   /* float: left;
    width: 25%;*/
    height: 0.48rem;
    font-size: 0.12rem;
    color: #333;
    line-height: 0.48rem;
    text-align: center;
    background: #f3f3f3;
    min-width: 0.9rem;
    display: block;
    box-sizing: border-box;
    border:1px solid #B7B7B7;
   
    
}
.i-switch .item.current,
.i-switch .item:hover{
    background: #39A4C4;
    color: #fff;
    transition:border 0.3s;
    -moz-transition:border 0.3s; /* Firefox 4 */
    -webkit-transition:border 0.3s; /* Safari and Chrome */
    -o-transition:border 0.3s; /* Opera */
}


.box-item{
    display: none;
}
.box-item.current{
    display: block;
}

/*tab切换*/


/*tabnews*/
#tabs-container{
	width:95%;
	margin: 0 auto;
	border-bottom: 2px solid #e5e5e5;
}
.tabs{
	background-size:auto 100%;
	width:95%;
	height:0.35rem;
	line-height: 0.35rem;
	overflow:hidden;
	margin: 0.1rem  auto 0rem auto;
	border-bottom: 4px solid #e5e5e5;
}
.tabs div{
	width: 0.9rem;
	float: left; 
	font-size: 0.15rem;
	color: #169234;
	font-weight:300; 
	line-height: 0.35rem;
	display: inline-block;
}
.tabs i{font-size: 0.14rem; color: #169234; }
.tabs a{
	font-size: 0.14rem;
	font-weight: normal;
	text-align: center;
	float: left;
	width: 0.8rem;
	height: 0.35rem;
	line-height: 0.35rem;;
	color: #959595;
	font-weight: 300;
	display: inline-block;
}
.tabs a.active {
	color: #000000;
}
.news-list{
	padding:0 10px;
}
.news-list li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #eceef0;
	/*box-shadow: 0 1px 1px #fff;*/
	font-weight: normal;
	color: #434343;
	line-height: 0.35rem;
	font-size: 0.13rem ;
}

.hengxian {
    height: 0.03rem;
    width: 0.6rem;
    background: #169234;
}
    
.hengxian1{
	position: absolute;
    left: 0.9rem;
    top: -0.01rem;
}

.hengxian2{
	position: absolute;
    left: 1.7rem;
    top: -0.01rem;
}

.hengxian3{
	position: absolute;
    left: 2.5rem;
    top: -0.01rem;
}

.newsbt {
    line-height: 0.4rem ;
    font-size: 0.16rem ;
    color: #000;
}
.newsbt span {
    width: 0.6rem;
    height: 0.2rem;
    background: #fc4403;
    color: #fff;
    margin-right: 0.05rem;
  	padding: 0.03rem 0.1rem;

}
.news-list li a{
	color: #434343;
}

.dian {
    color: #169234;
    margin-right: 0.05rem;
    line-height: 0.35rem;
    font-size: 0.16rem;
}
/*tabnews*/