/* Write your styles */
iframe, body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, blockquote, th, td {
  list-style: none;
}
body {
  font-family: "Microsoft Yahei";
  background: #f6f6f6;
}
/*header style*/
.topwrapwrap {
  width: 100%;
  background: url("https://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;
  border-bottom: 1px solid #7F7F7F;
}
.topwrap {
  width: 980px;
  height: 38px;
  line-height: 38px;
  padding: 0px 0px;
  font-size: 14px;
  color: #7D8184;
  overflow: hidden;
}
.qlink {
  width: 534px;
}
.qlink a {
  padding-right: 21px;
  text-decoration: none;
  font-size: 14px;
}
.qlink a:link, .qlink a:visited {
  color: #5E5E5E;
}
.qlink a:hover {
  color: #f60;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.mag {
  margin: 0px auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.mt10 {
  margin-top: 10px;
}
.foot {
  height: 120px;
  padding-top: 20px;
  background: #000000;
  font-size: 12px;
}
.foot ul {
  margin-bottom: 0rem;
}
.foot a, .foot li {
  color: #ffffff;
}
.foot a:link, .foot a:visited {
  text-decoration: none;
}
.foot a:hover {
  text-decoration: underline;
}
/*header style end*/
/*手机版*/
header, footer {
  display: block;
  clear: all;
}
.headbox {
  clear: both;
  overflow: hidden;
  min-width: 320px;
  *zoom: 1;
  display: block;
}
.logoarea {
  clear: both;
  height: 48px;
  overflow: hidden;
  color: #ebebeb;
  * zoom: 1;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  background-image: url(https://m.e-works.net.cn/images/top_bg1.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  padding-bottom: 2px;
  position: relative;
}
.logoarea a {
  color: #ebebeb;
}
.logoarea a:link, .logoarea a:visited {
  color: #ebebeb;
  text-decoration: none;
}
.logoarea a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.head_l {
  height: 48px;
  width: 58px;
  cursor: pointer;
  float: left;
  left: 0px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 12px;
}
.head_l img {
  height: 32px;
  width: 32px;
}
.head_r {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 0px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r img {
  height: 24px;
  width: 24px;
}
.head_c {
  height: 36px;
  padding-top: 10px;
  text-align: center;
  color: #e6e6e6;
  padding-left: 15px;
}
.head_c h1 {
  font-size: 21px;
  line-height: 36px;
  vertical-align: bottom;
}
.head_c img {
  margin-top: 7px;
  height: 26px;
  width: 87px;
  vertical-align: top;
}
.layout-footer {
  display: block;
}
footer {
  clear: both;
  height: auto;
  line-height: 24px;
  text-align: center;
  padding-right: 0;
  padding-bottom: 0px;
  padding-left: 0;
  padding-top: 8px;
  margin-top: 1px;
  font-size: 1.8em;
  background-color: #232f3e;
}
footer a {
  display: inline-block;
}
footer a:link, footer a:visited {
  text-decoration: none;
  color: #e6e6e6;
}
footer a:hover {
  text-decoration: underline;
  color: #e6e6e6;
}
footer p {
  padding-bottom: 3px;
  padding-top: 3px;
  color: #a7a7a7;
}
footer .f16 {
  font-size: 0.4em;
}
.fwn {
  padding-bottom: 5px;
  padding-top: 5px;
  color: #a7a7a7;
  font-weight: normal;
}
.htop a:link, .htop a:visited {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  text-align: center;
  border: 1px solid #5E5E5E;
  line-height: 24px;
  background-color: #5E5E5E;
  color: #e6e6e6;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
}
.htop a:hover {
  color: #e6e6e6;
  text-decoration: none;
  background-color: #31a9de;
  border: 1px solid #31a9de;
}
.head_l_2 {
  height: 48px;
  width: 50px;
  cursor: pointer;
  float: left;
  left: 48px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 20px;
}
.head_l_2 img {
  height: 32px;
  width: 32px;
}
.newmob .head_l {
  height: 48px;
  width: auto;
  cursor: pointer;
  float: left;
  left: 10px;
  z-index: 999;
  position: absolute;
  top: 0px;
  text-align: center;
  padding-top: 6px;
}
.newmob .head_l img {
  margin-bottom: 9px;
  height: auto;
  width: 90px;
  padding-right: 10px;
}
.newmob .head_l h1 {
  font-size: 1.2em;
  vertical-align: bottom;
  line-height: 36px;
}
.newmob .head_r_userimg {
  height: 42px;
  width: 42px;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  padding-top: 20px;
}
.newmob .head_r_userimg img {
  height: 24px;
  width: 24px;
  border-radius: 50%
}
.newmob .head_r_userimg_none {
  height: 42px;
  width: 42px;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  padding-top: 20px;
}
.newmob .head_r_userimg_none img {
  height: 24px;
  width: 24px;
}
.head_r_ss {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 32px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r_ss img {
  height: 24px;
  width: 24px;
}
.head_r_con {
  height: 42px;
  width: 42px;
  cursor: pointer;
  top: 0px;
  right: 64px;
  z-index: 999;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  padding-top: 10px;
}
.head_r_con img {
  height: 24px;
  width: 24px;
}
hr {
  width: 100%;
  border: 0;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #CCC, #CCC);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}
/*手机版 end*/
.am-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: 1200px;
}
.new-container, .new-container2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.am-container-s {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  max-width: 980px;
}
@media only screen and (max-width: 768px) { /*手机端*/
  .new-container, .new-container2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 768px) { /*PC端*/
  .new-container {
    width: 1200px;
    margin: 0 auto;
  }
  .new-container2 {
    width: 1230px;
    margin: 0 auto;
  }
}
.p15 {
  padding: 15px 0;
}
.mt1 {
  margin-top: 1%;
}
.mt2 {
  margin-top: 2%;
}
.mt3 {
  margin-top: 3rem;
}
.mt4 {
  margin-top: 4rem;
}
.mb30 {
  margin-bottom: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb2 {
  margin-bottom: 2%;
}
.color-w {
  color: #ffffff;
}
.bg-gray {
  background: #EFEFEF;
}
.no-p {
  padding: 0;
  margin: 0;
}
h2 {
  font-size: 2.2rem;
}
.blue {
  color: #3D67D1;
}
.gray {
  color: #999;
}
.white {
  color: #ffffff;
}
/************banner*******************/
.banner {
  text-align: center;
  position: relative;
}
.banner img {
  max-width: 100%;
  width: 100%;
}
.date {
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 8px;
  font-size: 1rem;
  position: absolute;
  bottom: 1rem;
  left: 5rem;
  color: #ffffff;
  z-index: 999;
}
@media only screen and (max-width: 768px) {
  .banner {
    background-size: 100% 100%;
    height: auto;
    overflow: hidden;
  }
  h2 {
    font-size: 1.8rem;
  }
}
/********lead***********/
.lead {
  position: relative;
  padding-top: 2%;
  background: url("../images/dybg.png") top center no-repeat;
  padding-bottom: 3rem;
  margin-top: 2%;
  margin-bottom: 4rem;
}
.lead h3 {
  position: absolute;
  font-size: 2.3rem;
  color: #6bbe52;
  margin-bottom: 4rem;
  top: -10px;
  left: 1rem;
  font-weight: bold
}
.lead p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 200%;
  text-align: justify;
  text-align-last: left;
  padding: 1rem 1.6rem;
}
@media only screen and (max-width: 768px) {
  .lead {
    background: url("../images/dys.jpg") top center no-repeat #434343;
    background-size: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 1rem;
  }
  .lead h3 {
    top: -12px;
    left: 2rem;
  }
}
@media only screen and (max-width: 320px) {
    .lead {padding:0.5rem 0 0 0;}
    
}
/*标题*/
.tit {
  text-align: center;
  margin-bottom: 3rem;
  background: url("../images/tbg.png") bottom center no-repeat;
  padding-bottom: 2rem;
}
.tit h1 {
  font-size: 3.8rem;
  line-height: 3.5rem;
  font-weight: 700;
  color: #40434a;
  text-align: center;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 768px) { /*手机端*/
  .tit h1 {
    font-size: 2rem;
    margin-bottom: 0;
    color: #242424;
    line-height: 2.8rem;
  }
  .tit span {
    font-size: 1.6rem;
    color: #999;
    font-weight: 400;
  }
}
@media only screen and (max-width: 320px) { /*手机端*/
  .tit h1 {
    font-size: 1.8rem;
    margin-bottom: 1%;
    color: #242424;
    line-height: 2.6rem;
  }
}
/*推荐*/
.recommend {
  margin-top: 3rem;
  margin-bottom: 5rem;
  padding-top: 2%;
}
.recommend img {
  position: relative;
  overflow: hidden;
  float: left;
}
.recommend-txt {
  background: #000;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(37, 38, 38, 0.3);
  position: absolute;
  margin: 6% 55% 0 18.5%;
  width: 32%;
  padding: 2%;
  height: 300px;
}
.recommend .am-slider-a1 {
  box-shadow: 0 0 0 #fff !important;
}
.recommend-txt i {
  margin-left: 5px;
}
.recommend-txt span {
  color: #499eff;
  font-size: 1.8rem;
}
.recommend-txt h2 {
  font-size: 2.6rem;
  line-height: 160%;
}
.recommend-txt .n-btn {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.recommend-txt .am-btn {
  background: #000000;
}
.recommend-txt a {
  color: #fff;
}
.recommend-txt a:hover {
  border: 2px solid #6fbf4e;
  color: #fff;
}
.recommend-txt a:visited {
  border: 2px solid #6fbf4e;
  color: #fff;
}
.mr10 {
  margin-right: 10px;
}
.recommend-txt .am-btn {
  font-size: 1.8rem;
  padding: 1rem 2rem;
}
.am-slider-a1 .am-control-nav {
  bottom: 15px;
}
.am-slider-a1 .am-control-nav li a {
  width: 15px;
  height: 15px;
  color: #ffffff;
  background-color: #000;
  border: solid 2px #ffffff;
}
.am-slider-a1 .am-control-nav li a.am-active {
  background-color: #fff;
}
.recommend-txt p {
  text-align: justify;
}
@media only screen and (min-width: 769px) { /*PC*/
  .recommend .am-slider .am-slides img {
    width: auto;
    display: block;
  }
  .recommend-txt {
    width: 600px;
  }
}
@media only screen and (max-width: 768px) { /*手机端*/
  .recommend {
    margin-bottom: 6rem;
    margin-top: 0;
  }
  .recommend-txt {
    background: #000;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #fff;
     margin: 16px 16px 0 16px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(37, 38, 38, 0.3);
    position: absolute;
    left: 0;
    top: 1rem;
    width: 85%;
    height: 260px;
  }
  .recommend-txt span {
    color: #499eff;
    font-size: 1.5rem;
  }
  .recommend-txt h2 {
    font-size: 1.8rem;
    line-height: 140%;
    margin: 0;
    padding: 0;
    margin-top: 10px;
  }
  .recommend-txt .n-btn {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
  }
  .recommend-txt .am-btn {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
  }
  .am-slider-a1 .am-control-nav {
    bottom: 10px;
  }
  .am-slider-a1 .am-control-nav li a {
    width: 15px;
    height: 15px;
    color: #ffffff;
    background-color: #000;
    border: solid 2px #ffffff;
  }
}
@media only screen and (max-width: 320px) { /*手机端*/
    .recommend-txt {
    background-color: rgba(255, 255, 255, 0.6);
        margin: 5px 10px 0 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(37, 38, 38, 0.3);
    position: absolute;
    left: 0;
    top: 1rem;
    width: 90%;
    height: 225px;
}
    .recommend-txt h2{ font-size: 1.5rem; margin-bottom: 0; padding-bottom: 0}
    .recommend-txt p{ line-height: 1.5rem; margin-top: 5px;}
    .recommend-txt a{font-size: 1.4rem}
    
}
/*挑战与痛点*/
.change {
  padding-bottom: 2%
}
.change-item {
  background: #fff;
  padding: 1rem;
  margin-bottom: 1.5rem
}
.change-item h3 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
}
@media only screen and (min-width: 769px) { /*PC*/
  .change .new-container {
    width: 1230px;
  }
  .change-item h3 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) { /*手机*/
  .change-item h3 {
    margin-bottom: 0
  }
  .change-item {
    height: 157px;
  }
}
/*****转型思路*****/
.idea {
  background: url("../images/bg1.jpg") bottom center no-repeat;
  padding-top: 2%;
  padding-bottom: 1%;
}
.digital h3 {
  font-size: 2.5rem;
  padding-bottom: 10px;
  border-bottom: 3px solid #6bbe51;
  color: #4d5056;
}
.digital span {
  font-size: 1.6rem;
  font-weight: normal;
  color: #666464
}
.digital {
  margin-bottom: 2%;
}
.digital img {
  margin-right: 10px;
}
.digital p {
  line-height: 0.5;
  color: #4d5056
}
@media only screen and (min-width: 769px) { /*PC*/
  .digital p {
    font-size: 1.8rem;
  }
  .digital h3 {
    width: 280px;
  }
  .digital p:last-child {
    padding-left: 28px;
    line-height: 0.1;
    margin-bottom: 40px;
  }
  .idea .am-u-md-4:nth-child(3) {
    padding-left: 120px;
  }
}
@media only screen and (max-width: 768px) { /*手机*/
  .idea {
    background: url("../images/bg1s.jpg") top center repeat-y;
    padding-top: 3%;
    padding-bottom: 2%;
  }
  .digital {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #fff solid;
    padding: 1rem;
  }
  .digital h3 {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
  .digital p {
    display: inline-block;
    margin-right: 10px;
    margin-top: 0
  }
  .am-figure-default img {
    border: 0 solid #ffffff
  }
}
/**********机械行业数字化转型************/
.charact-item {
  position: relative;
  height: 412px;
  margin-bottom: 20px;
}
.charact-txt {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  color: #fff;
  height: 104px;
  overflow: hidden;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
}
.charact-txt a {
  color: #6bbe51;
  font-size: 1.6rem
}
.charact-txt:hover {
  height: 412px;
  padding: 2rem;
  transition: all ease-in 0.5s;
}
.charact-txt img {
  width: 223px !important;
}
.charact-txt i {
  margin-left: 5px;
}
.am-slider-default .am-control-nav {
  display: none
} /*去掉圆点*/
.am-slider-default .am-direction-nav .am-prev {
  left: -20px;
} /*箭头加宽*/
.am-slider-default .am-direction-nav .am-next {
  right: -20px;
} /*箭头加宽*/
.am-slider-default .am-direction-nav a {
  top: 50%;
} /*箭头居中*/
.charact {
  padding-bottom: 2%;
  margin-top: 6rem;
}
.charact .c-info {
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 2%;
}
.image-wrapper {
  width: 100%;
  margin: auto;
  margin-bottom: 50px;
}
@media only screen and (min-width: 769px) { /*PC*/
  .charact-txt h2 {
    font-size: 2.6rem
  }
  .charact-txt p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media only screen and (max-width: 768px) { /*手机*/
  .charact-txt h2 {
    font-size: 2.6rem;
    font-weight: bold
  }
  .charact-item {
    height: 402px;
  }
  .charact-txt {
    height: 402px;
  }
  .charact-txt:hover {
    height: 402px;
  }
  .am-slider-default .am-direction-nav .am-prev {
    left: -10px;
  } /*箭头加宽*/
  .am-slider-default .am-direction-nav .am-next {
    right: -10px;
  } /*箭头加宽*/
}
@media only screen and (max-width: 320px) { /*手机*/
    .charact-txt h2{ font-size:1.8rem}
     .charact-item {
    height: 308px;
  }
  .charact-txt {
    height: 308px;
  }
  .charact-txt:hover {
    height: 308px;
  }
}
/*******转型指南*************/
.guid {
  padding-top: 2%;
  padding-bottom: 2%;
}
.new_02_cont {
  background: #fff;
}
@media only screen and (max-width:768px) {
  .guid .am-u-sm-12 {
    margin-bottom: 1rem
  }
}
@media only screen and (min-width:769px) {
  .new_02_cont {
    height: 268px;
  }
}
/*******权威报告*************/
.report {
  background: url(../images/bg2.png) bottom center;
  padding-top: 2%;
  padding-bottom: 2%;
}
.new_02_cont {
  padding: 1rem;
}
.new_02_cont p {
  text-align: justify;
    height: 144px;
}

 
.new_02 {
  margin-bottom: 1rem;
}
.new_02 h3 {
  font-weight: bold
}
.report .bt {
  background: #434343;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.report .bt-l {
  float: left;
  padding-left: 15px;
  font-weight: normal;
}
.report .bt-r {
  float: right;
  width: 94px;
  height: 76px;
  text-align: center;
  background: url(../images/down.png) top center no-repeat;
  cursor: pointer;
}
.report a {
  color: #fff
}
.report a:hover {
  color: #fff
}
.report a:visited {
  color: #fff
}
.new_02_cont a {
  display: block;
  width: 170px;
  margin-left: auto;
  color: #6fbf4e;
  font-size: 1.8rem;
}
@media only screen and (min-width:769px) {
  .report .bt {
    line-height: 75px;
  }
  .report .bt-l {
    font-size: 1.8rem;
  }
  .new_02 {
    height: 268px;
    box-shadow: 5px 10px 5px #e3e0e0
  }
  .new_02_cont h3 {
    font-size: 1.8rem
  }
  .new_02_cont {
    padding: 2rem 1rem 1rem 1rem;
  }
  .new_02_cont, .new_02_img01 {
    margin-bottom: 3rem;
  }
  .report .bt-r {
    padding-left: 10px;
  }
}
@media only screen and (max-width:768px) {
  .report .bt-l {
    width: 72%;
    padding-left: 15px;
    padding-top: 18px;
  }
  .report .bt-r {
    line-height: 76px;
    padding-left: 5px;
  }
  .n-box3 .bt-r {
    height: 77px;
    line-height: 75px;
    text-align: center;
  }
.new_02_cont p {
    height: auto !important;
}
  .new_02 h3 {
    font-size: 1.6rem
  }
}
@media only screen and (max-width:375px) {
    .report .bt-l {
        width: 62%;}
}
@media only screen and (max-width:320px) {
    .report .bt-l {
        width: 62%;}
}
/*关于PTC*/
.about {
  background: #fff;
  padding: 2% 0;
}
.about-item {
  border: 2px solid #b5b5b5;
  padding: 1rem
}
.about h1 {
  font-size: 2.6rem;
  font-weight: 400;
}
.about p {
  color: #343434;
}
.about a {
  color: #59a6ff;
  text-decoration: underline;
}
.about i {
  color: #6fbf4e
}
@media only screen and (min-width: 769px) { /*PC端*/
  .about p {
    font-size: 1.55rem;
    line-height: 200%
  }
  .about-item {
    background: url("../images/bg3.png") right bottom no-repeat;
    padding: 2rem
  }
}
@media only screen and (max-width: 768px) { /*手机端*/
  .about {
    padding: 5% 0;
  }
}
/**************悬浮框*************************/
@media only screen and (min-width: 769px) { /*PC绔�*/
  .keifu {
    position: fixed;
    bottom: 4%;
    right: 10px;
    width: 200px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
    z-index: 990;
  }
  .sur_img {
    margin-top: 4rem;
  }
  .ask p {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/
  .keifu {
    position: fixed;
    bottom: 1%;
    right: 10px;
    width: 100px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
    z-index: 990;
  }
  .keifu img {
    width: 100%;
  }
}