/* 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;
}
h1, h2, h3, h4, h5, h6{ font-weight: bold}
body {
  font-family: "Microsoft Yahei";    
}
/*header style*/
.topwrapwrap {
  width: 100%;
  background: url("https://www.e-works.net.cn/imageshome/topbg.jpg") repeat-x;
  border-bottom: 1px solid #7F7F7F;
}
.icon_arrow {
  background: url(../images/icon_arrow.png) no-repeat center;
  height: 1.2rem;
  display: block;
}
.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: #333333;
  font-size: 12px;
}
.foot ul {
  margin-bottom: 0rem;
}
.foot a, .foot li {
  color: #fff;
}
.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: #FFF;
  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;
}

.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%;
}
.mr20 {
  margin-right: 20px;
}
.color-w {
  color: #fff;
}
.bg-gray {
  background: #EFEFEF;
}
.no-p {
  padding: 0;
  margin: 0;
}
h2 {
  font-size: 2.2rem;
}
.blue {
  color: #3D67D1;
}
.gray {
  color: #999;
}
.white {
  color: #FFF;
}

.am-container {
  max-width:1440px;
  padding: 70px 0;
}

@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/

  .am-container {
	padding: 3rem 1.6rem;
  }
	
	
}
/************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: #FFF;
}

@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/

  .am-container {
	padding: 3rem 1.6rem;
  }
  .banner {
    background-size: 100% 100%;
    height: auto;
    overflow: hidden;
  }
}




/*<!--鏍囬-->*/
.tit1 {margin: 2.4rem 0 4rem;}
.tit1 h1 {font-size: 4.2rem;line-height: 4.2rem;font-weight: normal;color: #000;text-align: center; margin-bottom: 1rem;}


.tit h1 { font-size: 4.2rem;line-height: 4.2rem;color: #000;text-align: center; margin-bottom:3rem;}
.tit p {font-size: 1.55rem;color: #666; line-height: 2.6rem;margin-bottom: 4rem;}

@media only screen and (min-width: 768px) { /*PC绔�*/
	.tit h1{margin-bottom:5rem;}
	.tit p { margin-left: 1.5rem; margin-right: 1.5rem}
}


@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/
.tit1 {margin: 1rem 0;}
.tit1 h1 {font-size:2.4rem; margin-bottom:2rem; color:#333; line-height:2.6rem; margin-top:1.5rem; font-weight: bold;  }
	
.tit {margin: 1rem 0; }
.tit h1 {font-size:2.6rem;background-size: 80%; margin-bottom:2rem; color:#333; line-height:2.6rem; margin-top:1.5rem; font-weight: bold;   }
.tit p {font-size: 1.5rem; line-height: 1.7; font-weight: normal;  }
}



.video-fb video{
	width: 100%;
	height: auto;
}



/********lead***********/

.lead-box{  }

.lead-txt h3{background: url("../images/daoyu.png") left center no-repeat; color: #fff; padding: 5px;}
.lead-txt p{text-align: justify;font-size:1.6rem; line-height: 2.5;}



.btn-blue{background: #0b76f3;padding: 1rem; color: #fff; font-size:1.8rem;}
.btn-blue:hover{background: #5d37ff;color: #fff}
.btn-blue:visited{color: #fff}
.btn-blue:focus{color: #fff}


@media only screen and (min-width: 768px) { /*PC绔�*/
	.lead-box{background: url("../images/lead_bg.jpg")  left center no-repeat;display: flex; justify-content: space-between;padding: 2% 0 2% 2% }
	.lead-img{width: 45%;}
	.lead-txt{width: 55%}
	.lead-txt h3{ font-size:2.8rem}
	
	.lead .am-container{padding-bottom: 20px}
	.btn-blue{display: block;position: absolute;bottom: 0;right: 0;margin-left: auto;width: 320px;}
}

@media only screen and (min-width: 1200px) { /*绗旇鏈�*/
	.lead-img{width: 44%; margin-right: 2%}
	.lead-txt{width: 54%}
}

@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/
	.lead-txt img{ display: none}
	.lead-txt{ padding: .5rem}
	.lead-txt p{font-size:1.4rem; line-height: 2; }
	.btn-blue{font-size:1.4rem;}
	.lead .am-container{padding-bottom: 10px}
}








/*********瀵艰埅*****/
.nav{background: #f5f6f7;}
.nav a{font-size: 1.6rem;
  font-weight:bold;
  line-height: 50px;
padding: auto 20px;
	display: block;
	text-align: center
}
.scrollspy-nav a:hover{color: #3b62ff}
.scrollspy-nav a.am-active {border-bottom: 3px solid #3b63ff;color: #3b62ff}
.menu{
margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  display: flex;
  justify-content: space-between;}

@media only screen and (min-width: 769px) { /*PC绔�*/
	.nav a{width: 18%;}
}


@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/
	.menu .am-container{padding: 0 1.6rem 3rem 1.6rem;}
	
}





/***鎸戞垬*****/
.challenge{background: url("../images/bg1.jpg") center bottom no-repeat}
.c-box2{ background: #ffffff; border-radius: 5px;padding: 1.6rem ; box-shadow: 0 0 10px 0 rgb(240 241 243);margin-bottom: 1.6rem}
.c-box2:hover{box-shadow: 0 0 10px 0 rgb(0 0 0 / 13%); transform: translate(0,-10px);transition: 1s}
.c-box2 img{display: block; margin-left: auto; margin-right: auto;margin-bottom: 3.6rem}

.c-box2 h2{ text-align: center; font-size:1.6rem; line-height: 2}

@media only screen and (min-width: 769px) { /*PC绔�*/
	.flex-item-3{display: flex;justify-content: space-between }
	.c-box2{width: 32%;padding: 4rem}
	.c-box{width: 32%}
	.new-line{display: block}
	.c-box2 h2{ font-size:2rem; line-height: 2}
}

@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/
	.challenge{background: url("../images/bg1_m.png") left top repeat-y;background-size: 100%}
	.c-box2 img{width: 80px;margin-bottom: 1.6rem}
}



/*瑙ｅ喅鏂规*/
.solution {background: url("../images/bg2.jpg") center center repeat-y; }
.solution .tit1 h1 {font-size: 3.0rem;margin-bottom: 3rem;}

.c-box{background: rgba(255,255,255,1); margin-bottom: 2.6rem}
.c-box p{ color: #666; }
.solu-text{ padding:  2rem 1.6rem 2.5rem 1.6rem;}

.solu-text .am-btn-warning{background: #0070f2;color: #fff;}
.solu-text .am-btn-warning:hover{background: #751eff;color: #fff;}


.solu-text p{ line-height: 2.2}
.solu-text a{ padding: 0.5rem 3rem;font-size: 1.8rem;}

@media only screen and (min-width: 769px) { /*PC绔�*/
	.c-box p{ margin-bottom: 50px;}
	.solu-text .am-btn-warning{ position: absolute; bottom: 40px;}
}

@media only screen and (max-width: 768px) { /*鎵嬫満绔�*/

	.solution { background-size: 100%}
}

/************甯傚満娲诲姩***********/
.market {
	padding-top:4rem;
	padding-bottom: 4rem;
}
.mbox{position: relative;background: #000000;}
.mbox-t{background: #000000; color: #ffffff}
.mbox-t h3{
	padding: 1.8rem;
  font-size: 1.8rem;
  text-align: center;
  font-weight: 500;}
.mbox  video {
  width: 100%;
  background: #000000;
}

.video-cover{position: absolute; left: 0;top: 0; z-index: 999}
.video-cover img{width: 100%}

.mbox2 img {
	margin-right:10px;
	margin-top: -2px;
}
.mbox2 li {
	color:#FFF;
	font-size:1.9rem;
	padding-bottom:50px;
}
.mbox2 span {
	padding:5px;
	border-radius:10px;
	background:#1690dc;
	color:#fff;
	margin-left:10px;
	font-size:1.4rem;
}
.mbox a{ color:#fff}
.mbox2 a { color:#fff;}
.mbox2 a:hover{color: #cbdefa;}
.mk-box {}

.mbox h2,.mbox-back h2 {
	font-size: 2.0rem;
}
.mbox-back1{
	background: linear-gradient(to right,#3a64ff,#771cff);
	color: #ffffff;  line-height: 2;
	padding: 1.6rem; 
	border-radius: 10px;
	margin-bottom: 1.6rem
}
.mbox-back1 p{ margin-bottom: 0!important}
.mbox-back2{border:1px solid #4b71ff;padding: 1.6rem; border-radius: 10px;font-size:1.6rem;line-height: 2;}
.mbox-back2 li{ list-style: disc; color: #3b65ff}
.mbox-back2 ul{ padding-left: 1em}
.mbox-back2 ul > li > span{color:  #515050;font-size:1.5rem}
.mbox-back2 img{margin-right: 10px;}
.mk-box video {
	width: 100%;
	background: #000000;
}
.mk-box h3 {
	margin-top:15px;
	font-size:1.8rem;
	margin-bottom:10px;
	text-align: center;
	font-weight: 500;
}

.bgw{background:#000000;}

.mbox .am-slider-b4{ margin:0 !important; 
              box-shadow:none !important;
			  border: solid 1px rgba(255,255,255,0.4);
			  }



@media only screen and (min-width: 768px) and (max-width: 1380px) { /*绗旇鏈�*/
	.mbox-back1 p{ margin-bottom: 0;font-size: 1.4rem;}
	.mbox-back2 h2{margin-bottom: 0}
	.mbox-back2 li{line-height: 1.8;}
	.mbox-back2 ul > li > span {font-size: 1.4rem;}
	.mbox-back2 ul{margin-top: 0;margin-bottom: 0}
}

@media only screen and (min-width: 1380px) and (max-width: 1480px) { /*绗旇鏈�*/
	.mbox-back1 p{ margin-bottom: 0;font-size: 1.5rem;}
	.mbox-back2 h2{margin-bottom: 0}
	.mbox-back2 li{line-height: 2;}
	.mbox-back2 ul > li > span {font-size: 1.4rem;}
	.mbox-back2 ul{margin-top: 0;margin-bottom: 0}
}

@media only screen and (min-width: 1440px) { /*PC绔�*/
.mbox-back1{ font-size:1.5rem}
.mbox2 li {
	color: #FFF;
    font-size: 1.6rem;
    padding-bottom: 10px;
	line-height: 180%;	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;	
}
.mbox h2 {margin-bottom: 3rem;}	
}



@media only screen and (max-width: 768px) { /*鎵嬫満鐗�*/
	.mbox-back1 p{ margin-bottom: 0;font-size: 1.4rem;}
	.mbox-back2 ul > li > span {font-size: 1.4rem;}
	
	.mbox-t h3 {
	font-size:1.5rem;
	text-align: center;
	font-weight: 500;
}
.market {
	padding-top:3rem;
	padding-bottom: 3rem;
	
	background:url(../images/bg3.jpg) top center repeat-y;
}
	.mbox .am-slider-b4 {margin: 0 1.5rem !important; }
.mb30 {margin-bottom: 0;}	
.mbox{ }
.mbox h2, .mbox-back h2 {
    font-size: 1.6rem;
    color: #FFFFFF;
}

.mbox2 {margin-top: 0;}	
.mbox2 li{  margin-left: -2em; font-size:1.4rem; padding-bottom:15px; }
.mbox2 img {height:auto;}

.mk-box {padding: 10px;}	
.mk-box h3 {font-size: 1.5rem;}	
	.mbox-back2 h2{font-size:1.6rem}
}



.am-checkbox-inline input[type="checkbox"]{margin-top: 7px;}
.am-with-topbar-fixed-top {padding-top: 0;}



/*瑙嗛婊氬姩鎾斁*/

.recommend .title h1 {
    color: #333;
}
.recommend .title {
    background: url(../images/tit_bg2.png) bottom center no-repeat;
}
.recommend .am-slider { margin-top:5rem;}
.recommend ul li p { width:100%; position:absolute; bottom:2rem; background:url(../images/img1_tit_bg.png) center center no-repeat; color:#FFF; text-align:center; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recommend .pc-banner p { margin-top:-3.5rem;}
@media only screen and (min-width: 769px) {

.recommend ul li p { font-size:1.8rem;}
.recommend .pc-banner { margin-top:3rem;}
.recommend .pc-banner iframe { width:626px; height:391px; overflow:hidden;}
.recommend .pc-banner p { margin-top:0rem; font-size:1.5rem;margin-bottom: 8px;}
.recommend .pc-banner video { width:626px;}

.video_tit { margin-top:3rem;}
.video_tit .video_tit_01 { width:13%; border-top:4px solid #183A7A; float:left; margin-left:0.6rem; margin-right:0.6rem; color:#5577AA; text-align:center; line-height:2.8rem; }
.video_tit .video_active { border-top:4px solid #3E82FF; color:#FFF;}
}
@media only screen and (max-width: 768px) {
	.recommend {padding-top: 4rem;
    padding-bottom: 0rem;
	}
.recommend .am-slider { margin-top:2rem;}
.recommend .pc-banner iframe { width:100%; height:432px;}
.recommend .pc-banner p { margin-top:0rem;}
.recommend .pc-banner video { width:100%; height:432px;background: #000000;}
}
@media only screen and (max-width: 640px) {
.recommend .pc-banner iframe { width:100%; height:360px;}
.recommend .pc-banner video { width:100%; height:360px;}
}
@media only screen and (max-width: 414px) {
.recommend .pc-banner iframe { width:100%; height:212px;}
.recommend .pc-banner video { width:100%; height:212px;}
}
@media only screen and (max-width: 375px) { 
.recommend .pc-banner iframe { width:100%; height:190px;}
.recommend .pc-banner video { width:100%; height:190px;}
}
@media only screen and (max-width: 320px) {
.recommend .pc-banner iframe { width:100%; height:160px;}
.recommend .pc-banner video { width:100%; height:160px;}
}




/***********鍏紑璇�*************/
.openc{background: url("../images/bg2.jpg") center center repeat-y;}
.sp p {font-size: 1.8rem;margin-top: -8px !important;margin-bottom: 0;}
.openc-desc{background: #fff; padding: 10px; border-radius: 0 0 10px 10px;}
.openc-desc li{ list-style: disc;color:#3b65ff ; line-height: 2; }
.openc-desc li span{color:#515050}
.openc-desc > h2 > i{ margin-right: 10px;color: #3b63ff; }
.openc .sp video{}



@media only screen and (min-width: 769px) {  /*pc绔�*/
  .sp p { line-height: 2;}
	.openc-desc ul{ margin-top: 5px;}
  .openc-desc{padding: 20px;margin-top: -6px;}
	.openc-desc li{font-size:1.5rem}
}

@media only screen and (max-width: 768px) { /*鎵嬫満*/
 .openc{background-size: 100%;}
 .openc-desc{ margin-bottom: 20px;}
	.openc-desc ul{ padding-left: 1em; margin-top: 0;margin-bottom: 0}
 .sp p { font-size: 1.5rem; padding-top: 8px; padding-bottom: 8px}
}


.openc .mbox-back2{background: #ffffff;border: none}

@media only screen and (min-width: 1285px) {  /*pc绔�*/
.openc .mbox-back2{height: 350px;}
}
@media (min-width: 769px) and (max-width: 1284px) {  /*pc绔�*/
.openc .mbox-back2{height: 305px; }
.openc .mbox-back2 li{ line-height: 2.2}
}