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

.nyerji{
	margin-bottom: 20px
}
.nyerji ul li{
	width: 32.9%;
	height: 0.5rem;
	background: #ececec;
	margin-left: 0.01rem;
	margin-right: 0.01rem;
	float: left;
	text-align: center;
	line-height: 0.5rem;
}
.nyerji ul li a{
	color: #000;
}
.main .text{  
	font-size:0.2rem; 
	color: #444;
}

/*服务项目*/
.xm-title{
 font-size: 0.25rem;
 color: #000;
 text-align: center;
 padding: 0.3rem  0;
}
.case-content{
  width: 95%;
  margin: 0 auto;
}
.cbox{
 background: #fff;
}
.cbox img{
  width: 60%;
}
.cbox p{
  width: 40%;
}
.cbox p span{
    color: #000;
    padding-left: 0.15rem;
    font-size: 0.2rem;
    display: block;
    padding-top: 0.15rem
}
.cbox p i{
  font-size: 13px;
  color: #8f8f8f;
  line-height: 1.5;
  display: block;
  padding-left: 0.15rem;
  margin-top: 0.2rem
}
.cbox .color em {
    background: #FFF;
    border: 6px solid #DDD;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
}
.color em {
    margin: 0 8px 0 0;
}
.fr{float: right;}
.fl{float: left;}



.main_nav{ margin:auto;padding:0.25rem 3%; background: #f4f4f4; }
.main_nav a{display: block; float: left; height: 0.5rem; line-height: 0.5rem; border-radius: 0.45rem; background: #3671cf; text-align: center; color: #fff; font-size: 0.2rem; border:1px solid #ddd;}
.main_nav a.active{ background: #fff; color: #333 }
.main_nav.about_nav a{ width: 30%;margin-left:2.5%;}
.main_nav.contact_nav a{width:45%;margin-left:2.5%;}

.main{width: 96%;  margin: auto; padding-top:0.3rem;padding-bottom: 0.3rem}
.main iframe{ width:100% !important;}

.main .mainT{ font-size: 0.3rem; text-align:center; line-height:0.4rem}
.main .subtitle{ font-size:0.2rem; line-height:0.4rem; text-align:center; color:#666;}
.main .subtitle span{ padding:0 10px;}


.main .text img{ max-width:100%; height:auto !important;}
.main .text p{line-height: 2.5em !important;}
.main .text .yhal{line-height: 0.4rem;color: #333;margin-top: 0.2rem;padding: 0.1rem}

.main .text .text_img{ width:60%; border:0.05rem solid #3671cf;margin:0.3rem auto; } 
.main .text .text_xq{ height: 0.6rem; line-height: 0.6rem; background: #3671cf; color: #fff; font-size:0.25rem; }
.main .text .text_xq span{padding-left:0.3rem;}
.main .text .text_btn{ text-align: center;padding-bottom: 0.3rem; }
.main .text .text_btn a{display:inline-block; margin:0 2%; width: 30%; height: 0.45rem; line-height: 0.45rem; border-radius: 0.3rem; text-align: center; color: #fff; font-size: 0.18rem; background: #1c5bbe;}
.main .text .text_btn a.btn01{ background: #fda102;}
.main .text .text_box{padding:0.3rem 0;}

.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;}
.news1,.news1 a,.news2,.news2 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:100%;margin:0 auto;}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.news2 div{width:100%;font:0.18rem/0.3rem "microsoft yahei";color:#666;max-height:0.9rem;overflow:hidden;}
.news1 { border-bottom:1px solid #f9f9f9;}
.news3{width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news3>a{display:block;width:33%;height:auto;overflow:hidden; float:left; padding-left:3%;}
.news1>a>img{display:block;width:100%;float:left; }
.news3>h1{display:block;width:100%;margin-left:3%;overflow:hidden;}
.news3>h1>a{display:block;width:100%;height:0.35rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.22rem/0.3rem "microsoft yahei";color:#333;}
.news3>div{float:left;width:58%;margin-left:3%;overflow:hidden;font:0.18rem/0.24rem "microsoft yahei";max-height: 0.93rem;color:#999;margin-top:1%}
.news4{width:49%;float:left;height:auto;overflow:hidden; margin-right:1%;margin-bottom: 0.1rem;}
.news4:nth-chid(2n){margin-right:auto;margin-left:1%;}
.news4 a{display:block;width:100%;margin:0 auto;padding:0.14rem 0 0 0; background: #f4f4f4;}
.news4 a img{display:block;width:100%;}
.news4 a .img{ display:block; width:100%; height:1.8rem; width:90%;margin:auto; background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.news4 a .t{display:block;width:100%;text-align:center; font-size:0.18rem;color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap; line-height:0.5rem;}
.news5 {width:96%;margin:2% auto;height:auto;overflow:hidden;}
.news5 a.news5imgwrap {width:25%;height:auto;float:left; margin-left:3%;}
.news5 a.news5imgwrap img {display:block;width:100%;}
.news5 h1 {display:block;float:left;width:68%;margin-left:3%;overflow:hidden}
.news5>h1>a{display:block;width:100%;height:0.3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:0.2rem/0.3rem "microsoft yahei";color:#333;}
.news5>div{float:left;width:68%;margin-left:3%;overflow:hidden;font:0.18rem/0.2rem "microsoft yahei";max-height: 0.59rem;color:#999;margin-top:1%}

.news6{width:49%;float:left;height:auto;overflow:hidden; margin-right:1%;margin-bottom: 0.1rem;}
.news6:nth-chid(2n){margin-right:auto;margin-left:1%;}
.news6 a{display:block;width:100%;margin:0 auto;padding:0.14rem 0 0 0;}
.news6 a img{display:block;width:100%;}
.news6 a .img{ display:block; width:100%; height:3.6rem; width:90%;margin:auto; background-position: center center;border-radius: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.news6 a .t{display:block;width:100%;text-align:center; font-size:0.18rem;color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap; line-height:0.5rem;}


.viewpage{margin:auto;width:100%; margin-bottom:0.2rem;}
.viewpage .main_r_nav{display:block;width:100%;height:0.38rem; line-height:0.38rem;font-size: 0.18rem ;color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.3rem;}
.viewpage .main_r_nav .span{height:0.38rem; line-height:0.38rem;}
.viewpage .main_r_nav a{ color:#738ac0;height:0.38rem; line-height:0.38rem;}
.pages{ text-align:center;}
.pages a{display:block;width:36%;margin:2% auto;overflow:hidden;border-radius:0.3rem;background:#ffb300;text-align:center;color:#fff;font:0.20rem/2.2 "microsoft yahei";clear:both}

.page_nav{ font-size:12px; margin-top:3%;}
.page_nav span,.page_nav a{ padding:0 5px;}
/**/
.gook{ width:100%; margin:auto;}
.gook li{    padding-bottom: 3%;}
.input-text{display:block;border:1px solid #d9d9d9;background:#fff;width:100%;float:left;height:0.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.textarea-text{display:block;border:1px solid #d9d9d9;background:#fff;width:99%;float:left;height:1.42rem;font:0.2rem/0.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}
.pin_width {width: 51.78%;}
.yzm {  float: left; height: 0.22rem; margin-top:0.1rem;  margin-left: 4% ;}
.submit{width:100%;height:0.5rem;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:0.22rem/0.5rem "microsoft yahei"; background-color:#f7b71f;}


.showClass{display:block; position: relative; cursor: pointer; height: 0.55rem; width: 94%; background: #007bff;margin: 0.2rem auto 0.1rem auto; border-radius:0.5rem; } 
.showClass .span1{display: inline-block;padding-left:0.3rem;font-size: 0.23rem; line-height: 0.55rem; color: #fff; }
.showClass .span2{display: block;position: absolute; right:0.25rem; width:0.55rem; height: 100%; top:0; background: url(../images/classIcon.png) right center no-repeat; background-size:65%; }

.MainClass{ width:100%; position: fixed;top:0; left:0;z-index:999999; height: 100%; display: none; overflow: hidden;}
.MainClass .classBox{ position: relative;width: 100%;  height: 100%; }
.MainClass .classbg{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10;}
.MainClass ul{ position:absolute; width: 60%; height: 100%; z-index: 20; top:0; right:0; background:#222; overflow-y:auto; }
.MainClass .lin1{  width:80%;box-sizing:border-box;margin-top:0.1rem;margin-left:0.3rem;}
.MainClass .lin1 a{ width:98%; background-color:#444; display:inline-block;color:#fff; font-size:0.2rem; font-family:"microsoft yahei";padding:2% 0;height:0.4rem;line-height:0.4rem;}
.MainClass .lin1 a span{ padding-left:0.3rem;}
.MainClass .class_two{  width:80%; box-sizing:border-box;margin-left:0.3rem;}
.MainClass .class_two a{ width:100%;display:block; color:#999; font-size:0.18rem; font-family:"microsoft yahei";padding:2% 0;height:0.3rem;line-height:0.3rem; padding-top:0.1rem;}
.MainClass .class_two a span{ padding-left:0.3rem;}
.MainClass .last{padding-bottom: 0.2rem;}
.MainClass .last a{ background:#2fb000;}

/**/
.fenye{ text-align:center; color:#666; font-size:14px; line-height:30px; padding:20px 0;}
.fenye .rows{ color:#666; font-size:13px; padding:0 10px;}
.fenye .current{ display: inline-block; color:#cc0000; font-size:14px; padding:0 5px;}
.fenye .num,.fenye .next{display:inline-block; margin:0 3px; padding:0 10px;  border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px;}
.fenye .num:hover,.fenye .next:hover{ background-color:#2fb000; color:#fff; border:1px solid #2fb000;}

.casesList{ width:98%;margin:auto; }
.casesList li{float:left; width: 50%;margin-top:0.15rem; }
.casesList li a{display: block;}
.casesList li a .img{display:block; width:85%;margin:auto;border-radius: 0.06rem; border:1px solid #ddd; height:1.2rem; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover; }
.casesList li a .t{display: block; text-align: center; font-size: 0.18rem; color: #666;padding-top:0.05rem;}


/*二级分类*/
.twoClass{padding:0.25rem 0 0.10rem 0;}
.twoClass a{ float:left;line-height: 0.45rem; color: #fff; font-size: 0.2rem; text-align: center; background: #dc0000;}
.twoClass_shili a{ width:28%; margin-left:4%; }
.twoClass_cases a{ width:28%; margin-left:4%; }

.lianxi{display: none;}

/*项目*/
.advantage{
  margin-top: 0.15rem
}
.business{
  width: 100%;
  background: url(../images/45.jpg) center no-repeat;
  padding-bottom: 0.2rem;
}
.business ul li{
  width: 45%;
  float: left;
  background: #fff;
  margin-left: 0.08rem;
  margin-right: 0.05rem;
  margin-top: 0.2rem;
  border-radius: 10px;
  padding: 0.05rem;
}
.business ul li img{
  display: block;
  margin: 0 auto;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem
}
.business ul li em{
  line-height: 0.4rem;
  font-style: normal;
  font-size: 0.23rem;
}
.business ul li i{
  display: block;
  width: 0.6rem;
  height: 0.03rem;
  background: #f84747;
  margin-bottom: 0.03rem
}
.business ul li p{
  color: #777;
  font-size: 0.18rem;
  line-height: 0.3rem
}

.probt {
  text-align: center;
  position: relative;
  height: 1.2rem;
  background: url(../images/xiana.png) center bottom no-repeat;
  background-size: 120%;
}
.probt a {
  display: block;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #000;
  font-size: 0.35rem;
  font-weight: bold;
}
.probt a span {
  color: #002d89;
}
.probt p {
  font-size: 0.18rem;
  color: #666;
}
.wzliucheng{

}
.wzliucheng ul li{

  height: auto;
  background: #f5f5f5;
  margin-top: 0.1rem;
  padding: 0.1rem
}
.wzliucheng ul li span{
  color: #525252;
  font-size: 0.23rem;
  line-height: 0.4rem
}
.wzliucheng ul li p{
      color: #929292;
      font-size: 0.18rem;
      line-height: 0.28rem
}
.case_c ul {
  width:93%;
  padding:0.2rem 0 0 0;
  margin:auto;
}
.case_c ul li {
  width:100%;
  padding:0.2rem 0 0.2rem 0;
  background: #f3f3f3 url(../images/n2.jpg) 0.1rem center no-repeat;
}
.case_c ul li:nth-child(2n) {
background:#fff url(../images/n2.jpg) 0.1rem center no-repeat;
}
.case_c ul li a {
  display:block;
  padding:0 0 0 0.3rem;
  line-height:0.25rem;
  height:0.25rem;
}
.case_c ul li a .span1 {
  overflow:hidden;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:60%;
  font-size:0.18rem;
  color:#333;
  display:block;
  float:left;
}
.case_c ul li a .span2 {
  display:block;
  float:right;
  font-size:0.17rem;
  color:#999;
  padding-right: 0.15rem
}


/*小程序*/
.list{}
.list ul li{width: 25%;float: left;text-align: center;margin-top: 0.2rem;}
.list ul li img{display: block;margin: 0 auto;}
.hxhya{background: #fff;height: auto;margin-top: 0.5rem;padding-top: 0.2rem;padding-bottom: 0.3rem;}
.xzbt{text-align: center;font-size: 0.3rem;}
.hxhya ul li{width: 23.9%;float: left;border: 1px #e0e0e0 solid;margin-left: 0.025rem;margin-top: 0.2rem;text-align: center;height: 2.3rem;}
.hxhya ul li span{display: block;width: 100%;height: 0.5rem;line-height: 0.5rem;text-align: center;color: #fff;}
.hxhya ul li .wxa{background: #feb449;}
.hxhya ul li .wxb{background: #45d397;}
.hxhya ul li .wxc{background: #ff787c;}
.hxhya ul li .wxd{background: #7293f4;}
.hxhya ul li p{color: #626262;font-size: 0.14rem;line-height: 0.23rem;padding-left: 0.1rem;padding-right: 0.1rem;}


.caseindex1 {
  margin:0 auto;
  width:96%;
}
.caseindex1 ul {
  padding-top:0.25rem;
}
.caseindex1 ul li {
  width:49%;
  float:left;
  text-align:center;
  margin-right:1%;
  margin-bottom:0.1rem;
}
.caseindex1 ul li:nth-child(2n) {
margin-left:1%;
margin-right:0;
}
.caseindex1 ul li a {
  display:block;
  width:100%;
  margin:auto;
}
.caseindex1 ul li a .img {
  width:100%;
  display:block;
  height:1.9rem;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.caseindex1 ul li .spanT {
  display:block;
  text-align:center;
  font-size:0.18rem;
  width:80%;
  margin:auto;
  color:#444;
  line-height:0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.caseindex1 ul li .spanTa {
  display:block;
  text-align:center;
  font-size:0.18rem;
  width:80%;
  margin:auto;
  color:#fff;
  line-height:0.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.probta{text-align: center;margin-top: 0.2rem}
.probta a{line-height: 0.7rem;color: #000;font-size: 0.3rem;}
.probta span{color: #666;display: block;}