/*img{ border: none; max-width: 100%;}*/
body{ font-family:"microsoft yahei";}
a:hover{text-decoration: none;}
input::-ms-clear, ::-ms-reveal{display: none;}
.cursor,ol.nav-ol a:hover,#cpmContent .yun-tools div>h2:hover,#cpmContent .yun-tools div>p:hover{cursor: pointer;}

#cmpMain,.topbar,ol.nav-ol,#cpmContent,#cpmContent>aside{ width: 100%;}
.topbar-range,.nav>hgroup,#cpmContent>section,footer>aside{ margin: 0 auto;}
.topbar,#cmpMain .photo,.nav,.nav hgroup,.nav nav>ul>li,.topbar-range>div,footer aside>ul li{ position: relative;}
.topbar-range>h6,.nav hgroup>img,#cpmContent section:first-child >div figure,.nav nav>ul>li,
#cpmContent>section .yun-tools>div,footer aside>ul,footer aside>ul li,#sub_cashier_content>div article>img,#sub_cashier_content .div-odd section{ float:left;}
.topbar-range>div,.nav hgroup>nav,footer aside>div,footer aside>ul li .cl>p,#sub_cashier_content>div section,#sub_cashier_content .div-odd article>img{ float: right;}
.topbar-range input+img,ol.nav-ol,footer aside>ul li>div,footer aside>ul .wx_dialog{position: absolute;}
.topbar-range,.nav nav>ul>li,.nav-ul>li>a:first-child {color: #FFFFFF;}
.nav,#cpmContent,footer aside>div p{text-align: center;}
#cpmContent section>p,#cpmContent section:first-child figcaption>a,ol.nav-ol a,#cpmContent .yun-tools div>p,#sub_cashier_content>div p,
#sub_cashier_content>article li,#client_content article p,#client_content .div-3 .small,#client_content .div-4 .small{color:#7b7b7b;}
ol.nav-ol,#cpmContent .yun-tools div>p,footer aside>div p,footer aside>ul li .cl>p{font-size: 14px;}


/*cpmContent*/
#cpmContent{margin-top: 0;}
ol.nav-ol li,#cpmContent>section,#cpmContent>aside{background: #FFFFFF;}
#cpmContent section>h1,#cpmContent aside>h1{font-size: 45px; color: #313131;padding:53px 0 0px;}
#cpmContent section:nth-child(2)>h1{padding:40px 0 0px;}
#cpmContent section:first-child h1{margin-bottom: 10px;}
#cpmContent section>p{font-size: 24px; }
#cpmContent section>div{ padding: 0 30px; margin-top:35px;}
#cpmContent section:first-child div{height:178px;}
#cpmContent section:first-child figure{ width: 14%;}
#cpmContent section:first-child figure img:first-child {width: 95px;}
#cpmContent section:first-child figcaption{ margin-top: 15px; font-size: 20px;}
#cpmContent section.section-yun{ padding-bottom: 70px;}

/*centerHover*/
.centerHover{margin:0 auto;height: 370px;}
.centerHover,.centerHover .inactive{ width:1200px;}
.centerHover li a{color:#7b7b7b;font-size: 15px;}
.centerHover .row{border:#dcdcdc solid 1px;text-align: center; float: left; overflow: hidden; margin: 0 auto; border-bottom: none;}
.centerHover .row-end{border-bottom:#dcdcdc solid 1px;}
.centerHover .normal{margin-left:15px; width:1170;height:60px;}
.centerHover .inactive{height:120px; margin-left: 0;border:#008ce6 solid 1px !important;}
.centerHover .row h5{font-size:16px; background:#ebebec;width: 170px;}
.centerHover .inactive h5,footer{color:#FFFFFF !important; }
.centerHover .inactive h5{background:#008ce6 !important;width: 200px;}
.centerHover .row ul{font-size: 14px; float:right; width:1000px;}
.centerHover .inactive ul{width: 1000px;}
.centerHover .row h5,.centerHover .row ul>li{ float:left;}
.centerHover img{width:40px;height:40px; clear: both;}
.hmar{margin-top:6px;}
.mar{margin-bottom: 10px;}
.centerHover .row h5,#cpmContent .yun-tools div>h2{ color:#313131; }


@charset "UTF-8";
/****************************** components ******************************/

.fl {
  float: left;
}

.fr {
  float: right;
}


body,

textarea {
  font: 12px/1.4 "\5FAE\8F6F\96C5\9ED1", "arial";
  color: #5a5a5a;
  font-size: 12px;
}

.center {
  width: 1200px;
  margin: 0 auto;
}

.i_box2 {
  width: 100%;
  height: 200px;
  /*margin-top: 10px;*/
  background: url(../images/youshis.jpg) no-repeat center;
}

.i_box2 .text {
  width: 480px;
  padding-top: 15px;
}

.i_box2 .text p {
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 10px;
}

.i_box2 .text strong {
  height: 50px;
  margin-top: 10px;
  border: 1px solid #fff;
  color: #fff;
  width: 620px;
  font-size: 26px;
  letter-spacing: 5px;
  font-weight: normal;
  display: block;
  text-align: center;
  line-height: 50px;
}

.i_box2 .text p span {
  font-size: 26px;
}

.i_box2 .text p a {
  width: 120px;
  height: 36px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  float: right;
}

.i_box2 .text p a:hover {
  background: #fff;
  color: #007aff;
}

.i_box3_content {
  width: 100%;
}

.box3_pic {
  width: 100%;
}

.box3_pic img {
  display: block;
  margin: 0 auto;
}

.box3_tit p {
  font-size: 40px;
  color: #000;
  width: 100%;
  text-align: center;
  padding-top: 15px;
}

.box3_tit p i {
  font-size: 64px;
  color: #007aff;
  font-weight: bold;
}

.box3_tit p span {
  font-size: 46px;
  color: #007aff;
  font-weight: bold;
}

.box3_tit small {
  text-align: center;
  display: block;
  font-size: 16px;
  margin-top: 10px;
  background: url(../images/xian.png) no-repeat center;
}

.box3_tit em {
  font-size: 16px;
  font-style: normal;
  line-height: 180%;
  display: block;
  text-align: center;
  color: #666;
  margin-top: 15px;
}

.box3_list {
  width: 100%;
  padding-bottom: 40px;
}

.box3_list .item {
  width: 100%;
  margin-top: 50px;
  float: left;
}

.box3_list .item .mpic {
  display: none;
}

.box3_list .item .pic {
  width: 55%;
}

.box3_list .item .pic img {
  max-width: 100%;
  display: block;
}

.box3_list .item .text {
  width: 40%;
}

.box3_list .item .text .text_tit {
  height: 112px;
  background: url(../images/ysbg1.png) no-repeat left center;
}

.box3_list .item .text .text_tit em {
  width: 60px;
  height: 60px;
  background: #007aff;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  font-style: normal;
  font-size: 32px;
  display: block;
  color: #fff;
  float: left;
  margin-left: -30px;
  margin-top: 25px;
}

.box3_list .item .text .text_tit p {
  padding-top: 33px;
  padding-left: 60px;
}

.box3_list .item .text .text_tit p strong {
  font-size: 18px;
  color: #000;
  display: block;
}

.box3_list .item .text .text_tit p i {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: #999;
}

.box3_list .item .text .text_text {
  margin-top: 30px;
}

.box3_list .item .text .text_text span {
  font-size: 14px;
  color: #666;
  line-height: 200%;
  padding-left: 30px;
  display: block;
  background: url(../images/dian.png) no-repeat left 9px;
  margin-bottom: 5px;
}

.box3_list .item .text .text_text p {
  margin-top: 30px;
  width: 300px;
  height: 40px;
  background: url(../images/phone.png) no-repeat 10px center #007aff;
  font-size: 14px;
  color: #fff;
  background-size: 10%;
  padding-left: 50px;
  line-height: 40px;
}

.box3_list .item .text .text_text p i {
  font-style: normal;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
}

.box3_list .item2 {
  padding-left: 5%;
}