/* CSS Document */
* {
  margin: 0;
  padding: 0;
  list-style: none;

}
* html .clearfix {
  zoom: 1;
}
* + html .clearfix {
  zoom: 1;
}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
@font-face {
  /* font-family: 'PingFang'; */
  /* src: url("http://www.yiban.com.cn/templets/default/fonts/PingFang%20SC%20Regular.ttf");
  src: url("http://www.yiban.com.cn/templets/default/fonts/PingFang%20SC%20Regular.ttf") format('truetype')，url("../fonts/PingFang-SC-Regular.otf"), url("http://www.yiban.com.cn/templets/default/fonts/PingFang-SC-Regular.woff") format('woff'); */
}
html {
  font-size: 62.5%;
}
html, body {
  padding: 0;
  margin: 0;
}
body {
  background: #fff;
  overflow-x: hidden;
}
img {
  border: none;
}
a img:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}
a {
  color: #4f4f50;
  text-decoration: none;
  hidefocus: true;
  cursor: pointer;
}
a:hover {
  color: #3667e6;
  text-decoration: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.top {
  height: 49px;
  width: 100%;
  margin: 0 auto;
  /* background: url(http://www.yiban.com.cn/templets/default/images/nav_bg.jpg) center top no-repeat; */
  margin-top: 3px;
}
.top_nav {
  margin: 0 auto;
  position: relative;
  height: 49px;
  width: 1050px;
}
.site_logo {
  position: absolute;
}
.nav_box {
  position: relative;
  height: 49px;
  width: 785px;
  left: 67px;
  /* background: url(http://www.yiban.com.cn/templets/default/images/top_nav_bg.jpg) left top no-repeat; */
}
.navs {
  width: 700px;
  position: absolute;
  left: 30px;
}
.right_logo {
  width: 200px;
  position: absolute;
  left: 715px;
  top: 10px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.nav {
  padding: 0 20px;
  height: 49px;
  line-height: 49px;
  position: relative;
  z-index: 1100;
}
.nav a {
  color: #333;
  text-decoration: none;
}
.nav .nLi {
  float: left;
  position: relative;
  display: inline;
}
.nav .lli {
  float: left;
  position: relative;
  display: inline;
  color: #666;
  line-height: 48px;
}
.nav .nLi h3 {
  float: left;
}
.nav .on h3 a, .nav .nLi h3 a {
  display: block;
  /* background: url(http://www.yiban.com.cn/templets/default/images/navs.png) no-repeat; */
  height: 48px;
}
.nav .nLi h3 a.nav-i {
  background-position: -30px 0px;
  width: 45px;
}
.nav .nLi h3 a.nav-p {
  background-position: -74px 0px;
  width: 80px;
}
.nav .nLi h3 a.nav-j {
  background-position: -153px 0px;
  width: 80px;
}
.nav .nLi h3 a.nav-k {
  background-position: -232px 0px;
  width: 80px;
}
.nav .nLi h3 a.nav-t {
  background-position: -311px 0px;
  width: 83px;
}
.nav .nLi h3 a.nav-x {
  background-position: -390px 0px;
  width: 80px;
}
.nav .nLi h3 a.nav-h {
  background-position: -469px 0px;
  width: 80px;
}
.nav .nLi h3 a.nav-a {
  background-position: -548px 0px;
  width: 80px;
}
.nav li.on {
  margin-left: -20px;
  margin-right: -40px;
  z-index: 15;
}
.nav .on h3 a.nav-a {
  background-position: -86px -62px;
  width: 140px;
}
.nav .sub {
  display: none;
  width: 168px;
  right: -2px;
  top: 48px;
  position: absolute;
  /* background: url(http://www.yiban.com.cn/templets/default/images/navs.png) no-repeat; */
  line-height: 30px;
  z-index: 15;
}
.nav .sub a:hover {
  /* background: url(http://www.yiban.com.cn/templets/default/images/navs.png) no-repeat; */
}
.nav .sub-a {
  width: 159px;
  height: 119px;
  background-position: -30px -111px;
  right: 37px;
}
.nav .sub-a .sli1 .nsa1:hover {
  background-position: -260px -122px;
}
.nav .sub-a .sli2 .nsa2:hover {
  background-position: -243px -149px;
}
.nav .sub-a .sli3 .nsa3:hover {
  background-position: -226px -176px;
}
.nav .sub-a .sli4 .nsa4:hover {
  background-position: -209px -203px;
}
.nav .on h3 a.nav-x {
  background-position: -471px -62px;
  width: 140px;
}
.nav .sub-x {
  width: 159px;
  height: 119px;
  background-position: -410px -111px;
  right: 42px;
}
.nav .sub-x .sli1 .nsx1:hover {
  background-position: -640px -122px;
}
.nav .sub-x .sli2 .nsx2:hover {
  background-position: -623px -149px;
}
.nav .sub-x .sli3 .nsx3:hover {
  background-position: -606px -176px;
}
.nav .sub-x .sli4 .nsx4:hover {
  background-position: -589px -203px;
}
.nav .on h3 a.nav-p {
  background-position: -86px -250px;
  width: 140px;
}
.nav .sub-p {
  width: 159px;
  height: 119px;
  background-position: -30px -299px;
  right: 37px;
}
.nav .sub-p .sli1 .nsp1:hover {
  background-position: -260px -310px;
}
.nav .sub-p .sli2 .nsp2:hover {
  background-position: -243px -337px;
}
.nav .sub-p .sli3 .nsp3:hover {
  background-position: -226px -364px;
}
.nav .sub-p .sli4 .nsp4:hover {
  background-position: -209px -391px;
}
.nav .on h3 a.nav-j {
  background-position: -471px -250px;
  width: 140px;
}
.nav .sub-j {
  width: 159px;
  height: 119px;
  background-position: -30px -299px;
  right: 42px;
}
.nav .sub-j .sli1 .nsj1:hover {
  background-position: -260px -310px;
}
.nav .sub-j .sli2 .nsj2:hover {
  background-position: -243px -337px;
}
.nav .sub-j .sli3 .nsj3:hover {
  background-position: -226px -364px;
}
.nav .sub-j .sli4 .nsj4:hover {
  background-position: -209px -391px;
}
.nav .on h3 a.nav-k {
  background-position: -86px -450px;
  width: 140px;
}
.nav .sub-k {
  width: 159px;
  height: 92px;
  background-position: -30px -499px;
  right: 37px;
}
.nav .sub-k .sli1 .nsk1:hover {
  background-position: -260px -510px;
}
.nav .sub-k .sli2 .nsk2:hover {
  background-position: -243px -537px;
}
.nav .sub-k .sli3 .nsk3:hover {
  background-position: -226px -564px;
}
.nav .sub-k .sli4 .nsk4:hover {
  background-position: -209px -591px;
}
.nav .on h3 a.nav-t {
  background-position: -471px -450px;
  width: 143px;
}
.nav .sub-t {
  width: 159px;
  height: 92px;
  background-position: -410px -499px;
  right: 45px;
}
.nav .sub-t .sli1 .nst1:hover {
  background-position: -640px -510px;
}
.nav .sub-t .sli2 .nst2:hover {
  background-position: -623px -537px;
}
.nav .sub-t .sli3 .nst3:hover {
  background-position: -606px -564px;
}
.nav .sub-t .sli4 .nst4:hover {
  background-position: -589px -591px;
}
.nav .on h3 a.nav-h {
  background-position: -86px -650px;
  width: 140px;
}
.nav .sub-h {
  width: 159px;
  height: 119px;
  background-position: -30px -699px;
  right: 37px;
}
.nav .sub-h .sli1 .nsh1:hover {
  background-position: -260px -710px;
}
.nav .sub-h .sli2 .nsh2:hover {
  background-position: -243px -737px;
}
.nav .sub-h .sli3 .nsh3:hover {
  background-position: -226px -764px;
}
.nav .sub-h .sli4 .nsh4:hover {
  background-position: -209px -791px;
}
.nav .sub li {
  zoom: 1;
  height: 27px;
  width: 108px;
}
.nav .sub li.sli1 {
  margin-top: 11px;
  margin-left: 44px;
}
.nav .sub li.sli2 {
  margin-left: 27px;
}
.nav .sub li.sli3 {
  margin-left: 10px;
}
.nav .sub li.sli4 {
  margin-left: -7px;
}
.nav .sub a {
  display: block;
  height: 27px;
  width: 117px;
}
#full-screen-slider {
  width: 100%;
  height: 640px;
  position: relative;
  margin-top: 110px;
}
#slides {
  display: block;
  width: 100%;
  height: 640px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative
}
#slides li {
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
}
#slides li a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px
}
#slides li div.wenzi {
  position: absolute;
  left: 50%;
  top: 207px;
  margin-left: -69px;
}
#pagination {
  display: block;
  list-style: none;
  position: absolute;
  left: 45%;
  top: 610px;
  z-index: 800;
  padding: 5px 15px 5px 0;
  margin: 0
}
#pagination li {
  display: block;
  list-style: none;
  width: 10px;
  height: 10px;
  float: left;
  margin-left: 15px;
  border-radius: 5px;
  background: #a6a7a9;
}
#pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}
#pagination li.current {
  background: #cc0000
}
.index-pro {
  height: 135px;
  overflow: hidden;
  padding-top: 35px;
  background: url(../image/inprobg.png) bottom repeat-x;
  width: 100%;
  clear: both;
}
.iproboxs {
  width: 1000px;
  margin: 0 auto;
}
.iprobox {
  float: left;
  width: 240px;
  height: 1250px;
  background: url(../image/index-img1.jpg) left top no-repeat;
}
.iprobox_m {
  padding-left: 120px;
  height: 109px;
  margin-left: 7px;
  margin-top: 5px;
}
.iprobox1 {
  background: url(../image/img1.jpg) left top no-repeat;
}
.iprobox2 {
  background: url(../image/img2.jpg) left top no-repeat;
}
.iprobox3 {
  background: url(../image/img3.jpg) left top no-repeat;
}
.iprobox4 {
  background: url(../image/img4.jpg) left top no-repeat;
}
.iprobox_m h3 {
  font-family: '微软雅黑', '黑体';
  font-size: 18px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  padding-top: 5px;
  color: #515151;
}
.iprobox_m p {
  font-family: '微软雅黑', '黑体';
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  color: #007b37;
}
.iprobox_m span a {
  font-size: 13px;
  color: #515151;
}
.dakehu {
  width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}
.dakehu-t {
  width: 120px;
  margin: 0 auto;
  text-align: center;
  color: #535353;
}
.dakehu-t h3 {
  font-family: '微软雅黑', '黑体';
  font-size: 26px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
}
.dakehu-t span {
  font-size: 16px;
  color: #999;
}
.dakehu-list a {
  width: 84px;
  height: 84px;
  border: #CCC 1px solid;
  display: inline-block;
  margin: 10px;
}
/*成功案例*/
.page {
  width: 1000px;
  margin: 0 auto;
}
.banner {
  background-repeat: no-repeat;
  background-position: center;
  height: 270px
}
.banner .page {
  position: relative;
  height: 270px
}
.banner .tab {
  height: 40px;
  width: 980px;
  position: absolute;
  bottom: 0;
  text-align: center
}
.banner .tab li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 30px;
  height: 40px;
  margin-left: 1px;
  line-height: 40px;
  color: #fff;
  background: #009BEF;
  cursor: pointer
}
.banner .tab li.cur {
  background: #fff;
  color: #e40000
}
.tabcon dl {
  display: block;
  width: 180px;
  float: left;
  margin-right: 20px;
  padding-bottom: 20px;
}
.ix-anli {
  width: 1100px;
}
.ix-diqu {
  border: #dcdcdc 1px solid;
  width: 1400px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.ix-diqu .hd {
  width: 80px;
  float: left;
  text-align: center
}
.ix-diqu .hd ul li {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-family: '微软雅黑', '黑体';
  font-size: 14px;
  width: 78px;
  padding: 0;
  color: #39332d;
  float: none;
  cursor: pointer;
}
.ix-diqu .bd {
  width: 1313px;
  float: right;
  margin-left: 5px;
}
.tabcon dl dt, .tabcon h4 {
  padding: 16px 0;
  border-bottom: 1px solid #DCDCDC;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px
}
.ix-anli dl {
  width: 334px;
}
.tabcon dl dd {
  color: #777
}
.ix-anli dd {
  float: left;
  width: 165px;
}
.tabcon li {
  width: 300px;
  height: 80px;
  float: left;
  padding-right: 26px;
  color: #777
}
.tabcon li span {
  display: block;
  font-weight: bold
}
.diqubox dl {
  width: 307px;
  height: 330px;
  padding-left: 20px;
  border-left: 1px solid #dcdcdc;
  margin: 0;
  overflow: hidden;
}
.diqubox dl dt {
  margin-left: -20px;
  padding: 0;
  padding-left: 20px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
}
.diqubox dl dd {
  float: left;
  width: 152px;
}
.w_1000 .ix-diqu {
  width: 1100px;
}
.w_1000 .bd {
  width: 1013px;
}
.w_1000 .diqubox dl {
  width: 231px;
}
/*页脚*/
#footer {
  background: #282838;
  font-size: 0.9em;
  position: relative;
  clear: both;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  zoom: 1;
}
#footer a:hover {
  color: #fff;
}
#footer form {
  filter: alpha(opacity=85);
  opacity: 0.85;
}
#footer h1, #footer h2, #footer h3, #footer a {
  color: #BBB !important;
  font-size: 14px;
  line-height: 32px;
}
#footer h4 {
  font-size: 1.8em;
  font-weight: 200;
  display: flex;
}
#footer h5 {
  color: #fff !important;
  font-size: 18px;
  padding-bottom: 18px;
  font-weight: normal;
}
#footer .short a {
  color: #fff !important;
  font-size: 18px;
  padding-bottom: 18px;
  font-weight: normal;
}
#footer ul.nav-list.primary > li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 20px;
  padding-bottom: 11px;
}
#footer ul.nav-list.primary > li:last-child a {
  border-bottom: 0;
}
#footer ul.nav-list.primary > li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
#footer ul.list.icons li.filings {
  padding: 30px 0;
}
#footer ul.list.icons li {
  /* margin-bottom: 5px; */
  font-size: 15px;
  color: #ffffff;
}
#footer ul.list.icons .number{
  margin-bottom: 25px;
  font-size: 15px;
  color: #ffffff;
}
#footer ul.list.icons .phone {
  margin-bottom: 5px;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold;
}
#footer ul.ul01 li {
  margin-bottom: 10px !important;
}
#footer .container .row > div {
  margin-bottom: 25px;
  text-align: center;
  padding-left: 0px;
}
#footer .container input:focus {
  box-shadow: none;
}
#footer .footer-ribbon {
  background: #999;
  position: absolute;
  margin: -100px 0 0 22px;
  padding: 10px 20px 6px 20px;
}
#footer .footer-ribbon:before {
  border-right: 10px solid #646464;
  border-top: 16px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: -10px;
  position: absolute;
  top: 0;
  width: 7px;
}
#footer .footer-ribbon span {
  color: #FFF;
  font-size: 1.6em;
  font-family: "Shadows Into Light", cursive;
}
#footer .newsletter form {
  width: 100%;
  max-width: 262px;
}
#footer .newsletter form input.form-control {
  height: 34px;
  padding: 6px 12px;
}
#footer .alert a {
  color: #222 !important;
}
#footer .alert a:hover {
  color: #666 !important;
}
#footer .twitter .fa {
  clear: both;
  font-size: 1.5em;
  position: relative;
  top: 3px;
}
#footer .twitter .time {
  color: #999;
  display: block;
  font-size: 0.9em;
  padding-top: 3px;
  margin-bottom: 20px;
}
#footer .twitter .time:last-child {
  margin-bottom: 0;
}
#footer .twitter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .twitter-account {
  color: #FFF;
  display: block;
  font-size: 0.9em;
  margin: -15px 0 5px;
  filter: alpha(opacity=55);
  opacity: 0.55;
}
#footer .twitter-account:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
#footer .contact {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .contact i {
  display: block;
  float: left;
  font-size: 1.2em;
  margin: 7px 8px 10px 0;
  position: relative;
  text-align: center;
  top: -2px;
  width: 16px;
}
#footer .contact i.fa-envelope {
  font-size: 1em;
  top: 0;
}
#footer .contact p {
  margin-bottom: 10px;
}
#footer .logo {
  display: block;
}
#footer .logo.push-bottom {
  margin-bottom: 12px;
}
#footer .footer-copyright {
  background: #222130;
  border-top: 4px solid #060606;
  padding: 30px 0 0;
}
#footer .footer-copyright nav {
  float: right;
}
#footer .footer-copyright nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .footer-copyright nav ul li {
  border-left: 1px solid #505050;
  display: inline-block;
  line-height: 12px;
  margin: 0;
  padding: 0 8px;
}
#footer .footer-copyright nav ul li:first-child {
  border: medium none;
  padding-left: 0;
}
#footer .footer-copyright p {
  color: #555;
  margin: 0;
  padding: 0;
}
#footer .phone {
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
  display: block;
  padding-bottom: 15px;
  margin-top: -5px;
}
#footer .recent-work li {
  float: left;
  width: 30%;
  margin: 10px 3% 0 0;
}
#footer .recent-work li .thumb-info {
  float: left;
  display: inline-block;
}
#footer .recent-work li:hover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
#footer .recent-work img {
  width: 100%;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}
#footer .view-more-recent-work {
  padding: 12px;
}
#footer.short {
  padding-top: 50px;
}
#footer.short .line {
  text-align: center;
  border-top: 1px solid #bbbbbb36;
  width: 85%;
  height: 0;
  margin: 0 auto;
}
#footer.short .footer-copyright {
  background: #222130;
  border: 0;
  padding-top: 0;
  margin-top: 0;
}
#footer .fLogo {
  margin-bottom: 40px;
}
#footer .fLink {
  margin: 40px 0 10px;
  border-bottom: 1px solid #51515E;
  padding-bottom: 15px;
  font-size: 14px;
  color: #AAAAAA;
}
#footer .fLink a {
  margin-right: 10px;
}
#footer .copyright {
  padding-bottom: 18px;
  color: #AAAAAA;
}
#footer .copyright a {
  padding-right: 5px;
  margin-right: 5px;
  color: #AAAAAA;
}
.col-md-2 {
  width: 16.666%;
  float: left;
  text-align: left;
}
.l-20 {
  line-height: 20px;
}
.l-23 {
  line-height: 23px;
}
.l-24 {
  line-height: 24px;
}
.l-34 {
  line-height: 34px;
}
.l-30 {
  line-height: 30px;
}
.l-32 {
  line-height: 32px;
}
.l-36 {
  line-height: 36px;
}
.l-40 {
  line-height: 40px;
}
.l-44 {
  line-height: 44px;
}
.l-52 {
  line-height: 52px;
}
.f-10 {
  font-size: 10px;
}
.f-12 {
  font-size: 12px;
}
.f-13 {
  font-size: 13px;
  font-family: "Microsoft Yahei";
}
.f-14 {
  font-size: 14px;
  font-family: "Microsoft Yahei";
}
.f-15 {
  font-size: 15px;
  font-family: "Microsoft Yahei";
}
.f-16 {
  font-size: 16px;
  font-family: "Microsoft Yahei";
}
.f-17 {
  font-size: 17px;
  font-family: "Microsoft Yahei";
}
.f-18 {
  font-size: 18px;
  font-family: "Microsoft Yahei";
}
.f-19 {
  font-size: 19px;
  font-family: "Microsoft Yahei";
}
.f-20 {
  font-size: 20px;
  font-family: "Microsoft Yahei";
}
.f-21 {
  font-size: 21px;
  font-family: "Microsoft Yahei";
}
.f-22 {
  font-size: 22px;
  font-family: "Microsoft Yahei";
}
.f-23 {
  font-size: 23px;
  font-family: "Microsoft Yahei";
}
.f-24 {
  font-size: 24px;
  font-family: "Microsoft Yahei";
}
.f-26 {
  font-size: 26px;
  font-family: "Microsoft Yahei";
}
.f-28 {
  font-size: 28px;
  font-family: "Microsoft Yahei";
}
.f-30 {
  font-size: 30px;
  font-family: "Microsoft Yahei";
}
.f-32 {
  font-size: 32px;
  font-family: "Microsoft Yahei";
}
.f-34 {
  font-size: 34px;
  font-family: "Microsoft Yahei";
}
.f-36 {
  font-size: 36px;
  font-family: "Microsoft Yahei";
}
.f-38 {
  font-size: 38px;
  font-family: "Microsoft Yahei";
}
.f-40 {
  font-size: 40px;
  font-family: "Microsoft Yahei";
}
.f-45 {
  font-size: 45px;
  font-family: "Microsoft Yahei";
}
.f-48 {
  font-size: 48px;
  font-family: "Microsoft Yahei";
}
.f-50 {
  font-size: 50px;
  font-family: "Microsoft Yahei";
}
.f-55 {
  font-size: 55px;
  font-family: "Microsoft Yahei";
}
.f-60 {
  font-size: 60px;
  font-family: "Microsoft Yahei";
}
.f-66 {
  font-size: 66px;
  font-family: "Microsoft Yahei";
}
.f-70 {
  font-size: 70px;
  font-family: "Microsoft Yahei";
}
.f-80 {
  font-size: 80px;
  font-family: "Microsoft Yahei";
}
.f-100 {
  font-size: 100px;
  font-family: "Microsoft Yahei";
}
.f-120 {
  font-size: 120px;
  font-family: "Microsoft Yahei";
}
.f-140 {
  font-size: 140px;
  font-family: "Microsoft Yahei";
}
.f-160 {
  font-size: 160px;
  font-family: "Microsoft Yahei";
}
.m-5 {
  margin: 5px;
}
.ml-5 {
  margin-left: 5px;
}
.mr-5 {
  margin-right: 5px;
}
.mt-5 {
  margin-top: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.p-5 {
  padding: 5px;
}
.pl-5 {
  padding-left: 5px;
}
.pr-5 {
  padding-right: 5px;
}
.pt-5 {
  padding-top: 5px;
}
.pb-5 {
  padding-bottom: 5px;
}
.m-7 {
  margin: 7px;
}
.ml-7 {
  margin-left: 7px;
}
.mr-7 {
  margin-right: 7px;
}
.mt-7 {
  margin-top: 7px;
}
.mb-7 {
  margin-bottom: 7px;
}
.p-7 {
  padding: 7px;
}
.pl-7 {
  padding-left: 7px;
}
.pr-7 {
  padding-right: 7px;
}
.pt-7 {
  padding-top: 7px;
}
.pb-7 {
  padding-bottom: 7px;
}
.m-8 {
  margin: 8px;
}
.ml-8 {
  margin-left: 8px;
}
.mr-8 {
  margin-right: 8px;
}
.mt-8 {
  margin-top: 8px;
}
.mb-8 {
  margin-bottom: 8px;
}
.p-8 {
  padding: 8px;
}
.pl-8 {
  padding-left: 8px;
}
.pr-8 {
  padding-right: 8px;
}
.pt-8 {
  padding-top: 8px;
}
.pb-8 {
  padding-bottom: 8px;
}
.m-10 {
  margin: 10px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mt-10 {
  margin-top: 10px;
}
.mb-10 {
  margin-bottom: 10px;
}
.p-10 {
  padding: 10px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-10 {
  padding-right: 10px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}
.m-12 {
  margin: 12px;
}
.ml-12 {
  margin-left: 12px;
}
.mr-12 {
  margin-right: 12px;
}
.mt-12 {
  margin-top: 12px;
}
.mb-12 {
  margin-bottom: 12px;
}
.p-12 {
  padding: 12px;
}
.pl-12 {
  padding-left: 12px;
}
.pr-12 {
  padding-right: 12px;
}
.pt-12 {
  padding-top: 12px;
}
.pb-12 {
  padding-bottom: 12px;
}
.m-15 {
  margin: 15px;
}
.ml-15 {
  margin-left: 15px;
}
.mr-15 {
  margin-right: 15px;
}
.mt-15 {
  margin-top: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.p-15 {
  padding: 15px;
}
.pl-15 {
  padding-left: 15px;
}
.pr-15 {
  padding-right: 15px;
}
.pt-15 {
  padding-top: 15px;
}
.pb-15 {
  padding-bottom: 15px;
}
.m-20 {
  margin: 20px;
}
.ml-20 {
  margin-left: 20px;
}
.mr-20 {
  margin-right: 20px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.p-20 {
  padding: 20px;
}
.pl-20 {
  padding-left: 20px;
}
.pr-20 {
  padding-right: 20px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.m-25 {
  margin: 25px;
}
.ml-25 {
  margin-left: 25px;
}
.mr-25 {
  margin-right: 25px;
}
.mt-25 {
  margin-top: 25px;
}
.mb-25 {
  margin-bottom: 25px;
}
.p-25 {
  padding: 25px;
}
.pl-25 {
  padding-left: 25px;
}
.pr-25 {
  padding-right: 25px;
}
.pt-25 {
  padding-top: 25px;
}
.pb-25 {
  padding-bottom: 25px;
}
.m-30 {
  margin: 30px;
}
.ml-30 {
  margin-left: 30px;
}
.mr-30 {
  margin-right: 30px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}
.p-30 {
  padding: 30px;
}
.pl-30 {
  padding-left: 30px;
}
.pr-30 {
  padding-right: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.m-35 {
  margin: 35px;
}
.ml-35 {
  margin-left: 35px;
}
.mr-35 {
  margin-right: 35px;
}
.mt-35 {
  margin-top: 35px;
}
.mb-35 {
  margin-bottom: 35px;
}
.p-35 {
  padding: 35px;
}
.pl-35 {
  padding-left: 35px;
}
.pr-35 {
  padding-right: 35px;
}
.pt-35 {
  padding-top: 35px;
}
.pb-35 {
  padding-bottom: 35px;
}
.m-40 {
  margin: 40px;
}
.ml-40 {
  margin-left: 40px;
}
.mr-40 {
  margin-right: 40px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.p-40 {
  padding: 40px;
}
.pl-40 {
  padding-left: 40px;
}
.pr-40 {
  padding-right: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.m-45 {
  margin: 45px;
}
.ml-45 {
  margin-left: 45px;
}
.mr-45 {
  margin-right: 45px;
}
.mt-45 {
  margin-top: 45px;
}
.mb-45 {
  margin-bottom: 45px;
}
.p-45 {
  padding: 45px;
}
.pl-45 {
  padding-left: 45px;
}
.pr-45 {
  padding-right: 45px;
}
.pt-45 {
  padding-top: 45px;
}
.pb-45 {
  padding-bottom: 45px;
}
.m-50 {
  margin: 50px;
}
.ml-50 {
  margin-left: 50px;
}
.mr-50 {
  margin-right: 50px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.p-50 {
  padding: 50px;
}
.pl-50 {
  padding-left: 50px;
}
.pr-50 {
  padding-right: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.m-53 {
  margin: 53px;
}
.ml-53 {
  margin-left: 53px;
}
.mr-53 {
  margin-right: 53px;
}
.mt-53 {
  margin-top: 53px;
}
.mb-53 {
  margin-bottom: 53px;
}
.p-53 {
  padding: 53px;
}
.pl-53 {
  padding-left: 53px;
}
.pr-53 {
  padding-right: 53px;
}
.pt-53 {
  padding-top: 53px;
}
.pb-53 {
  padding-bottom: 53px;
}
.m-54 {
  margin: 54px;
}
.ml-54 {
  margin-left: 54px;
}
.mr-54 {
  margin-right: 54px;
}
.mt-54 {
  margin-top: 54px;
}
.mb-54 {
  margin-bottom: 54px;
}
.p-54 {
  padding: 54px;
}
.pl-54 {
  padding-left: 54px;
}
.pr-54 {
  padding-right: 54px;
}
.pt-54 {
  padding-top: 54px;
}
.pb-54 {
  padding-bottom: 54px;
}
.m-55 {
  margin: 55px;
}
.ml-55 {
  margin-left: 55px;
}
.mr-55 {
  margin-right: 55px;
}
.mt-55 {
  margin-top: 55px;
}
.mb-55 {
  margin-bottom: 55px;
}
.p-55 {
  padding: 55px;
}
.pl-55 {
  padding-left: 55px;
}
.pr-55 {
  padding-right: 55px;
}
.pt-55 {
  padding-top: 55px;
}
.pb-55 {
  padding-bottom: 55px;
}
.m-60 {
  margin: 60px;
}
.ml-60 {
  margin-left: 60px;
}
.mr-60 {
  margin-right: 60px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-60 {
  margin-bottom: 60px;
}
.p-60 {
  padding: 60px;
}
.pl-60 {
  padding-left: 60px;
}
.pr-60 {
  padding-right: 60px;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.m-65 {
  margin: 65px;
}
.ml-65 {
  margin-left: 65px;
}
.mr-65 {
  margin-right: 65px;
}
.mt-65 {
  margin-top: 65px;
}
.mb-65 {
  margin-bottom: 65px;
}
.p-65 {
  padding: 65px;
}
.pl-65 {
  padding-left: 65px;
}
.pr-65 {
  padding-right: 65px;
}
.pt-65 {
  padding-top: 65px;
}
.pb-65 {
  padding-bottom: 65px;
}
.m-70 {
  margin: 70px;
}
.ml-70 {
  margin-left: 70px;
}
.mr-70 {
  margin-right: 70px;
}
.mt-70 {
  margin-top: 70px;
}
.mb-70 {
  margin-bottom: 70px;
}
.p-70 {
  padding: 70px;
}
.pl-70 {
  padding-left: 70px;
}
.pr-70 {
  padding-right: 70px;
}
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.m-80 {
  margin: 80px;
}
.ml-80 {
  margin-left: 80px;
}
.mr-80 {
  margin-right: 80px;
}
.mt-80 {
  margin-top: 80px;
}
.mb-80 {
  margin-bottom: 80px;
}
.p-80 {
  padding: 80px;
}
.pl-80 {
  padding-left: 80px;
}
.pr-80 {
  padding-right: 80px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.m-90 {
  margin: 90px;
}
.ml-90 {
  margin-left: 90px;
}
.mr-90 {
  margin-right: 90px;
}
.mt-90 {
  margin-top: 90px;
}
.mb-90 {
  margin-bottom: 90px;
}
.p-90 {
  padding: 90px;
}
.pl-90 {
  padding-left: 90px;
}
.pr-90 {
  padding-right: 90px;
}
.pt-90 {
  padding-top: 90px;
}
.pb-90 {
  padding-bottom: 90px;
}
.m-95 {
  margin: 95px;
}
.ml-95 {
  margin-left: 95px;
}
.mr-95 {
  margin-right: 95px;
}
.mt-95 {
  margin-top: 95px;
}
.mb-95 {
  margin-bottom: 95px;
}
.p-95 {
  padding: 95px;
}
.pl-95 {
  padding-left: 95px;
}
.pr-95 {
  padding-right: 95px;
}
.pt-95 {
  padding-top: 95px;
}
.pb-95 {
  padding-bottom: 95px;
}
.m-100 {
  margin: 100px;
}
.ml-100 {
  margin-left: 100px;
}
.mr-100 {
  margin-right: 100px;
}
.mt-100 {
  margin-top: 100px;
}
.mb-100 {
  margin-bottom: 100px;
}
.p-100 {
  padding: 100px;
}
.pl-100 {
  padding-left: 100px;
}
.pr-100 {
  padding-right: 100px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.m-120 {
  margin: 120px;
}
.ml-120 {
  margin-left: 120px;
}
.mr-120 {
  margin-right: 120px;
}
.mt-120 {
  margin-top: 120px;
}
.mb-120 {
  margin-bottom: 120px;
}
.p-120 {
  padding: 120px;
}
.pl-120 {
  padding-left: 120px;
}
.pr-120 {
  padding-right: 120px;
}
.pt-120 {
  padding-top: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.m-130 {
  margin: 130px;
}
.ml-130 {
  margin-left: 130px;
}
.mr-130 {
  margin-right: 130px;
}
.mt-130 {
  margin-top: 130px;
}
.mb-130 {
  margin-bottom: 130px;
}
.p-130 {
  padding: 130px;
}
.pl-130 {
  padding-left: 130px;
}
.pr-130 {
  padding-right: 130px;
}
.pt-130 {
  padding-top: 130px;
}
.pb-130 {
  padding-bottom: 130px;
}
.m-140 {
  margin: 140px;
}
.ml-140 {
  margin-left: 140px;
}
.mr-140 {
  margin-right: 140px;
}
.mt-140 {
  margin-top: 140px;
}
.mb-140 {
  margin-bottom: 140px;
}
.p-140 {
  padding: 140px;
}
.pl-140 {
  padding-left: 140px;
}
.pr-140 {
  padding-right: 140px;
}
.pt-140 {
  padding-top: 140px;
}
.pb-140 {
  padding-bottom: 140px;
}
.m-160 {
  margin: 160px;
}
.ml-160 {
  margin-left: 160px;
}
.mr-160 {
  margin-right: 160px;
}
.mt-160 {
  margin-top: 160px;
}
.mb-160 {
  margin-bottom: 160px;
}
.p-160 {
  padding: 160px;
}
.pl-160 {
  padding-left: 160px;
}
.pr-160 {
  padding-right: 160px;
}
.pt-160 {
  padding-top: 160px;
}
.pb-160 {
  padding-bottom: 160px;
}
.m-180 {
  margin: 180px;
}
.ml-180 {
  margin-left: 180px;
}
.mr-180 {
  margin-right: 180px;
}
.mt-180 {
  margin-top: 180px;
}
.mb-180 {
  margin-bottom: 180px;
}
.p-180 {
  padding: 180px;
}
.pl-180 {
  padding-left: 180px;
}
.pr-180 {
  padding-right: 180px;
}
.pt-180 {
  padding-top: 180px;
}
.pb-180 {
  padding-bottom: 180px;
}
.m-190 {
  margin: 190px;
}
.ml-190 {
  margin-left: 190px;
}
.mr-190 {
  margin-right: 190px;
}
.mt-190 {
  margin-top: 190px;
}
.mb-190 {
  margin-bottom: 190px;
}
.p-190 {
  padding: 190px;
}
.pl-190 {
  padding-left: 190px;
}
.pr-190 {
  padding-right: 190px;
}
.pt-190 {
  padding-top: 190px;
}
.pb-190 {
  padding-bottom: 190px;
}
.m-195 {
  margin: 195px;
}
.ml-195 {
  margin-left: 195px;
}
.mr-195 {
  margin-right: 195px;
}
.mt-195 {
  margin-top: 195px;
}
.mb-195 {
  margin-bottom: 195px;
}
.p-195 {
  padding: 195px;
}
.pl-195 {
  padding-left: 195px;
}
.pr-195 {
  padding-right: 195px;
}
.pt-195 {
  padding-top: 195px;
}
.pb-195 {
  padding-bottom: 195px;
}
.m-200 {
  margin: 200px;
}
.ml-200 {
  margin-left: 200px;
}
.mr-200 {
  margin-right: 200px;
}
.mt-200 {
  margin-top: 200px;
}
.mb-200 {
  margin-bottom: 200px;
}
.p-200 {
  padding: 200px;
}
.pl-200 {
  padding-left: 200px;
}
.pr-200 {
  padding-right: 200px;
}
.pt-200 {
  padding-top: 200px;
}
.pb-200 {
  padding-bottom: 200px;
}
.m-210 {
  margin: 210px;
}
.ml-210 {
  margin-left: 210px;
}
.mr-210 {
  margin-right: 210px;
}
.mt-210 {
  margin-top: 210px;
}
.mb-210 {
  margin-bottom: 210px;
}
.p-210 {
  padding: 210px;
}
.pl-210 {
  padding-left: 210px;
}
.pr-210 {
  padding-right: 210px;
}
.pt-210 {
  padding-top: 210px;
}
.pb-210 {
  padding-bottom: 210px;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.t-c {
  text-align: center;
}
.orange {
  color: #E74700;
}
.blue {
  color: #3C79C3;
}
.blue-bg {
  background-color: #3C79C3;
  color: #FFFFFF;
}
.bold {
  font-weight: bold;
}
.black {
  color: #000000;
}
.white {
  color: #FFFFFF;
}
.gray {
  color: #AAAAAA;
}
.ddd {
  color: #DDDDDD;
}
.eee-bg {
  background-color: #EEEEEE;
  color: #333333;
}
.icon {
  /* background: url(http://www.yiban.com.cn/templets/default/css/css_img/icon.png) no-repeat; */
}
.indent {
  text-indent: 2em;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.left-50 {
  float: left;
  _display: inline;
  width: 49.5%;
}
.right-50 {
  float: right;
  _display: inline;
  width: 49.5%;
}
.left-940-50 {
  float: left;
  _display: inline;
  width: 500px;
}
.right-940-50 {
  float: right;
  _display: inline;
  width: 500px;
}
.site-main, .new-products, .main-content {
  position: relative;
  z-index: 10;
  margin-top: 110px;
}
/*导航2*/
#nav {
  position: fixed;
  top: 0px;
  width: 100%;
  /*	height: 106px;*/
  /*	background-color: #ffffff;*/
  font-family: "微软雅黑";
  z-index: 990000;
  /*	border-bottom: #f4f4f4 1px solid;*/
}
#nav_1 {
  width: 100%;
  height: 28px;
  border-top: #545454 2px solid;
  border-bottom: #f4f4f4 1px solid;
}
#nav_2 {
  width: 1140px;
  height: 28px;
  margin: 0 auto;
  line-height: 28px;
  font-family: "微软雅黑";
  font-size: 11px;
  color: #a8a8a8;
}
.trtel {
  background: url(../image/ind_ico01.png) left center no-repeat;
  padding-left: 30px;
  color: #fff;
  font-size: 16px;
  background-size: 20px 20px;
  height: 72px;
  line-height: 72px;
  font-weight: bold;
}
.shiyong {
    margin: 16px 0 0 40px;
    background: #3667E6;
    font-size: 16px;
    width: 110px;
    height: 36px;
    line-height: 36px;
    border-radius: 30px;
    text-align: center;
}
.shiyong a {
  text-decoration: none;
  color: #fff;
}
#nav_3 {
  width: 100%;
  height: 72px;
}
#nav_4 {
  height: 72px;
  padding: 0 40px;
}
#nav_4 li {
  float: left;
  margin: 0 1%;
}

.plSubNavi .floatl {
    /*width: 13%;*/
    /*margin-right: 3.6%;*/
    width: 18%;
    margin-right: 1.6%;
}

.floatr {
  float: right;
}
.floatl {
  float: left;
}
.search_bg {
  /* background: url(http://www.yiban.com.cn/templets/default/images/search_bg.jpg); */
  list-style: none;
  border: none;
  width: 129px;
  height: 25px;
  font-family: "微软雅黑";
  font-size: 11px;
  color: #a8a8a8;
  line-height: 25px;
}
.search_tb {
  /* background: url(http://www.yiban.com.cn/templets/default/images/search.png) no-repeat; */
  width: 15px;
  height: 15px;
  border: none;
  cursor: pointer;
  margin-top: -4px;
  margin-left: -15px;
}
#logo {
  padding-top: 13px;
  padding-right: 65px;
}
.firstLi .nav_tb {
  background: none !important;
}
.nav_tb {
  font-size: 16px;
  width: 115px;
  height: 72px;
  float: left;
  cursor: pointer;
  line-height: 72px;
  text-align: center;
  color: #fff !important;
  background: none !important;
  position: relative;
}
.nav_tb span {
  display: inline-block;
  /* width: 118px; */
  height: 3px;
  /* line-height: 90px; */
  position: absolute;
  left: 25%;
  bottom: 0;
  background: #fff;
  width: 50%;
  display: none !important;
}
#nav_4 li:hover span {
  display: block;
}
/*
.nav_tb_1 {
	text-align: center;
	width: 116px;
	    height: 72px;
    float: left;
    cursor: pointer;
    line-height: 72px;
}
*/
#tb_i {
  margin-left: 86px;
}
#tb_p {}
#tb_1 {}
#tb_2 {
  background: url(../image/top_02.png) no-repeat;
}
#tb_3 {
  background: url(../image/top_03.png) no-repeat;
}
#tb_4 {
  background: url(../image/top_04.png) no-repeat;
}
#tb_5 {
  background: url(../image/top_05.png) no-repeat;
}
#tb_6 {
  background: url(../image/top_06.png) no-repeat;
}
#nav_xl {
  width: 100%;
  background: url(../image/nav_xiala_bg.png) repeat-x;
  height: 0px;
  font-size: 14px;
  line-height: 26px;
}
#nav_xl_content {}
#nav_xl_content_1, #nav_xl_content_2, #nav_xl_content_3, #nav_xl_content_4, #nav_xl_content_5 {
  display: none;
}
.headNavBox {
  position: relative;
  display: none;
  overflow: hidden;
  zoom: 1;
/*  background: #FEFEFE;*/
  height: 340px;
  padding: 35px 0;
  box-sizing: border-box;
  width: 108%;
	background: #F5F9FF;
	
/*  box-shadow: 1px 1px 5px 0 #E4E4E4, -1px -1px 5px 0 #E4E4E4;*/
}
.subNaviUl {
  text-align: left;
}
.subNaviUl li {
  margin-bottom: 12px;
}



.subNaviUl li a {
  color: #333;
  font-size: 14px;
  line-height: 26px;
}
.subNaviUl li a:hover {
	color: #3380ff;
}

.subNaviUl li.li01,
.subNaviUl li .li01 {
	display: block;
  color: #31519B;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 1px solid #E5E5E5;
}
.subNaviUl li.li01 img,
.subNaviUl li .li01 img {
  vertical-align: middle;
  margin: 7px 0 0 0;
  float: right;
  padding-right: 5px;
  display: block;
}
.subNaviUl .wrap li {
  float: left;
  width: 50%;
}

#nav_xl_content .subNaviUl li .li01 img {
    margin: 2px 5px 0 0;
    float: left;
    width: 22px;
    height: auto;
}

.specNavBox .subNaviUl li {
    margin-right: 1%;
    float: left;
    width: 19%;
}


.specNavBox .subNaviUl li .li01 {
    width: 18%;
}


.jz {
  margin-left: 100px;
}
.plSubNavi {
  margin: 0 auto;
/*  padding: 0 0 0 3%;*/
	
	width: calc(100% - 580px);
	  overflow: hidden;
	  zoom: 1;
}

.specThree .specF {
    /*width: 50%;*/
}

.specThree .specF .subNaviUl li {
    /*margin-right: 1%;*/
    /*float: left;*/
    /*width: 50%;*/
}


@media all and (max-width: 1440px) {
  .nav_tb {
    font-size: 16px;
    width: 95px;
}
}


@media all and (min-width: 768px) and (max-width: 1599px) {
/*
  .plSubNavi {
   
  }
*/
}
/*
#nav_xl_content_1 {
	display: none;
}
#nav_xl_content_2 {
	display: none;
}
#nav_xl_content_3 {
	display: none;
}
#nav_xl_content_4 {
	display: none;
}
#nav_xl_content_5 {
	display: none;
}
*/
#logo_new {
  cursor: pointer;
  text-align: left;
  height: 72px;
  padding: 0 40px;
}
#logo_new ul {
  float: left;
}
#logo_new li {
  float: left;
  text-align: center;
  width: 135px;
  height: 72px;
  float: left;
  cursor: pointer;
  line-height: 72px;
  font-size: 16px;
}
#logo_new li a {
  color: #fff;
  display: block;
}
#nav_new {
  width: 100%;
  height: 72px;
  /*	background: #3D3E42;*/
  background: rgba(0, 0, 0, 0.8);
  font-family: "微软雅黑";
  position: fixed;
  top: 0px;
  line-height: 72px;
  z-index: 10000;
}
.h110 {
  height: 72px;
}
.ald {
  width: 230px;
}
.ald li {
  float: left;
  width: 110px;
}
.ald02 li {
  margin-right: 0.5%;
  width: 49.5%;
}
/*16-01-29*/
.clear {
  clear: both;
}
.zxzx ul {
  width: 300px;
}
.zxzx li {
  float: left;
  width: 100px;
  padding-right: 35px;
}
/*16-02-15*/
.xz li {
  float: left;
  /*padding-right: 30px;*/
  width: 50%;
}
.contact_index li {
  display: inline-block;
  margin-right: 2%;
  width: 20%;
}
.flexbanner {
  text-align: center;
}
/*

.three li {
	padding-right: 2px;
	width: 33.3%;
	box-sizing: border-box;
	float: left;
}

.second li {
	padding-right: 2px;
	width: 50%;
	box-sizing: border-box;
	float: left;
}

.four li {
	padding-right: 2px;
	width: 25%;
	box-sizing: border-box;
	float: left;
}
*/
/*----------------------------------
		首页sliderBox
-------------------------------------*/
/*
.banslider4 li {
	float: left;
	position: relative;
}

.fooTxtBox{
	position: absolute;
	left: 10%;
	top: 23%;
	width: 80%;
	color: #fff;
}

.fooTxtBox .txt01 {
	margin-bottom: 30px;
	font-size: 48px;
	line-height: 72px;
	letter-spacing: 1px;
}

.fooTxtBox .txt02 {
	margin-bottom: 70px;
	font-size: 22px;
	line-height: 30px;
}

.fooTxtBox .txtLink {
}

.fooTxtBox .txtLink a {
	display: block;
	text-decoration: none;
    color: #fff;
	width: 140px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	border-radius: 5px;
    background: #3380FF;
}

.banslider4 .foopage {
	text-align: center;
	position: absolute;
	left: 10%;
    margin-left: 0;
    bottom: 200px;
    z-index: 1000;
}

.banslider4 .foopage a {
	margin: 0 4px;
	display: inline-block;
	background: #A6A7A9;
	width: 12px;
	height: 12px;
}

.banslider4 .foopage a.selected {
	background: #CC0000;
}

.banslider4 .foopage a span {
	display: none;
}

.banslider4 {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banslider4 .arrow {
	margin: 0 auto;
	z-index: 20;
}

.banslider4 .arrow li {
	position: absolute;
	cursor: pointer;
}

.banslider4 .arrow .prev {
	left: 0;
}

/*----------------------------------
		tel-kf-share-top
-------------------------------------*/
/* line 67, ../sass/foot.scss */
.tel-kf-share-top {
  position: fixed;
  right: 0;
  z-index: 9999;
  display: block;
  bottom: 50px;
}
/* line 74, ../sass/foot.scss */
.tel-kf-share-top ul li {
  margin-top: 1px;
  height: 50px;
  width: 50px;
}
/* line 78, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap {
  display: block;
  width: 150px;
  height: 50px;
  position: relative;
}
/* line 83, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .text {
  display: inline-block;
  padding: 0 10px 0 20px;
  height: 50px;
  line-height: 50px;
  background-color: #ff7852;
  color: #ffffff;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  font-size: 14px;
}

.tel-kf-share-top ul li .item-wrap .text a {
  color: #ffffff;
}

/* line 99, ../sass/foot.scss */
.tel-kf-share-top ul li .item-wrap .icon {
  display: inline-block;
  height: 50px;
  width: 50px;
  background-color: #848484;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tel-kf-share-top ul li .item-wrap .icon .demand {
  margin-top: 6px;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
}
.tel-kf-share-top ul li .item-wrap .icon .demand_two {
  color: #fff;
  line-height: 20px;
  font-size: 14px;
}
/* line 117, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .icon {
  background-color: #ff7852;
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 122, ../sass/foot.scss */
.tel-kf-share-top ul .current .item-wrap .text {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 129, ../sass/foot.scss */
.tel-kf-share-top ul .top span {
  background: url(../image/to-top-icon.png) no-repeat center #848484;
  display: inline-block;
  height: 50px;
  width: 50px;
  float: right;
  cursor: pointer;
}
/* line 136, ../sass/foot.scss */
.tel-kf-share-top ul .top span:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*.tel-kf-share-top ul li.item{
	position: static;
	bottom: inherit;
	left: inherit;
	margin-left: auto;
	background: none;
}

.tel-kf-share-top ul li.item a {
	float: none;
	margin-left: auto;
	margin-bottom: auto;
	background: none;
	overflow: hidden;
	border-radius: inherit;
}
*/
.nr {
  line-height: 27px;
  letter-spacing: 0.5px;
}
/*
专注企业一体解决方案
领跑国内PLM行业方向
*/
.proSec05 {
  background: url("../image/pro_bg.png") no-repeat center;
	    background-size: 100% 100%;
}
.wid70 {
  width: 70%;
  margin: 0 auto;
}
.pBtmBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3% 0;
  width: 1400px;
}
.pBtmBox .photoBox {
  width: 50%;
}
.pBtmBox .textBox {
  color: #fff;
  line-height: 80px;
  /*width: 45%;*/
  font-size: 3.5rem;
  font-weight: bold;
  letter-spacing: 1px;
}
.pBtmBox .poupLink {
  margin-top: 80px;
  font-weight: normal;
}
.pBtmBox .poupLink a {
  font-size: 22px;
  color: #333;
  height: 56px;
  line-height: 56px;
  width: 160px;
  background: #fff;
  border-radius: 5px;
  display: block;
  text-align: center;
}
#inline1 {
  display: none;
  position: fixed;
  top: 10%;
  right: 0;
  width: 420px;
	
  background: #fff;
  color: #333;
  padding: 1.5% 25px;
  font-size: 1.4rem;
  z-index: 999999;
  box-sizing: border-box;
  box-shadow: 2px 2px 5px #ccc;
  border-radius: 12px;
}
#inline1 .closeX {
  color: #000;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 1.8rem;
  padding: 5px;
}
#inline1 h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #F3F3F3;
  font-size: 1.8rem;
  margin-bottom: 5%;
  font-weight: bold;
}
#inline1 h4 {
  font-size: 1.6rem;
  margin-bottom: 4%;
  font-weight: bold;
}
#inline1 input[type=text], input[type=password] {
  margin: 0;
  background: none;
  padding-left: 0;
  color: #000;
  width: 100%;
  box-sizing: border-box;
  height: 35px;
  border: 1px solid #F9F9F9;
  border-bottom: 1px solid #E8E8E8;
}
#inline1 input:focus-visible {
  border: none;
  border-radius: 0;
  outline: none;
}
#inline1 dl {
  margin-bottom: 5%;
}
#inline1 dd {
  margin-bottom: 3%;
}
#inline1 textarea {
  margin: 10px 0 0;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 80px;
  font: normal 14px/22px 微软雅黑;
}
#inline1 textarea:focus-visible {
  border: none;
  border-radius: 0;
  outline: none;
}
#inline1 .btmLink li {
  float: left;
  width: 50%;
}
#inline1 .btmLink li input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 1.4rem;
  color: #fff;
  background: #3380FF;
  border: none;
}
#inline1 .btmLink .resetBtn input {
  background: #98BFFF;
}
#inline1 .specDl p {
  padding-top: 10px;
}
#inline1 .specDl p input {
  vertical-align: middle;
  margin: -3px 5px 0 0;
}
#inline1 .btmLink li input:hover {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
@media all and (min-width: 768px) and (max-width: 1500px) {
  .pBtmBox .photoBox {
    width: 45%;
  }
  .pBtmBox .photoBox img {
    width: 100%;
    height: auto;
  }
  .pBtmBox .textBox {
    font-size: 34px;
  }
}

   .spBox {
        display: none;
    }
    
    .spMenuLink {
        display: none;
    }
    

@media all and (min-width: 0) and (max-width: 767px) {
    .pcBox {
        display: none;
    }
    
    .spBox {
        display: block;
    } 
    
    .spMenuLink {
        display: block;
    }
    
   .shiyong,.trtel {
        display: none;
    }
    
    #nav {
        height: auto !important;
        background: none !important;
        /*background: rgba(0, 0, 0, 0.7) !important;*/
    }
    
    #nav_4 {
        padding: 8px 15px;
        height: auto;
        background: rgba(0, 0, 0, 0.6);
    }
    
    #nav_4 .floatl {
        float: none;
    }
    #nav_4 > ul {
        display: none;
    }
    
    #logo {
        padding-top: 0;
        padding-right: 0;
    }
    
    #logo img {
        width: 120px;
        height: auto;
    }
    
    #nav_xl_content_1, #nav_xl_content_2, #nav_xl_content_3, #nav_xl_content_4, #nav_xl_content_5 {
        display: block !important;
        width: 100%;
        height: auto;
    }
    
    .plSubNavi {
        overflow: inherit;
        width: auto;
    }
    
    .headNavBox {
        background: rgba(245,249,255,1);
        padding: 2px 20px 15px;
        box-shadow: 1px 1px 5px 0 #E4E4E4, -1px -1px 5px 0 #E4E4E4;
    }

    #nav_xl {
        display: none;
        background: none;
        /*height: auto !important;*/
        height: calc(100vh - 60px) !important;
        overflow-y: scroll;
    }
    
    #nav_3 {
        height: auto;
        position: relative;
    }
    
    .plSubNavi .floatl {
        width: 50% !important;
        margin-right: 0;
    }
    
    .specThree .specF {
        width: 33% !important;
        margin-right: 0;
    }
    
    .subNaviUl {
        margin-top: 8px;
        text-align: left;
        overflow: hidden;
        zoom: 1;
    }
    
    #nav_xl_content_1 .subNaviUl {
        margin-top: 7px;
    }
    
    .subNaviUl li.li01, .subNaviUl li .li01 {
        font-size: 14px;
        padding-bottom: 0;
        width: auto !important;
        border-bottom: none;
        display: inline-block;
    }
    
    .subNaviUl li.li01 img, .subNaviUl li .li01 img {
        padding-left: 10px;
    }

    .subNaviUl li {
        margin-bottom: 0;
        float: left;
        margin-right: 1%;
        width: 32.3%;
    }
    
    .subNaviUl li:first-child {
        width: 100%;
        margin-bottom: 2px;
    }
    
    #nav_xl_content_1 {
        padding: 5px 0 15px;
    }
    
    #nav_xl_content_1 .plSubNavi .floatl {
        width: 33.3% !important;
    }
    
    #nav_xl_content_1 .subNaviUl li{
        width: auto !important;
        margin-right: 0;
        float: none;
        text-align: center;
    }
    
    #nav_xl_content_1 .subNaviUl li .li01 img {
        margin: 5px auto 10px;
        float: none;
        width: 30px;
        height: 30px;
        padding-left: 0;
    }
    
    #nav_xl_content_1 .subNaviUl li {
        margin-right: 0;
        margin-bottom: 0;
        line-height: 24px;
            margin-top: -2px;
    }

    #nav_xl_content_1 .subNaviUl li.li01, .subNaviUl li .li01 {
        font-weight: normal;
    }
    
    #nav_xl_content_1 .subNaviUl li a {
        color: #4A5E8D;
    }
    
    .specNavBox .subNaviUl li {
        width: 32.3%;
    }
    
    .wid70 {
        width: 90%;
    }
    .pBtmBox {
        display: block;
    }
    
    .pBtmBox .photoBox {
        width: 35%;
        float: right;
    }
    
    .pBtmBox .photoBox img {
        width: 100%;
        height: auto;
    }
    
    .pBtmBox .poupLink {
        margin-top: 20px;
    }
    .pBtmBox .poupLink a {
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    width: 95px;
}

      .pBtmBox .textBox {
        line-height: 35px;
        width: auto;
        font-size: 18px;
        line-height: 28px;
        font-weight: normal;
    }
    
    #footer .container .row > div {
        display: none;
    }
    
    #footer.short {
        padding-top: 0;
        background: rgba(0,0,0,0.5);
        /*position: fixed;*/
        bottom: 0;
    }
    
    #footer.short .container {
        display: none;
        padding-top: 0;
    }
    
    #footer ul.list.icons li {
        margin-bottom: 5px;
        font-size: 12px;
        color: #fff;
    }
    #footer ul.list.icons li.filings {
        padding: 0 0 0 0;
    }
    #footer h1, #footer h2, #footer h3, #footer a {
        color: #fff !important;
        font-size: 12px;
        line-height: 32px;
        margin-left: 15px;
    }

    #footer .list {
        text-align: center !important;
    }
    
    #footer.short .footer-copyright {
        padding-bottom: 0;
    }
    
    .spMenuLink img {
        width: 25px;
        height: auto;
    }
    
    .spMenuLink {
        position: absolute;
        right: 5px;
        top: 5px;
        padding: 10px;
    }

    .closeMenu {
        display: none;
        text-align: center;
        padding: 5px;
        background: #F5F9FF;
        color: #000;
        letter-spacing: 1px;
    }
   
    #inline1 {
        top: 0;
        right: 0;
        width: 100%;
        background: #f9f9f9;
        padding: 50px 25px 1.5%;
        font-size: 1.4rem;
        border-radius: 0;
        height: 100vh;
        overflow: hidden;
    }
        
   
     .subNaviUl li a {
        font-size: 13px;
        line-height: 20px;
    }
        
    
    
    
    
    
    
    
    
    
    
    

}



@media only screen and (max-width: 767px) {

#nav_xl_content_1 .plSubNavi .floatl {
  width:100% !important;
}
#nav_xl_content_1 .subNaviUl li {
  text-align: left!important;
  margin-top: 12px!important;
}
#nav_xl_content_1 {
  padding: 2px 20px 15px!important;
}
#nav_xl_content_1 .subNaviUl li .li01 img {

  height: auto!important;
  padding-left: 10px!important;

}
.subNaviUl li.li01 img, .subNaviUl li .li01 img {
  margin-top: 5px !important;
}
#footer ul.list.icons li.filings {
  padding: 10px 20px;
}





}