/* 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:#fff;}
/*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:#010b2e; 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: #1b1b1b;
}
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;
}
.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;
}
.p15 { padding:15px 0;}
.mt1 { margin-top:1%;}
.mt2 { margin-top:2%;}
.mt3 { margin-top:3rem;}
.mb30 { margin-bottom:30px;}
.mb20 { margin-bottom:20px;}
.mb2 { margin-bottom:2%;}
.color-w { color:#fff;}
.bg-gray { background:#EFEFEF;}
/************banner*******************/
.banner {
	text-align: center;
	margin-bottom: 5rem;
	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;
	z-index: 999;
}
@media only screen and (max-width: 768px) {
.banner{
	background-size: 100% 100%;
    height: auto;
    overflow: hidden;
	margin-bottom: 2rem;
}
	
}

/********lead***********/
.lead {margin-bottom: 2%;}
.leadbox{ background:#FFF url(../images/lead-bg.jpg) no-repeat; height: 205px; padding:1% 3%; margin-bottom: 4%;}
.leadbox h3 { font-size:2.4rem; font-weight: bold; position: relative; color: #028588; margin: 0; }
.leadbox h3:before{
	content: attr(text);
	position: absolute;
	z-index: 10;
	color:#014c4e;
	-webkit-mask:linear-gradient(to left, red, transparent );
}
.leadbox p{ line-height:180%; font-size:1.6rem; }
.leadbox a {color: #333;}
.leadbox a:hover {color: #028588;}
.lead-div h3 { text-align: center;}
.lead-div p {font-weight: bold; font-size: 1.6rem; line-height: 200%;}


@media only screen and (min-width: 768px) { /*PC端*/
	.leadbox {height:193px;}

}
@media only screen and (max-width: 769px) { /*手机端*/
.lead {margin-top: 6%; margin-bottom: 8%;}
.lead .am-container > .am-g {
    margin-left: 0;
    margin-right: 0;
}
.leadbox{ background:#FFF; height:auto; border-radius:0.8rem; border: solid 1px #028588; box-shadow: 4px 4px 6px #DDD; padding: 3% 5%;  margin-bottom: 10%;}
.leadbox h3{ font-size:2.0rem;line-height:3rem;margin: 0; padding-top:0.5rem; }
.leadbox p{     
    font-size: 1.5rem; 
	line-height:180%;
	margin-top: 1%;
  }
.lead-div p {font-weight: bold; font-size: 1.5rem;}	
}


/*认识Mendix*/
.know {margin-bottom: 3%;}
.video h2,.book h2{ font-size: 2.8rem; font-weight: normal;}


.book-txt {width: 195px; float: left;}
.book-txt p {margin: 0; margin-top: 10px;}
.book-txt a {background: #028588; border-radius: 30px; width: 200px;padding:4% 2%; display: block; color: #fff; text-align: center; font-size: 1.8rem;}
.book-txt a:hover {background: #026466;}
.mr10 {margin-right: 20px;}

/*新的样式*/
.book-txt-new {width: 48%; height: 340px; background: #0c68e4;padding: 3%;border-radius: 6px; text-align: center;}
.book-txt-new img {
	margin-bottom: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);

/*考虑浏览器兼容性*/

-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);

-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}
.book-txt-new h3 {margin: 0;padding: 0; color: #FFFFFF;  font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.book-txt-new a {background: #ffffff; border-radius: 30px; width: 200px; margin: 0 auto;padding:2% 2%; display: block; color: #333333; text-align: center; font-size: 1.8rem;}
.book-txt-new a:hover{background: #f9f9f9; font-weight: 600;}

.book-info {width: 32%; border: solid 3px #028588; padding: 1% 3%;border-radius: 6px;}
.book-info img {float: left; margin-right: 20px;}
.book-info .book-r{float: left;margin-top: 10px;}
.book-info .book-r h4 {font-size: 16px;}
.book-info .book-r h4 img {padding-top: 5px;}
.book-info .book-r a {background: #028588; border-radius: 30px; width: 180px; margin: 0 auto;padding:2% 1%; display: block; color: #FFFFFF; text-align: center; font-size: 1.7rem;}
.book-info .book-r a:hover{background: #026466;}

@media only screen and (max-width: 768px) { /*手机端*/
	.book [class*="am-u-"] + [class*="am-u-"]:last-child {float: left;}
	.book-txt-new {width: 100%; height: auto; float: left; padding: 5% 0; margin-bottom: 4%;} 
	.book-txt-new h3 {font-size: 1.7rem;}
	.book .mr10 {margin-right: 0;}
	
	.book-1 [class*="am-u-"] + [class*="am-u-"]:last-child {float: left;}
	.book-1 .book-info {width: 96%; margin-left: 2%; margin-bottom: 3%; padding: 5% 1%;}
	.book-1 .mr10 {margin-right: 0;}
	
	.book-txt-new a {font-size: 1.7rem;}
	.book-info .book-r a{width: 160px;font-size: 15px;}
}

@media only screen and (max-width: 320px) { /*手机端*/
	.book-txt-new h3 {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	.book-txt-new a {font-size: 1.6rem;}
	.book-info .book-r a{width: 140px;font-size: 14px;}
}

@media only screen and (min-width: 641px){
	.know [class*="am-u-"] { padding-left: 0; padding-right: 0;}
   
}

@media only screen and (min-width: 769px) { /*PC端*/
	.video iframe {border-radius: 10px; width: 550px; height:340px; background: #028588; }
	.video {width: 48%;}
	.book {width: 52%;}
}
@media only screen and (max-width: 768px) { /*手机端*/
	.know {margin-bottom: 10%;}
	.video iframe {border-radius: 10px; width: 100%; height:250px;  }
}

@media only screen and (max-width: 350px) { /*手机端*/
	.video iframe {border-radius: 10px; width: 100%; height:200px;  }
	.video h2,.book h2{ font-size: 2.4rem; font-weight: normal;}
}

.n-title1 { font-size:4.0rem; color:#333; font-weight:800; padding-top: 4%; margin-bottom:3.5rem; line-height:4rem;}
.n-title1 img { margin-top:1rem;}

@media only screen and (max-width: 768px) {/*手机端*/
	.n-title1 { font-size:3.0rem; }
}
@media only screen and (max-width: 350px) { /*手机端*/
	.n-title1 { font-size:2.4rem;line-height: 3.0rem; }
}

/*********市场规模概况********/
.lowcode { background:#e4e4e4 url(../images/bg1.jpg) center bottom no-repeat; padding-bottom: 4%;}
.lowcode a {color: #333;}
.lowcode a:hover {color: #028588;}
.low-txt {background: #fff; border-radius: 8px; border: solid 1px #028588; padding: 2%; font-size: 1.6rem; color: #00155b; font-weight: bold; margin-bottom: 3%;}
.low-info {box-shadow:1px 1px 6px #DDD; background:#FFF;padding:5%; padding-bottom:1.5rem; width: 98%; height: 350px; }

.low-info-div {margin-bottom: 4%;}
.low-info-div h3 {font-size: 2.4rem; color: #028588; font-weight: bold;}
.low-info h4 { font-size:1.9rem; font-weight:700; color:#222; margin: 0; margin-top: 15px;}
.low-info h5 { font-size:1.5rem; font-weight:700; color:#222; margin: 0; margin-top: 5px;}
.low-info p { margin-top:1rem; margin-bottom:1rem; line-height:180%; font-size: 1.4rem; }
.low-info-div .am-slider .am-slides img {width: 45%;}

.low-info-1 {background: #fff; border: solid 1px #DDD; padding: 2%; }
.low-info-1 img {margin-right:3%;}
.low-info-1 h4 {font-size: 1.9rem; font-weight: bold;margin-bottom: 10px; margin-top: 0;}
.low-info-1 p {margin: 0; font-size: 1.4rem; line-height: 180%;}

@media only screen and (min-width: 769px) {/*PC端*/
	.low-info-1 {background: #fff; border: solid 1px #DDD; width: 49%;margin-right: 1%;margin-bottom: 1%; height: 200px;}
}
@media only screen and (max-width: 768px) {/*手机端*/
	.lowcode {padding-bottom: 8%;}
	.low-txt {padding: 3%; margin-bottom: 8%; font-size: 1.5rem;}
	.low-info-div h3 { font-size:2.0rem;}
	.low-info-1 {margin-bottom: 2%; padding: 3%;}
	.low-info-1 h4 {font-size: 1.6rem; margin-bottom: 0;}
}


/*工具*/
.gongju a {color: #333;}
.gongju a:hover {color: #028588;}
.gj-info {border-bottom: solid 1px #EEE; padding-bottom: 4%;margin-bottom: 4%;}
.gj-info h3 {font-size: 2.8rem; margin: 0;font-weight:bold;}
.gj-info h4 {font-size: 2.3rem; margin: 0; margin-top: 2%; font-weight: normal; line-height: 160%;}
.gj-info p {font-size: 1.6rem;}

@media only screen and (max-width: 768px) {/*手机端*/
	.gongju {padding-bottom: 8%;}
	.gj-info h3 {font-size: 2.3rem; margin: 0;font-weight:bold;}
	.gj-info h4 {font-size: 1.8rem; margin: 0; margin-top: 2%; font-weight: normal; line-height: 160%;}
	.gj-info img {margin-bottom: 10px;}
	.gj-info p {font-size: 1.4rem; margin-top: 10px;}
}


/*竞争力*/
.jingzhengl {background: #00155b; padding-bottom: 4%;}

.n-table {height: 630px; overflow-y:auto;}
.n-table table{background: #00155b; color: #fff; border: solid 1px #028797;}
.n-table table th {background: #028797; font-size: 1.8rem;}
.n-table table tr .am-text-middle {font-size: 1.6rem; font-weight: bold; color: #02a3a6;}
.n-table table tr td {font-size: 1.4rem; color: #EEE;}
.am-table-striped > tbody > tr:nth-child(odd) > td, .am-table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #00155b;
	
}

.am-table-radius > tbody > tr > th:first-child, .am-table-radius > tbody > tr > td:first-child {
    border-left:solid 1px #028797;
}

.am-table-bordered > thead > tr > th, .am-table-bordered > tbody > tr > th, .am-table-bordered > tfoot > tr > th, .am-table-bordered > thead > tr > td, .am-table-bordered > tbody > tr > td, .am-table-bordered > tfoot > tr > td {
    border-left: 1px solid #028797;
}

.am-table > thead > tr > th, .am-table > tbody > tr > th, .am-table > tfoot > tr > th, .am-table > thead > tr > td, .am-table > tbody > tr > td, .am-table > tfoot > tr > td {
    padding: 0.7rem;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #028797;
}
@media only screen and (max-width: 768px) {/*手机端*/
	.n-table {height: 430px; overflow-y:auto;}
	.jingzhengl{padding-bottom: 10%;}
	.n-table table th {background: #028797; font-size: 1.4rem;}
	.n-table table tr .am-text-middle {font-size: 1.4rem; font-weight: bold; color: #02a3a6;}
	.n-table table tr td {font-size: 1.2rem; color: #EEE;}
}
@media only screen and (max-width: 320px) {/*手机端*/
	.jingzhengl .n-table table thead th {background: #028797; font-size: 1.4rem; width:58px !important;}
}

/*腾讯云低代码*/
.tenxun { background:#dbdbdb url(../images/bg2.jpg) center bottom no-repeat; padding-bottom: 4%; }
.am-tabs-default .am-tabs-nav {
    line-height: 40px;
    background-color: #00155b;
    font-size: 1.8rem;
	font-weight: bold;
}
.am-tabs-default .am-tabs-nav a {
    color: #fff;
    line-height: 40px;
}
.tenxun .am-tabs {margin-bottom: 5%;}
.tenxun .am-tabs .am-tabs-bd {
	position: relative;
    overflow: hidden;
    border-top: none;
    z-index: 100;
    -webkit-transition: height .3s;
    transition: height .3s;
	background: #fff!important;
}
.tenxun .case-txt {
		padding: 20px;
		background-image: linear-gradient(90deg, #031f49, #0063fe);
		border-radius: 8px;
		font-size: 0;
		height:auto;
		overflow: hidden;
		margin-bottom: 30px;
}

.tenxun .case-txt p {
		font-size: 16px;
		color: #fff;
		line-height: 180%;
		display: inline-block;
		vertical-align: middle;
}

.case-tab img {width: 5%;}
.case-div {padding: 1%;}
.am-tabs-default .am-tabs-nav > .am-active a {
    background-color: #028d8f;
    color: #fff;
}
.tx-info p {padding-top: 20px;}

.tx-gn,.tx-cp {    
	border: solid 1px #DDD;
    padding: 2%;
    
    
}
.tx-gn h3,.tx-cp h3 {font-size: 1.7rem; color: #317DE3;}
.tx-gn p,.tx-cp p {font-size: 1.4rem; color: #333;}

.tx-cj h3 {font-size: 1.7rem; text-align: center;}
.am-slider-default {
    margin: 0 0 20px;
    background-color: #fff;
    border-radius: 2px;
     -webkit-box-shadow:none; 
     box-shadow: none; 
}

@media only screen and (min-width: 769px) {/*PC端*/
	.tx-gn{width: 32%;margin: 7px;}
	.tx-cp {width: 49%;}
}
@media only screen and (max-width: 768px) {/*手机端*/
	.tenxun {padding-bottom: 10%;}
	.tx-gn,.tx-cp {margin-bottom: 3%;}
	.am-tabs-default .am-tabs-nav {font-size: 1.5rem;}
	.tx-cj h3 {font-size: 1.5rem;}
}



/*四大理由*/

.reason-info {margin-bottom: 8%;}
.reason-info h3{ font-size: 2.0rem; font-weight: bold;text-align: center; margin: 0; margin-top: 7%;}

@media only screen and (max-width: 768px) {/*手机端*/
	.reason {padding-top: 6%;}
	.reason-info img {width: 35%;}
}

/*案例*/
.case {background: #06536a; padding-bottom: 5%;}
.case-info img {position: absolute; margin-left: 25%; }
.case-text {background: #028d8f; border: solid 1px #fff; padding: 4%; padding-top: 15%; border-radius: 10px; color: #fff; margin-top: 15%;}
.case-text h3 {font-size: 2.0rem; margin: 0;}
.case-text h4 {font-size: 1.8rem; margin-top: 10px;}

@media only screen and (min-width: 769px) {/*PC端*/
	.case-text {height: 440px;}
}

@media only screen and (max-width: 768px) {/*手机端*/
	.c-b {margin-bottom: 6%;}
	.case-text h3 {font-size: 1.8rem; margin: 0;}
	.case-text h4 {font-size: 1.6rem; margin-top: 10px;}
	.case-text p {font-size: 1.4rem;}
}
@media only screen and (max-width: 350px) { /*手机端*/
	.case-info img {position: absolute; margin-left: 20%; width: 50%;  }
	.case-text {padding-top: 20%; }
	
}

/*关于*/
.Mendix {padding-top: 3%; padding-bottom: 5%;}

.about h2,.share h2{ font-size: 2.8rem; font-weight: normal;}
.about a {color: #333;}
.about a:hover{color: #028d8f;}
.about p {font-size: 1.5rem;}
.wx {width: 30%; float: left;}
.wx p { margin: 0; text-align: center;font-size: 1.5rem;}

@media only screen and (max-width: 768px) {/*手机端*/
	.Mendix {padding-top: 8%; padding-bottom: 8%;}
	.about {margin-bottom: 6%;}
	.about h2,.share h2{ font-size: 2.2rem; font-weight: normal; text-align: center;}
	.wx {width: 29%; float: left;}
	.wx img {width: 100%;}
	.wx p {font-size: 1.4rem;}
}

@media only screen and (max-width: 350px) { /*手机端*/
	.wx {width: 32%; float: left;}
	.share .mr10 {margin-right: 5px;}
}

/********** 右侧悬浮 **********/
@media only screen and (min-width: 769px) {/*PC端*/
.keifu{position:fixed;bottom:2%;right:4%;width:149px; _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;}
.icon_keifu{width:149px;height:180px;float:right;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:149px;}
}

@media only screen and (max-width: 768px) {/*手机*/
.keifu{position:fixed;bottom:0;right:0;width:149px; _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;}
.icon_keifu{width:149px;float:right;position:relative;display:none;cursor:pointer;}
.keifu_box{float:right;width:149px;}
.keifu_con img{ width:60%; float:right;}
}

/********调查页面**********/
.n-jp { width: 100%; padding: 15px; border: dashed 1px #3DABB3; margin-bottom: 30px; margin-top:2rem;}
.n-jp p { margin-top:0; font-size:1.6rem;}
.n-jp .n-jpimg li { width: 100%; text-align: center; margin: 0; padding: 0; }
.tit2 h1{ font-size:3.4rem; padding-top: 1%; }
.n-jpimg img {margin-bottom: 10px;}

.rgst-b rd{ height:70px; padding:2%; border:solid 1px #EEE; }
.rd input{ width:100%; line-height:30px;}
.choose_div { height: auto; border: solid 1px #d3d2d2;line-height: 180%; padding:1%; margin-bottom:3rem;font-size: 1.4rem; color:#666;}
.choose_div h3{ margin-bottom:0; margin-top:10px;}
.choose_div ul{padding-left:1em; margin: 0;}
.choose_div li{ list-style:square;}
.s_tit{ background:#EBF0F5; margin-bottom:1%; text-align:center; margin-top:1rem;}
.s_tit h3{ color:#687881; font-size:1.8rem; line-height:3.2rem;}
.red { color:#F00;}

.survey .am-btn-primary {
    color: #fff;
    background-color: #028d8f;
    border-color: #028d8f;
}
.survey .am-btn-primary:hover {
    color: #fff;
    background-color: #06536a;
    border-color: #06536a;
}
.r_list a {color: #029CAF; text-decoration: underline;}


@media only screen and (min-width: 769px) { /*PC端*/
.w-980{ max-width:980px; margin-left:auto; margin-right:auto;}
.register { margin-top:3rem; font-size:1.6rem; margin-bottom:3rem;}
.rgst-b{ width:100%; display:flex; justify-content:space-between; margin-bottom:2rem; font-size:1.6rem;}
.rd:nth-child(1){ width:8%; }
.rd:nth-child(2){ width:40%; }
.rd:nth-child(3){ width:8%; }
.rd:nth-child(4){ width:40%; }
.dy { width:100%; margin-bottom:1rem;}
.w_paper { line-height:2.8rem;}
}

@media only screen and (max-width: 769px) {/*手机*/
	.survey {padding: 5%;}
	.tit2 h1{ font-size:3.0rem; padding-top: 5%;margin: 0; }
.n-jp .n-jpimg { height: auto; overflow: hidden;}
.n-jp .n-jpimg ul {margin: 0; padding: 0;}
.n-jp .n-jpimg li p {line-height: 160%;margin: 0; padding: 0; font-size:1.4rem;}
.n-jp .n-jpimg li p strong {color: #FF0004;}
.n-jp { width: 100%; line-height: 160%; padding: 5px; font-size: 1.4rem; border: dashed 1px #3DABB3; margin-bottom: 30px;}	
.n-jp p {font-size: 1.6rem; line-height: 180%;}

.n-jp img { width: 100%;}
.n-wx img { width: 60%; margin-top: 0px; margin: 20px auto 0 auto; }
	
.s_tit h3{ color:#333; font-size:1.6rem;}
.choose_div { height: auto; border: solid 1px #d3d2d2; padding:1.5rem; margin-bottom:3rem;font-size: 1.4rem; color:#666;}
.dy { margin-top:1rem;}
}