@charset "utf-8";
/* CSS Document */
html{
	-webkit-text-size-adjust:none;word-wrap: break-word; 
	font-size: 62.5%;
}
body,dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,textarea,th,td,img,button{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal; 
}
table{
	border-collapse:collapse;
}
img{
	border:none;
}
li{
	list-style:none
}
.fontW{color:#ffffff;}
a{
	text-decoration:none;
	color: #000;
	-webkit-tap-highlight-color:rgba(0,0,0,0);  
}
a:hover{
	text-decoration: none;
}
textarea{
	resize:none;
	overflow:auto;
}
input,textarea,select,lable{
	outline:none;
}
body,input,textarea,select{
	font: normal 100% "Regular", "微软雅黑","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"宋体";
}
body{
	background: #fff;
}

* {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}

.clear{
	zoom:1;
	*zoom:1;
}
.clear:after{
	content:"";
	display:block;
	clear:both;
}
/*公共样式*/
.header{
	min-width: 1000px;
	border-bottom: 8px solid #bdc3cd;
	width:100%;
	position: fixed;
	top:0;
	background: #fff;
	z-index: 9999;
}
.header .logo{
	margin:15px 10px 5px 30px;
	float: left;
}
.header .headMessage{
	float: right;
}
.header .headMessage li{
	display: inline-block;
	float: left;
	color: #595656;
	margin-top: 20px;
	height:60px;
	line-height: 60px;
}
.header .headMessage .weather{
	padding-left: 48px;
	font-size:16px;
	font-size: 1.6rem;
	margin-right: 80px;
	/*background: url("/templet/ext/skin/web.jnmc.com/default/images/weather.png") no-repeat 0 center;*/
}
/*jiubanrukou*/
.header .headMessage .jiuban{
margin-right:40px;
}
.header .headMessage .jiuban a{
font-size:16px;
color:#207a2a;
}
/*jiubanjieshu*/
.header .headMessage .email{
	padding-left: 30px;
	margin-right: 70px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/email.png") no-repeat 0 center;
}
.header .headMessage .email a{
	font-size:16px;
	font-size: 1.6rem;
	color: #595656;
}
.header .headMessage .search{
	background: #207a2a;
	margin-right: 65px;
	cursor: pointer;
	position: relative;
	width:50px;
	color: #fff;
	line-height: 50px;
	height:50px;
	text-align: center;
	font-size:16px;
	font-size: 1.6rem;
}
.header .headMessage .search span{
	display: inline-block;
	float: right;
	height:50px;
	width:50px;
}
.header .headMessage .search a{
	display: inline-block;
	width:50px;
	height:50px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/search.png") no-repeat 0 center;


	margin-left: -60px;
}
.header .headMessage .search .write-search{
	position: absolute;
	top:76px;
	width:698px;
	height:80px;
	background: #f0f0f0;
	opacity: 0.8;
	right:-65px;
	display: none;
}
.write-search input{
	border:none;
	border-bottom: 1px solid #ddd;
	background: #f0f0f0;
	font-size:18px;
	font-size: 1.8rem;
	width:410px;
	height:60px;
	line-height: 60px;
	margin:5px 0 0 130px;
	padding-left: 15px;
	float: left;
}
.header .headMessage .search .write-search a{
	display: inline-block;
	width:60px;
	height:60px;
	float: left;
	margin-left: -60px;
	background:  url(/templet/ext/skin/web.jnmc.com/default/images/search.png) no-repeat right center;
}
.header .blue-bar{
	width:100%;
	height:4px;
	background: #0079c5;
	margin: 97px 0 4px 0;
}
/*内容*/
.rf{ overflow:hidden; display:block; float:right; }
.news_more{ padding-top: 1%; font-size:14px; font-size: 1.4rem; color: #207a2a; line-height: 28px; clear: both; }
.container{
	margin-top: 113px;
	width:100%;
	min-width: 1000px;
	*position:relative;
	*top:100px;
}
.container .nav{
	float: left;
	position: fixed;
	top:113px;
	/*height:760px;*/ height: 1000px;
	width: 11.4%;
	/*width:180px\9;*/
	z-index: 2; background:#fff;
	/*max-width:220px;*/
}


/**- nav -**/
.nav ul{ float: left; }
.nav{ float: left; position: fixed; top:113px; height:760px; width: 11.4%; width:180px\9; z-index: 1; background:#fff; }
.nav ul.third-nav{ float: none; }

.first-nav > li > a,.second-nav > li > a,.third-nav > li > a,.fouth-nav > li > span{ overflow: hidden; display: block; cursor: pointer; }

.first-nav{ width: 100%; text-align: center; letter-spacing: 2px; font-size:16px; font-size: 1.6rem; }
.first-nav > li{ height:49px; line-height:49px; border-top: 1px solid #f0f0f0; }
.first-nav > li > a{ color: #000; }
.first-nav > li:hover > a,.first-nav > li.select > a{ background: url("/templet/ext/skin/web.jnmc.com/default/images/select.png") no-repeat center top; background-size:cover; color: #fff; }

.second-nav{ position: absolute; left: 100%; top:0;width:100%; width:88%\9; height:760px; display: none; background: url("/templet/ext/skin/web.jnmc.com/default/images/second.png") no-repeat center; background-size:cover; }
.second-nav > li{ text-align: center; letter-spacing: 1px; font-size:16px; font-size: 1.6rem; line-height: 36px; }
.second-nav > li > a{ color: #535353; }
.second-nav > li:hover > a,.second-nav > li.focus > a{ color: #fff; background: url("/templet/ext/skin/web.jnmc.com/default/images/second-select.png") no-repeat center top;background-size:cover;width:100%; }

.third-nav{ overflow: hidden; display: none; }
.third-nav > li{ height:34px; }
.third-nav > li > a{ font-size: 14px; color: #535353; }
.third-nav > li > a:hover{ color: #2ba039; }

.fouth-nav { position:absolute; top:0; left:100%; width:200px; background:#f6f6f6; float:left; display:none; }
.fouth-nav > li { border-right:1px solid #dcdcdc; }
.third-nav > li .fouth-nav > li > h5 > span{ display: inline-block; width: 12px; height:12px; background: url(/templet/ext/skin/web.jnmc.com/default/images/right-select2.png) no-repeat center; /*background-size: 80%;*/ margin-left: 10px; }
.fouth-nav > li > h5 a,.fouth-nav > li > h5 span{ display: inline-block; line-height: 40px; }

.fouth-nav > li:hover .right-pro { display:block; }
.fouth-nav > li .right-pro { float: left; height:100%; padding:15px 0; position: absolute; top:0; left: 100%; display:none; background:#f6f6f6; }
.fouth-nav > li > .right-pro > li { float: left; }
.fouth-nav > li > .right-pro > li > h6 { margin-left: 40px; text-align: left; }
.fouth-nav > li > .right-pro > li > h6 > b { font-weight: normal; cursor: pointer; font-size:14px; font-size: 1.4rem; margin-right: 30px; line-height: 40px; }


.first-nav > li.select .second-nav,
.first-nav > li:hover .second-nav,
.first-nav > li .second-nav > li:hover .third-nav,
.third-nav > li:hover .fouth-nav { display: block; }
/**- end nav -**/


.container .nav .audio{ width:100%; clear:both; display:inline-block; float:left; }
.container .nav .audio img{
	width:100%;
	margin-top: 50px;
	margin-top: 10px\9;
		display:block;
}
.container .nav p{
	width: 100%;
    clear: both;
    display: inline-block;
	text-align: center;
	padding: 30px 0 20px 0;
	padding-top:20px\9;
	border-bottom: 1px solid #eee;
}
.container .nav p a{
	display: inline-block;
	width:27px;
	height:26px;
}
.container .nav p .wechat{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/wx.png") no-repeat center;
	margin-right: 24px;
	margin-right: 13px\9;
}
.container .nav p .webo{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/wb.png") no-repeat center;
	margin-right: 24px;
	margin-right: 13px\9;
}
.container .nav p .weqq{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/qq.png") no-repeat center;
}
.container .content{
	overflow: hidden; display: block; margin-left: 22.8%;/* margin-left: 335px\9; */
	min-width: 590px;
	min-height:760px;
}
.container .content .article{
	padding: 0 7%;
	margin:0 auto;
	 overflow: hidden; display: block;
}

.container .content.con92{ width:100% !important;float: inherit; margin: 0 auto; padding-top:1px; }

.container .content .article .title{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/home-bar.png") no-repeat right bottom;
	background-size:100%;
	height:135px;
	text-align:center;
}
.container .content .article .title h2{
	color: #207a2a;
	font-size:24px;
	font-size: 2.4rem;
	line-height: 36px;
	margin-top: 30px;
}
.container .content .article .title h4{
	color: #7d7d7d;
	font-size:12px;
	font-size: 1.2rem;
	margin-bottom: 30px;
}
.container .content .article .title h5{
	text-align: left;
	padding-left: 20px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/home.png") no-repeat left -2px;
	font-size:14px;
	font-size: 1.4rem;
}
.container .content .article .title h5 span{
	display: inline-block;
	margin:0 10px;
	width:10px;
	height:10px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/contain.png") no-repeat center;
}
.container .content .article .title h5 a{
	font-size:14px;
	font-size: 1.4rem;
}
.container .content .article .title h5 .current{
	color: #207a2a;
}
.container .audio-cover{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height:100%;
	margin-top: 100px;
	line-height: 340px;
	text-align:center;
	font-size:14px;
	font-size: 1.4rem;
	background:rgba(122,122,122,0.5);
	overflow:hidden;
	display: none;
	z-index: 999;
}
.container .audio-cover .close{
	display: inline-block;
	width:60px;
	height:60px;
	background: #000;
	color: #fff;
	font-size:30px;
	font-size: 3rem;
	line-height: 60px;
	position: absolute;
	top:100px;
	right:200px;
	cursor: pointer;
}
/*底部*/
.footer{
	overflow: hidden; display: block;
	background: #000; padding: 20px 0;
	color: #fff;
	min-width: 1000px;
	position: relative;
	z-index: 2;
}
.footer img{
float:right;
padding-right:70px;
padding-left:30px;
position:relative;
z-index:2;
text-align:center;
}
.footer .foot-nav{
	/*float: right;
	width: 1200px;*/
	text-align: center;
}
.footer .foot-nav li{
	display:inline-block;
	/*float: left;*/
	font-size: 1rem;
	font-size: 12px;
	line-height: 34px;
	margin-right: 2px;
}

.footer .foot-nav li span{
	color: #207a2a;
}
.footer .foot-nav li a{
	color: #ffffff;
}
.footer .foot-nav li .phone{
	font-size: 2.4rem;
	font-size: 24px;
	line-height: 24px;
}
.footer li form{
	width:134px;
	overflow: hidden;
}
.footer li form select{
	color: #fff;
	padding:5px 28px 5px 0;
	width:154px\9;
	font-size: 1.2rem;
	font-size: 12px;
	border:none;
	text-align: center;
	appearance:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background:#2ba039 url("/templet/ext/skin/web.jnmc.com/default/images/web.png") no-repeat right top ;
	background:#2ba039 url("/templet/ext/skin/web.jnmc.com/default/images/web.png") no-repeat 110px top \9;
	padding-right: 0\9;
}
/*手机样式*/
.phone-head{
	display: none;
}
.phone-foot{
	display: none;
}
/*主页*/
.container .right-content{
	margin-left: 11.4%;
	/*margin-left: 180px\9;*/
	min-width: 779px;
	min-height: 760px;
	border-left: 1px solid #eee;
    box-shadow: inset 0 0 6px 1px #eee,
    inset 0 0 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 rgba(0, 0, 0, 0.1);
}
.container .right-content .banner{
	position: relative;
}
.container .right-content .banner .banner-slide ul{
	float: left;
	width:90.5%;
	position: relative;
	z-index: -1;
}
.container .right-content .banner .banner-slide ul li{
	position: absolute;
	width: 100%;
}
.banner-slide ul li img{
	display: none;
}
.container .right-content .banner .banner-slide img{
	width: 100%;
}
.container .right-content .banner .banner-slide .page-show{
	float: right;
	width:9.72%;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/change.jpg") no-repeat top left;
	background-size: 100%;
	position: relative;
}
.container .right-content .banner .banner-slide .page-show h2{
	text-align: center;
	position: absolute;
	top:50%; margin-top: -20px;
	width: 100%;
	font-size:28px;
	font-size: 2.8rem; line-height: 40px;
	color: #fff;
}
.container .right-content .banner .banner-slide .page-show span{ margin: 0 5%; }
.banner-slide{
	overflow: hidden;
}
.container .right-content .banner .explain{
	position: absolute;
	bottom: 30px;
	left:4%;
	display: none;
}
.explain h2{
	font-size:48px;
	font-size: 4.8rem;
	color: #fff;
}
.explain h1{
	font-size:60px;
	font-size: 6rem;
	color: #fff;
	font-weight:bold;
}
.explain .proud{
	color: #2ba039;
}
.explain p{
	width:240px;
	height:5px;
	background: #2ba039;
}
.container .right-content .banner .banner-number ul{
	float: right;
	margin-right: 10%;
	padding-top:3%; position:relative; z-index:5;
}
.banner-number ul li{
	display: inline-block;
	margin-right: 15px;
}
.banner-number ul li a{
	display: inline-block;
	width:20px;
	height:20px;
	background: #222427;
}
.banner-number ul .on-img a{
	background: #2ba039;
}
.page-show h3{
	position: absolute;
	z-index: 2;
	margin:0 10%;
	width:80%;
}
.page-show h3 a{
	display: block;
	width:100%;
	height:80px;
}
.page-show .left-click{
	top: 10%;
}
.page-show .right-click{
	bottom: 10%;
}
.container .right-content .banner .banner-number img{
	float: right;
	transition:0.5s;
	width:20%;
}
.right-content .news{
	margin-left: 4%;
	margin-right: 2%;
	width: 94%;
}
.right-content .news h2{
	padding: 1% 0;
	font-size:22px;
	font-size:30px\9;
	font-size: 2.2rem;
	line-height: 34px;
	font-weight: bold;
	border-bottom:4px solid #0079c5;
	margin-right: 2%;
}


.right-content .news h2 a.news_timo{ padding-top: 1%; font-size: 12px; font-size:14px\9; font-size:1.2rem; color:#434343; float:right;}
.right-content .news h2 a.news_tibt{ font-size:22px;
	font-size:30px\9;
	font-size: 2.2rem;
	line-height: 34px;
	font-weight: bold;}

.right-content .news .news-more{
	border-top:10px solid #bdc3cd;
	margin-top: 2px;
	margin-right: 2%;
}
.right-content .news .news-more .news-card{
	width:30%;
	float: left;
	background: #f9f9f9 url("/templet/ext/skin/web.jnmc.com/default/images/m-news.png") no-repeat right bottom;
	/*background-size: 101.5%;*/
	margin-right: 4%;
	/*margin-left: -1.6%;*/
	position: relative;
	border:1px solid #eee;
	margin-top: 1.5%;
	box-shadow: 0 0 15px #ddd;
}
.right-content .news .news-more .news-card img{
	width:100%;
}
.news-more .news-card h3{
	font-size:18px;
	font-size: 1.8rem;
	width: 86%;
	margin: 0 auto;
	max-height: 35px;
	overflow: hidden;
}
.news-more .news-card h4{
	width:40px;
	height:2px;
	background: #207a2a;
	margin: 4% auto; margin-left: 7%;
}
.news-more .news-card h5{
	width: 86%;
	margin: 0 auto; margin-bottom: 28%;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 18px;
	overflow: hidden;
}
.news-more .news-card h5 a{
	color: #959595;
}
.news-more .news-card h6{
	width: 80%;
	margin: 0 7% 4% 7%;
	/*position: absolute;*/
	/*bottom: 2%;*/
}
.news-more .news-card h6 a.news_md{
	display: inline-block;
	background: #2ba039;
	float: left;
	margin-right: 2px;
	font-size:14px;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	line-height: 24px;
	padding: 5px 10px;
}
.news-more .news-card h6 a.news_mo{
	display: inline-block;
	background: #2ba039 url(/templet/ext/skin/web.jnmc.com/default/images/right-coin.png) no-repeat center;
	float: left;
	color: #2ba039;
	line-height: 24px;
	padding: 5px;
}
.right-content .news .news-more .news-list{
	width:30.5%;
	float: right;
}
.news-more .news-list li{
	/*height:45px;*/
	margin:0 0 4% 0;
}
.news-more .news-list li .li-title{
	display: inline-block;
	float: left;
	width:100px;
	width:120px\9;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/news-common.jpg") right center no-repeat;
	background-size: auto 100%;
	color: #fff;
	height:65px;
}
.news-more .news-list .on-list-li span{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/news-select.png") right center no-repeat;
	background-size: auto 100%;
}
.news-more .news-list li .li-title span{
	font-size:12px;
	font-size: 1.2rem;
	padding-left: 10%;
}
.news-more .news-list li .li-title .top{
	font-size: 20px;
	font-size: 2rem;
	font-size: 24px\9;
	line-height: 22px;
	line-height: 26px\9;
}
.news-more .news-list li h3{
	width:58%;
	float:left;
	height:65px;
	font-size:14px;
	font-size:14px\9;
	font-size: 1.4rem;
	line-height: 65px;
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}
.news-more .news-list .on-list-li{
	border:1px solid #2ba039;
}
.news-more .news-list .on-list-li h3 a{
	color: #2ba039;
	width: 100%;
	overflow: hidden;
}
/*主页global*/
.global{
	margin-left: 4%;
}
.global .left-map{
	width:47%;
	margin-right:2%;
	float: left;
	border:1px solid #f0f0f0;
	/*border-bottom: 0;*/
}
.global .change-map{
	position: absolute; top: 0; left: 0;
}
.global .change-map .cover li{
	position: absolute;
	/*margin-left: 5%;*/ width: 93%;
	display: none;
}
.change-map li img{ display: block; position: relative; z-index:0;}
.change-map li:hover .map_city{ display: block; }
.change-map .map_city{ width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 14; background: url(/templet/ext/skin/web.jnmc.com/default/images/global_bai.png) repeat; }
.change-map .map_city a{ overflow: hidden; display: inline-block; padding: 0 15px; font-size: 14px; font-size: 1.4rem; color: #232323; line-height: 22px; }
.change-map .map_city a:hover{ color: #0079c5; }



.global .change-map .pro-bom li{
	top:0;
	width:100%; height: 100%;
}
.global .change-map .cover img{
	width:100%; height: 100%;
}
.global .change-map .change-bar,.global .change-map .change-barph{
	position: absolute;
	/*bottom:2px;*/
	bottom:0;
	left:0;/*newadded*/
}
.global .change-map .change-bar a,.global .change-map .change-barph a{
	display: inline-block;
	float: left;
	width:175px;
	font-size:16px;
	font-size: 1.6rem;
	height:50px;
	line-height: 52px;
	text-align: center;
	position: relative; cursor: pointer;
}
/**/


/**/
.change-map .change-bar .c-left,.change-map .change-barph .c-left{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-left.png) no-repeat right bottom;
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-left2.png) no-repeat right bottom\9;
	background-size: 100%;
	color: #fff;
	z-index: 2;
}
.change-map .change-bar .c-mid,.change-map .change-barph .c-mid{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-mid.png) no-repeat right bottom;
	background-size: 100%;
	/*margin-left: -45px;*/
	/*z-index: 1;*/
}
.change-map .change-bar .c-right,.change-map .change-barph .c-right{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-right.png) no-repeat right bottom;
	background-size: 100%;
	margin-left: -40px;
	z-index: 0;
}
.change-map .map-title{
	font-size:16px;
	font-size: 1.6rem;
	color: #0079c5;
	font-weight: 900;
	margin-left: 25px;
}
.change-map .map-title span{
	color: #000;
	font-weight: 500;
	margin-right: 0;
	cursor: pointer;
	display: inline-block;
}
.change-map .map-title .map-show{
	color: #207a2a;
}
.global{
	margin-top: 3%;
}
.global .left-map h6{
	margin:25px;
	height:40px;
}
.global .left-map h6 span{
	display: inline-block;
	background: #2ba039;
	float: left;
	height:40px;
	margin-right: 2px;
	font-size:14px;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	line-height: 40px;
	padding:0 10px;
}
.global .left-map h6 a{
	display: inline-block;
	background: #2ba039 url(/templet/ext/skin/web.jnmc.com/default/images/right-coin.png) no-repeat center;
	float: left;
	color: #2ba039;
	line-height: 24px;
	height:40px; width:40px;
}
.global .right-server{
	width: 47%;
	float: left;
	border:1px solid #f0f0f0;
}
/*gai*/
.global h2{font-size:22px;font-size:30px\9;font-size: 2.2rem;line-height: 34px;margin: 4% 0 4% 25px;font-weight: bold;display:none;}
.global h2:first-child{display:block;}

.four-part{
	margin-top: 50px;
	margin-left: 4%; margin-right: 4%;
}
.four-part a,.four-part div{ overflow: hidden; display: block; }
.four-part ul{ margin-left: -1%; }
.four-part ul li{
	display: block; float: left; overflow: hidden; margin-left: 1%;
	width:24%;
}
.four-part ul li a img,.four-part ul li div img{
	width: 100%; display: block;
}
.four-part ul li .part-top{
	position: relative;
	color: #fff;
}
.four-part ul li .part-top .bottom-top{ position: relative; }
.four-part ul li .part-top .bottom-top img{ width: 100%; display: block; }
.four-part ul li .part-top .bottom-top span{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none\9; opacity: 0; }
.four-part ul li:hover .part-top .bottom-top span{ display: block\9; opacity: 1; }


.four-part ul li .part-top h2{
	font-size:26px;
	font-size: 2.6rem;
	position: absolute;
	z-index: 2;
	margin-left: 30px;
}
.four-part ul li .part-top h3{
	position: absolute;
	z-index: 2;
	margin-left: 30px;
	font-size:12px;
	font-size: 1.2rem;
	width: 84%;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
}
.four-part ul li .part-img{
	position: relative;
}
.four-part ul li .part-img img{
	border-top: 4px solid #0079c5; position: relative; z-index: 20;
}
.four-part ul li .part-img h4{
	position: absolute;
	top:45px;
	left:30px;
	font-size:24px;
	font-size: 2.4rem;
	color: #fff;
	line-height: 35px; z-index: 20;
}
.four-part ul li .part-img h5{
	position: absolute;
	top:135px;
	left:30px; z-index: 20;
}
.four-part ul li .part-img h5 span{
	display: inline-block;
	width:30px;
	height:30px;
	background: #2ba039;
}

.four-part ul li .part-top .bottom-top span{
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}





/*管理团队*/
.page-content .main-person{
	border-bottom: 1px solid #ddd;
	margin:40px 0;
}
.page-content .main-person li{
	display: inline-block;
	float: left;
	margin: 0 auto;
	width:20%;
	margin-left: 10%;
}
.page-content .main-person li img{
	width:100%;
}
.page-content .main-person .left-gap{
	margin-left: 6%;
}
.page-content .main-person li h3{
	font-size:16px;
	font-size: 1.6rem;
	line-height: 40px;
}
.page-content .main-person li h4{
	font-size:14px;
	font-size: 1.4rem;
	color: #6f7987;
	line-height: 20px;
}
.page-content .main-person li p{
	
	font-size:14px;
	font-size: 1.4rem;
	line-height: 20px;
}
.page-content .main-person li .introduce{
color: #7d7d7d;
	margin: 20px 0 40px 0;
	padding-bottom: 2px;
	/*visibility: hidden;*/
	border-bottom: 1px solid #207A2A;
}
.main-person li .introduce .hover-border{
	padding-bottom: 18px;
	border-bottom: 2px solid #2ba039;
}
.page-content .person li{
	display: inline-block;
	float: left;
	width:15%;
	margin-right: 3%;
}
.page-content .person li img{
	width: 100%;
}
.page-content .person li h3{
	font-size:16px;
	font-size: 1.6rem;
	line-height: 30px;
	/*color: #535353;
	text-align: center;*/
}

.page-content .person li h4 {
    font-size: 14px;
    font-size: 1.4rem;
    color: #6f7987;
    line-height: 20px;
}


.page-content .person li .introduce{	
	margin: 20px 0 2px 0;	
	margin-bottom: 50%;
	color: #7d7d7d;
	/*padding-bottom: 2px;
	border-bottom: 1px solid #207A2A;
	visibility: hidden;
	*/
}

.page-content .person li .introduce  p {
    /*color: #7d7d7d;*/
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
}

.page-content .person li .introduce h4{
	font-size:14px;
	font-size: 1.4rem;
	color: #6f7987;
	padding-bottom: 15px;
	/*border-bottom: 2px solid #2ba039;*/
	text-align: center;
}

.person li .introduce .hover-border{
	padding-bottom: 18px;
	border-bottom: 1px solid #2ba039;
}


/*组织机构*/
.part img{
	width:100% !important;
}
/*矿产资源*/
.resource{
	margin-top: 40px;
}
.resource .r-title ul{ overflow: hidden; text-align: center; }
.resource .r-title ul li{
	display: inline-block;
	width:40%;
	height:60px;
	text-align: center;
	font-size:24px;
	font-size: 2.4rem;
	line-height: 60px; overflow: hidden !important; background: #eee; margin: 0 0.8%;
}
.resource .r-title ul li span,.resource .r-title ul li i{
	height:60px;
	vertical-align:middle;
	cursor: pointer; overflow: hidden; display: inline-block; margin: 0 2%; margin-top:-4px; 
}
.resource .r-title ul li i{ font-style: normal; }
.resource .r-title ul .in-mineral span{
	background:url("/templet/ext/skin/web.jnmc.com/default/images/part-left2.png") no-repeat 0 center ; width: 45px; height: 45px; background-size: 100% 100% !important;
}
.resource .r-title ul .out-mineral span{
	background:url("/templet/ext/skin/web.jnmc.com/default/images/part-right.png") no-repeat 0 center ; width: 45px; height: 45px; background-size: 100% 100% !important;
}
.resource .r-title ul li.active{
	color: #fff;
	background-color: #207A2A;
}
.resource .r-title ul li.in-mineral.active span{
	background:url("/templet/ext/skin/web.jnmc.com/default/images/part-left.png") no-repeat 0 center ; background-size: 100% 100% !important;
}
.resource .r-title ul li.out-mineral.active span{
	background:url("/templet/ext/skin/web.jnmc.com/default/images/part-right2.png") no-repeat 0 center ; background-size: 100% 100% !important;
}


.resource .r-content h4{
	font-size:14px;
	font-size: 1.4rem;
	text-indent: 2em;
	line-height: 22px;
	padding:2% 0;
	margin:2% 0 0;
}
.resource .r-content .m-title{
	width:25%;
	float: left;
	padding:6% 2%;
}
.resource .r-content .m-title h3{
	/*background: url("/templet/ext/skin/web.jnmc.com/default/images/new_xb.jpg") no-repeat 10% center;*/
	font-size:20px;
	text-align: center;
	font-size: 2.0rem;
	color: #207A2A;
}
.resource .r-content .m-title p{
	font-size:14px;
	font-size: 1.4rem;
	line-height: 20px;
	color: #535353;
	text-indent: 2em;
	max-height: 200px;
	overflow: hidden;
}
.resource .r-content .mineral{
	padding:3% 0;
}
.resource .r-content .slide-img{
	position: relative;
	float: right;
	width:70%;
	overflow: hidden;
	padding-left: 0.2%;
}
.resource .r-content .slide-img ul{
	position: absolute;
	width:300%;
	left:0.2%;
}
.resource .r-content .slide-img li{
	float: left;
	display: inline-block;
	width: 33.3%;
}
.resource .r-content .slide-img .show{
	visibility: visible;
}
.resource .r-content .slide-img li img{
	width:49%;
}
.resource .r-content .slide-img a{
	display: inline-block;
	width:22px;
	height:45px;
	position: absolute;
	top:50%; margin-top: -22px;
}
.resource .r-content .slide-img .click-left{
	left:10px;
}
.resource .r-content .slide-img .click-right{
	right:25px;
}
/*党建工作*/
.party{ padding:0 0 5% 0;}
.party h3{
	font-size:18px;
	font-size: 1.8rem;
}
.party h3 span{
	font-size:20px;
	font-size: 2rem;
	color: #207A2A;
	font-weight: 800;
	height:44px;
	display:inline-block;
	/*line-height: 80px;*/
}
.party p{
	margin:20px 0;
	line-height: 18px;
	font-size:14px;
	font-size: 1.4rem;
	color: #535353;
	text-indent: 2em;
}
.party .party-banner {
	position: relative;
}
.party .party-banner ul li{
	width:20%;
	display: inline-block;
	float: left;
	overflow: hidden;
	opacity: 0.6;
	height:435px;
}
.party .party-banner ul li img{
	height:100%;
}
.party .party-banner ul .show-img{
	position: absolute;
	z-index: 1;
	opacity: 1;
	width:64.5%;
	left:18%;
	height:450px;
	margin-top: -15px;
	-webkit-box-shadow: #666 0px 2px 10px;
-moz-box-shadow: #666 0px 2px 10px;
box-shadow: #666 0px 2px 10px;
}
.party .party-banner ul .show-img img{
	width:100%;
	
}
.party .party-banner a{
	display: inline-block;
	width:22px;
	height:45px;
	position: absolute;
	top:45%;
	z-index: 2;
	opacity: 1;
}
.party .party-banner .left-slide{
	left:10px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png") no-repeat center;
}
.party .party-banner .right-slide{
	right:10px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png") no-repeat center;
}
/*卡片轮播图*/




























/*金川事业*/
.culture h3{
	font-size:18px;
	font-size: 18px;
	height: 80px;
	line-height: 80px;
	border-top: 1px solid #ddd;
}
.culture h3 span{
	font-weight: 800;
	margin-right: 5px;
	color: #207A2A;
}
.culture .jc-work{
	width:80%;
	margin:0 auto;
}
.culture .jc-work img{
	width:49.5%;
}
.culture .jc-style{
	padding-bottom: 20px;
}
.culture .jc-style ul{
	margin-left: 10%;
}
.culture .jc-style ul li{
	display: inline-block;
	width:33%;
	text-align: center;
	background: #00adee;
	border-radius: 50px;
	/* height:60px; */
	color: #fff;
	margin-left: -20px;
	padding: 1% 0;
	opacity: 0.8;
}
.culture .jc-style ul .middle{
	background: #207A2A;
}
.culture .jc-style ul li h4{
	font-size:18px;
	font-size: 1.8rem;
	line-height: 35px;
}
.culture .jc-style ul li h5{
	font-size:14px;
	font-size:1.4rem;
	/* height:20px; */
	line-height: 25px;
	overflow: hidden;
}
.culture .jc-law h5{
	font-size:14px;
	font-size: 1.4rem;
	color: #7d7d7d;
	text-indent: 2em;
}
.law-cover{
	margin-left: 10%;
}
.culture .jc-law .law ul{
	float: left;
	width:42%;
	margin-right: 3%;
}
.culture .jc-law .law ul li{
	border:1px dashed #207A2A;
	margin-top: 45px;
}
.culture .jc-law .law ul li h2{
	margin-top: -20px;
	text-align: center;
}
.law ul li h2 a{
	display: inline-block;
	width:100px;
	height:40px;
	background: #ddd;
	text-align: center;
	line-height: 40px;
	color: #207A2A;
	font-size: 18px;
	font-size: 1.8rem;
}
.law ul li p{
	font-size:14px;
	font-size: 1.4rem;
	color: #535353;
	text-align: center;
	line-height: 20px;
}
.law ul li .m-top{
	margin-top:20px;
}
.law ul li .m-bottom{
	margin-bottom:20px;
}
.culture .jc-law .law img{
	float: left;
	width:45%;
	height:346px;
}
.culture .jc-law .law-more{
    width: 90%;
	margin-top: 15px;
}
.culture .jc-law .law-more ul li{
	width:25%;
	display: inline-block;
	float: left;
	text-align: center;
}
.law-more ul li h2{
	width:95%;
	margin:0 auto;
	background: #ddd;
	height:40px;
	line-height: 40px;
	color: #207A2A;
	font-size:18px;
	font-size: 1.8rem;
}

.law-more ul li h6{
	width:85%;
	margin:0 auto;
	background: #d3e0cf;
	height:50px;
	line-height: 50px;
	color: #207A2A;
	font-size:16px;
	font-size: 1.6rem;
}

.law-more ul li p{
	height:80px;
	line-height: 80px;
	font-size:14px;
	font-size: 1.4rem;
	color: #535353;
	overflow: hidden;
}

.law-more ul li h4{
	height:35px;
	line-height: 35px;
}
.law-more ul li h1{
	width:85%;
	margin:0 auto;
	background: #ddd;
	height:50px;
	line-height: 50px;
	color: #207A2A;
	font-size:16px;
	font-size: 1.6rem;
}

.jc-common{
	margin-bottom: 80px;
}
.jc-common h5{
	font-size:14px;
	font-size: 1.4rem;
	color: #7d7d7d;
	text-indent: 2em;
}
/*.jc-common .common-point-one{ margin:0 0 0 10% !important;}*/
.jc-common .common-point{
	float: left;
	width:40%;
	margin:0 4% 0 2%;
	text-align: center;
}
.jc-common .common-point li{
	margin-top: 30px;
}
.jc-common .common-point li .point .pic{
	float: left;
	margin-right: 2px;
	background: #eee;
	width:35%;
	color: #207A2A;
	font-size:18px;
	font-size: 1.8rem;
	min-height:140px;
}
.common-point li .point{
	min-width: 308px;
}
.common-point li .point .pic img{
	height: 73px;
    width: 60px;
    padding-top: 30px;
}
.common-point li .point .pic h4{
	margin:11% 2%;
	box-sizing: border-box;
}
.jc-common .common-point li .point .cont{
	float: left;
	background: #eee;
	width:64%;
	min-height: 140px;
	position:relative;
}
.jc-common .common-point li .point .cont ul{ position:absolute; left:50%; top:50%;}
.jc-common .common-point li .point .cont ul li{	width:46%; margin:0 2%;line-height: 24px;font-size:14px;font-size: 1.4rem;	color: #535353; float:left;}
.jc-common .common-point li .point .cont .cont1{ width:132px; margin:-48px 0 0 -67px;}
.jc-common .common-point li .point .cont .cont1 li{ width:60px;}
.jc-common .common-point li .point .cont .cont2{ width:210px; margin:-36px 0 0 -93px;}
.jc-common .common-point li .point .cont .cont2 li{width:90px;}
.jc-common .common-point li .point .cont .cont3{ width:135px;margin:-12px 0 0 -67px;}
.jc-common .common-point li .point .cont .cont3 li{ width:135px;}
/*大事记*/
.event-bar{
	width:100%;
	/*overflow: hidden;*/
	position: relative;
	margin:20px 0 30px 0;
}
.event-bar .big-cover{
	overflow: hidden;
	width:100%;
	height:102px;
	position: relative;
	margin:0 auto;
}
.event-bar ul{
	position: absolute;
	width:1780px;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	height:70px;
	background: #eee;
	box-shadow: 2px 2px 2px #ddd inset;
	left:0;
}
.event-bar ul li{
	width:178px;
	display: block;
	float: left;
	height:70px;
	font-size:32px;
	font-size: 3.2rem;
	line-height: 70px;
	text-align: center;
	cursor: pointer;
}
.event-bar ul .active{
	background:#207a2a url(/templet/ext/skin/web.jnmc.com/default/images/dsjj.jpg) no-repeat bottom center;
	background-size: 100%;
	color: #fff;
	padding-bottom: 11px;
	height:86px;
}
.event-bar a{
	display: inline-block;
	width:22px;
	height:45px;
	position: absolute;
	top:10px;
}
.event-bar .forward{
	float: left;
	left:-30px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png") no-repeat center; 
}
.event-bar .backward{
	float: right;
	right:-30px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png") no-repeat center;
}
.event-list{
	display: block;
}
.event-item{
display: block;
}
.event-list .big-news{
	margin: 20px 0;
	/*border:1px solid #eee;*/
}
/*.event-list .big-news:hover{
	border:2px solid #207A2A;
}*/
.event-list .big-news .big-img{
	float: left;
	width:41%;
}
.event-list .big-news .big-img img{
	width:100%; display: block;
}
.event-list .big-news .big-more{
	float: left;
	width:58%;
	padding-bottom: 5%; 
}
.event-list .big-news .big-more h2{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/new_xb.jpg") no-repeat 30px center;
	font-size:24px;
	font-size: 2.4rem;
	padding:5% 0;
	box-sizing: border-box;
	text-indent: 3em;
	color: #207A2A;
	font-style: italic;
}
.event-list .big-news .big-more p{
	margin-left: 30px;
	box-sizing: border-box;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 20px;
	color: #535353;
	/*max-height:80px;*/
	overflow: hidden;
}
.big-text{
	float: left;
	padding-bottom: 5%;
	 }
.big-text h2{	
	font-size:18px;
	font-size: 1.8rem;
	padding:2%;
	box-sizing: border-box;
	text-indent: 0em;
	color: #525252;
	border-left: 3px solid #21792b;
	}
.big-text p{
	margin:0 30px;
	text-indent: 2em;
	box-sizing: border-box;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 26px;
	color: #535353;
	/*max-height:80px;*/
	overflow: hidden;

}


/*历史沿革*/
.develop{
	/*width:80%;*/
	margin:30px auto;
}
.develop .dep-title{width:80%; 
	margin:0 auto;}
.develop .dep-title ul{
	overflow: hidden; display: block;
	 margin-left: -2%;
}
.develop .dep-title ul li{
	display: block;
	float: left;
	width:48%;
	height:60px;
	line-height: 60px;
	color: #535353;
	font-size:24px;
	font-size: 2.4rem;
	text-align: center;
	padding-bottom: 20px;
	margin:0 auto;
	margin-left: 2%;
	cursor: pointer;
}
.develop .dep-title ul li span{
	background: #eeeeee;
	display: inline-block;
	width:100%;
	height:60px;
}
.develop .dep-title ul .active{
	background:url('/templet/ext/skin/web.jnmc.com/default/images/arrow.png') no-repeat center 58px ;
	color: #fff;
}
.develop .dep-title ul .active span{
	background: #207A2A;
}
.develop .dep-year{
	width:851px;
	margin:0 auto;
	display: none;
}
.develop .odd{
	width:488px;
	height:162px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/odd.png") no-repeat right center;
	float: right;
}
.develop .odd span{
	display: inline-block;
	float: left;
	width:80px;
	height:80px;
	color: #fff;
	font-size:36px;
	font-size: 3.6rem;
	margin:42px 0 0 22px;
	text-align: center;
	line-height: 80px;
}
.develop .odd .history-more{
	float: left;
	width:386px;
	height:162px;
	overflow: hidden;
}
.develop .odd .history-more h3{
	font-size:30px;
	font-size: 3rem;
	color: #535353;
	margin:40px 0 0 30px;
}
.develop .odd .history-more p{
	color: #7d7d7d;
	font-size:18px;
	font-size:18px;
	font-size: 1.8rem;
	margin:10px 10px 0 30px;
}
.develop .even{
	width:488px;
	height:159px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/even.png") no-repeat left center;
	float: left;
}
.develop .even span{
	display: inline-block;
	float: right;
	width:80px;
	height:80px;
	color: #fff;
	font-size:36px;
	font-size: 3.6rem;
	margin:42px 22px 0 0;
	text-align: center;
	line-height: 80px;
}
.develop .even .history-more{
	float: right;
	width:386px;
	height:159px;
	overflow: hidden;
}
.develop .even .history-more h3{
	font-size:30px;
	font-size: 3rem;
	color: #535353;
	margin:40px 30px 0 0;
	text-align: right;
}
.develop .even .history-more p{
	font-size:18px;
	color: #7d7d7d;
	font-size: 1.8rem;
	margin:10px 30px 0 10px;
}
/*投资者关系*/
.relation .shape-list{
	width:960px;
	margin:30px auto 0;
	position: relative;
	height:80px;
	/*overflow: hidden;*/
}
.relation .shape-list .cover{
	width:960px;
	height:80px;
	overflow: hidden;
	position: relative;
}
.relation .shape-list ul{
	position: absolute;
	width:2450px;
	z-index: 1;
}
.relation .shape-list ul li{
	display: inline-block;
	float: left;
	width:225px;
	margin-right: 20px;
	height:60px;
	line-height: 60px;
	text-align: center;
	font-size:18px;
	font-size: 1.8rem;
	padding-bottom: 20px;
	cursor: pointer;
}
.relation .shape-list ul li span{
	display: inline-block;
	height:60px;
	width:225px;
}
.shape-list ul .relate-gg span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-gg.png') no-repeat 20px center;
}
.shape-list ul .relate-th span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-th.png') no-repeat 20px center;
}
.shape-list ul .relate-gp span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-gp.png') no-repeat 20px center;
}
.shape-list ul .relate-gb span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-gb.png') no-repeat 20px center;
}
.shape-list ul .relate-cw span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-cw.png') no-repeat 20px center;
}
.shape-list ul .relate-qy span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-qy.png') no-repeat 20px center;
}
.shape-list ul .relate-gd span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-gd.png') no-repeat 20px center;
}
.shape-list ul .relate-lx span{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/relate-lx.png') no-repeat 20px center;
}
.relation .shape-list ul .select{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/arrow.png") no-repeat center 58px;
}
.relation .shape-list ul .select span{
	background-color: #207A2A;
	color: #fff;
}
.relation .shape-list a{
	display: inline-block;
	width:22px;
	height:45px;
	position: absolute;
	top:8px;
}
.relation .shape-list .shape-left{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png") no-repeat center;
	left:-40px;
}
.relation .shape-list .shape-right{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png") no-repeat center;
	right:-40px;
}
.relation .shape-content{
	display: none;
}
.select-year{
	border-bottom: 2px solid #ddd;
	position: relative;
	margin-top: 40px;
}
.select-year h2{
	font-size:20px;
	font-size: 2rem;
	text-align: center;
	height:80px;
	line-height: 60px;
}
.select-year h2 a{
	display: inline-block;
	width:150px;
	color: #207A2A;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/s-year.png") no-repeat center right;
}
.select-year .year-list{
	position: absolute;
	top:50px;
	width:100%;
	z-index: 2;
	display: none;
}
.select-year .year-list ul{
	margin:0 auto;
	width:190px;
	border:1px solid #eee;
	background: #fff;
	padding:10px 0;
}
.select-year .year-list ul li{
	text-align: center;
	font-size:20px;
	font-size: 2rem;
	line-height: 30px;
}
.year-list ul li a{
	color: #535353;
}
.year-list ul li:hover{
	background: #f0f0f0;
}
.year-news h2{
	font-size:24px;
	font-size: 2.4rem;
	color: #535353;
	text-align: center;
	margin-top: 50px;
	height:60px;
	line-height: 60px;
}
.year-news ul{
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
}
.year-news ul li{
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.year-news ul li .jump-out{
	font-size:16px;
	font-size: 1.6rem;
	color: #535353;
	width: 65%;
	display: inline-block;
	margin-top: 40px;
}
.year-news ul li .jump-out:hover{
	color: #207A2A;
}
.year-news ul li span{
	display: inline-block;
	float: left;
	width:106px;
	height:76px;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 76px;
	color: #fff;
	margin:20px 0 20px 20px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/year-day.png") no-repeat center;
}
.year-news ul li span b{
	font-size:22px;
	font-size: 2.2rem;
	font-weight: normal;
}
.year-news ul li .update{
	float: right;
	margin-top: 30px;
}
.year-news ul li .update a{
	display: inline-block;
	width:80px;
	height:50px;
	padding-left: 10px;
	line-height: 50px;
	text-align: center;
	color: #00a0e9;
	border:2px solid #00a0e9;
	font-size:14px;
	font-size: 1.4rem;
}
.year-news ul li .update .see-look{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/lit-search.png") no-repeat 15px 20px;
}
.year-news ul li .update .see-look:hover{
	background-color: #00a0e9;
	color: #fff;
	background-image: url('/templet/ext/skin/web.jnmc.com/default/images/blue-search.png');
}
.year-news ul li .update .download{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/lit-updata.png") no-repeat 15px 20px;
}
.year-news ul li .update .download:hover{
	background-color: #00a0e9;
	color: #fff;
	background-image: url('/templet/ext/skin/web.jnmc.com/default/images/download.png');
}
/*分页 站群标签修改  by txr*/
.yema{ overflow: hidden; display: block; float: right; padding-bottom: 12.2%; }
.yema a{ width: 32px; height: 32px; overflow: hidden; display: block; float: left; margin: 0 5px; font-size:18px;font-size: 1.8rem; color: #323232; line-height: 
32px; text-align: center; }
.PageNaviBar{}
.NaviSum{overflow: hidden; display: block; float: left; font-size:18px;font-size: 1.8rem; color: #323232; line-height: 32px;  }
.NaviBar{overflow: hidden; display: block; float: right; }
.NaviBar span{ overflow: hidden; display: block;float: left; font-size:18px;font-size: 1.8rem;width: 32px; line-height: 32px; text-align: center; }
.yema a:hover,.yema a:active{ background: #2ba039; color: #fff;  text-align: center;}
.yema .ye1{ width: 44px; background: #e5e5e5; color: #fff; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
.yema .ye2{ width: 44px; background: #2ba039; color: #fff; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
.yema a.yeon{ background: #2ba039; color: #fff; }
.PageActive{width: 32px; height: 32px; overflow: hidden; display: block; background: #2ba039; color: #fff; }

/*分页  
.yema span{ overflow: hidden; display: block; float: left; font-size:18px;font-size: 1.8rem; color: #323232; line-height: 32px; text-align: center; }
.yema .ye1{ width: 44px; background: #e5e5e5; color: #fff; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; }
 */




/*股票资料*/
.shape-gp{
	margin-bottom: 50px;
}
.shape-gp h2{
	font-size:18px;
	font-size: 1.8rem;
	color: #207A2A;
	line-height: 26px;
	margin-top: 50px;
}
.shape-gp h3{
	font-size:16px;
	font-size: 1.6rem;
	color: #535353;
}
.shape-gp .shares-gp{
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 40px;
}
.shape-gp .shares-gp ul{
	padding-left: 1%;
	margin-bottom: 5px;
}
.shape-gp .shares-gp ul li{
	display: inline-block;
	float: left;
	width:18.8%;
	margin-right: 1%;
	text-align: center;
}
.shape-gp .shares-gp ul li h4{
	width:100%;
	height:40px;
	line-height: 40px;
	background: #207A2A;
	color: #fff;
	font-size:16px;
	font-size: 1.6rem;
}
.shape-gp .shares-gp ul li h5{
	width:100%;
	height: 60px;
	line-height: 60px;
	background: #eee;
	color: #553535;
	font-size:16px;
	font-size: 1.6rem;
}
.shape-gp .shares-gp ul li h5 span{ color:red;}
.shape-gb .apply-gb{
	margin-top: 60px;
}
.shape-gb .apply-gb h3{
	text-align: center;
	border-bottom: 1px solid #ddd;
	font-size:24px;
	font-size: 2.4rem;
	line-height: 36px;
	color: #535353;
}
.shape-gb .apply-gb ul{
	margin-top: 15px;
}
.shape-gb .apply-gb ul li{
	display: inline-block;
	float: left;
	width:16%
}
.shape-gb .apply-gb ul li span:hover{
	background-image: url('/templet/ext/skin/web.jnmc.com/default/images/gb-hover.png');
	color: #207A2A;
}
.shape-gb .apply-gb ul li span{
	display: inline-block;
	width:187px;
	height:131px;
	background: url("/templet/ext/skin/web.jnmc.com/default/images/gb-live.png") no-repeat left center;
	margin-bottom: 25px;
	line-height: 131px;
	color: #fff;
	cursor: pointer;
}
.shape-gb .apply-gb ul .gaps{
	width:28%;

}
.shape-gb .apply-gb ul li span{
	font-size:22px;
	font-size: 2.2rem;
}
.apply-gb ul li span b{
	font-size:36px;
	font-size: 3.6rem;
	margin-left: 15px;
	font-weight: normal;
}
/*财务报告*/
.shape-cw .cash-for .cash-cover{
	width:100%;
	margin:0 auto;
	padding: 4% 2%;
	border-top:1px solid #e5e5e5;
}
.shape-cw .cash-for .cash-cover:first-child{ border:none;}
.shape-cw .cash-for .cash-cover h3{
	font-size:24px;
	text-align: center;
	font-size: 2.4rem;
	height:60px;
	color: #535353;
	line-height: 60px;
}
.shape-cw .cash-for .cash-cover ul li{
	display: inline-block;
	float: left;
}
.cash-for .cash-cover ul li .paint{
	border: 1px solid #ddd;
	box-shadow: 3px 3px 3px #ddd;
	position: relative;
	/*height:250px;*/
	overflow: hidden;
}
.cash-cover ul li .paint .green-hover{
	position: absolute;
	width:176px;
	height:253px;
	top:0;
	left:0;
	background: url(/templet/ext/skin/web.jnmc.com/default/images/cwbg_bg.png) repeat;
	text-align: center;
	display: none;
}
.paint .green-hover img{
	margin-top:100px;
}
.paint .green-hover h4{
	font-size:14px;
	font-size: 1.4rem;
	line-height: 25px;
}
.paint .green-hover h4 a{
	color: #fff;
}
.cash-cover ul li  .play-video{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size:14px;
	font-size: 1.4rem;
	background: #aaa;
	background:rgba(125,125,125,0.5);
	z-index: 2;
	display: none;
}
.cash-cover ul li  .play-video video{
	width:960px;
	height:480px;
}
.cash-cover ul li  .play-video .video-cover{
	margin: 300px auto 0;
	width:960px;
	height:480px;
}
.cash-cover ul li  .play-video .close{
	display: inline-block;
	float: right;
	width:30px;
	height:30px;
	background: #000;
	color: #fff;
	font-size:20px;
	font-size: 2rem;
}
.cash-for .cash-cover ul .gaps{
	margin-right: 25px;
}
.cash-cover ul li h5{
	width:176px;
	height:28px;
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/apply-down.png') no-repeat left;
	color: #535353;
	text-align: center;
	border-radius: 14px;
	font-size:14px;
	font-size: 1.4rem;
	line-height: 28px;
	margin-top: 30px;
}
.cash-cover ul li .hovered{
	background: #eee url('/templet/ext/skin/web.jnmc.com/default/images/apply-load.png') no-repeat left;
}
.shape-cw .cash-for .cash-cover .cash-left{
	width:390px;
	float: left;
}
.shape-cw .cash-for .cash-cover .cash-right{
	width:390px;
	float: right;
}
/*联系我们*/
.shape-lx .address{
	float: left;
	width:40%;
	margin-right:2%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.shape-lx .address h2{
	font-size:18px;
	font-size: 1.8rem;
	color: #535353;
	height:120px;
	line-height: 120px;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}
.shape-lx .address h3{
	font-size:14px;
	font-size: 1.4rem;
	color: #535353;
	padding-left: 50px;
}
.shape-lx .address .add-phone{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/add-phone.png") no-repeat left center;
	height:30px;
	line-height:30px;
	margin-top: 30px;
}
.shape-lx .address .add-cz{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/add-cz.png") no-repeat left center;
	height:80px;
	line-height: 80px;
}
.shape-lx .address .add-email{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/add-email.png") no-repeat left top;
	height:30px;
	line-height: 30px;
}
.shape-lx .address h4{
	padding-left: 118px;
	line-height: 30px;
	font-size:14px;
	font-size: 1.4rem;
	color: #535353;
}
.shape-lx .map{
	float: right;
	width:58%;
	margin-top: 40px;
-webkit-box-shadow: #666 0px 2px 10px;
-moz-box-shadow: #666 0px 2px 10px;
box-shadow: #666 0px 2px 10px;
}
.shape-lx .map div{
	height:400px;
}
.shape-lx .map .add-glo{
	font-size:14px;
	font-size: 1.4rem;
	background: rgba(32,122,42,0.8);
	height:35px;
	line-height: 35px;
	color: #fff;
	text-indent: 2em;
	margin-top: -64px;
	position: relative;
	z-index: 2;
}








/********- 2016.7.14 -********/
/**************************************- index.html -***************************************/

/**- header -**/
.header .logo{ margin:15px 0 5px 30px; }
.header .headMessage .weather{ margin-right: 15px; }
.header .headMessage .search{ margin-right: 5px; }

/**- banner -**/
.explain h2{ font-size: 26px; font-size: 2.6rem; font-size:32px\9; }
.explain h1{ font-size: 32px; font-size: 3.2rem; font-size:40px\9; }
.container .right-content .banner .explain{ bottom: 77px; bottom: 61px\9; left:3%; }
.container .right-content .banner .banner-number ul{ margin-right: 3%; }
.container .right-content .banner .banner-slide .page-show h2{ font-size:22px; font-size: 2.2rem; }
.container .right-content .banner .banner-slide .page-show span{ margin: 0 3%; }

/**- 全球布局/产品与服务 -**/
.global .left-map,.global .right-server{ margin-bottom: 3%; }
.dhbox{ overflow: hidden; display: block; height: 0; padding-top: 58%; position: relative; }
.change-map{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; }
.global .change-map .cover{ width: 93%; margin: 0 auto; overflow: hidden; display: block; }
.global .change-map .cover img{ overflow: hidden; display: block; }
.change-map .map-title{ font-size:14px; font-size: 1.4rem; margin-left: 5px; }
.change-map .map-title span{ padding-left: 13px; margin-left: 20px; margin-bottom: 4px; border-left: 3px solid #0079c5; }
.dhjc{ position: absolute; bottom: 0; left: 0; }
.global .left-map h6{ margin: 0 25px 3px 25px; height:30px; }
.global .left-map h6 span{ height:30px; margin-right: 2px; line-height: 30px; padding:0 8px; }
.global .left-map h6 a{ line-height: 30px; height:30px; width:30px; }
.global .change-map .cover.pro-bom{ width: 100%; height: 100%; }
.global .change-map .change-bar a,.global .change-map .change-barph a{ overflow: hidden; display: block; float: left; width:142px; height:36px; line-height: 36px; text-align: right; padding-right: 30px; 
margin-left: -34px;}
.global .change-map .change-bar a:first-child,.global .change-map .change-barph a:first-child{margin-left:0;}
.change-map .change-bar .c-left,.change-map .change-barph .c-left{
	background-size: 100%;
	color: #fff;
}
.change-map .change-bar .c-mid,.change-map .change-barph .c-mid{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-mid2.png) no-repeat right bottom;
	background-size: 100%;
}
.change-map .change-bar .c-mid,.change-map .change-barph .c-mid{
    background-size: 100%;
    margin-left: -34px;
}

.change-map .change-bar .c-right,.change-map .change-barph .c-right{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-right2.png) no-repeat right bottom;
	background-size: 100%;
	margin-left: -34px;
	z-index: 0;
}

/**- 安全生产 四块 -**/
.four-part{ margin-top:0; overflow: hidden; display: block; }
.four-part ul{ overflow: hidden; display: block; }
.four-part ul li{ overflow: hidden; display: block; float: left; margin-bottom: 3%; }
.four-part ul li .part-top img{ width: 100%; display: block; }
.four-part ul li .part-top{ margin-bottom: 3px; position: relative; }
.four-part ul li .part-top h2{ font-style: normal; font-size:18px; font-size: 1.8rem;font-size:20px\9; height: 20px; position: absolute; top:50%; margin-top: -22px; margin-left: 4%; }
.four-part ul li .part-top h3{ font-style: normal; font-size:12px; font-size: 1.2rem;font-size:14px\9; height: 16px; position: absolute; top: 50%; margin-top: 1px; z-index: 2; margin-left: 4%; width: 93%; }

.four-part ul li .part-img h4{ font-style: normal; font-size:14px; font-size: 1.4rem; line-height: 22px; position: absolute; width: 92%; top: 6%; left:6%;}
.four-part ul li .part-img h5{ width: 100%; height: 4px; background: #0079c5; position: absolute; top: 0; left: 0; }

.part_jie{ width: 100%; height: 100%; display: block; position: absolute; top: 100%; left: 0; z-index: 30; background: url(/templet/ext/skin/web.jnmc.com/default/images/part_hei.png) repeat; color: #fff; }
.four-part ul li:hover .part_jie{ top: 0; } 
.four-part ul li:hover h4{ left: -100%; }
.four-part ul li a.part_bt{ width: 80%; height: 80px; overflow: hidden; position: absolute; top: 12%; left: 10%; font-size: 14px; font-size: 1.4rem; color: #eee; line-height: 20px; }
.four-part ul li a.part_more{ width: 80px; height: 30px; position: absolute; bottom: 12%; left: 10%; border: 2px solid #2ba039; font-size: 14px; font-size: 1.4rem; color: #fff; line-height: 26px; text-align: center; }
.four-part ul li a.part_more:hover{ background: #2ba039; }


.four-part ul li a.part_more{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.part_jie,.four-part ul li h4{ transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; }





/**- footer -**/
.fo_bq{ overflow: hidden; display: block; }
.fo_nav,.fo_links{ overflow: hidden; display: inline-block; }
.fo_links li{ padding: 2px 0; }


/**- 2016-8-9 news -**/
.right-content .news .news-more .news-card,.right-content .news .news-more .news-list{ padding-top: 42%; position: relative; }
.news_xin{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; }
.news_wen{ width: 100%; height: 62%; height: 58%\9; position: absolute; bottom: 0; }
.news_wtop{ width: 100%; height: auto; position: absolute; top: 50%; margin-top: -84px; margin-top: -90px\9; }
.news-more .news-card h3{ max-height: 52px; font-size: 16px; font-size: 1.6rem; line-height: 26px; overflow: hidden; display: block; }
.news-more .news-card h3 a{ overflow: hidden; display: block; }
.news-more .news-card h5{ max-height: 54px; }
.news-more .news-card h6{ position: absolute; bottom: 0; left: 0; }
.right-content .news .news-more .news-list{ width:31%; float: right; margin-top: 1.5%; position: relative; }
.news-more .news-list ul{ width: 100%; height: 100%; position: absolute; top: 1px; left: 0; overflow: hidden; display: block; }
.news-more .news-list li{ height: 15.3%; overflow: hidden; display: block; position: relative; margin: 0; margin-bottom: 2.1%; border: 0; }
.news-more .news-list li .li-title{ overflow: hidden; display: block; width:30%; width: 40%\9; height: 100%; position: absolute; left: 0; background: url("/templet/ext/skin/web.jnmc.com/default/images/news-common.jpg") right center no-repeat; background-size: auto 100%; }
.news-more .news-list li .news_libor{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 !important; }
.news-more .news-list li span,.news-more .news-list li h3{ z-index: 4 !important; }
.news-more .news-list .on-list-li{ border:0; }
.news-more .news-list .on-list-li .news_libor{ border:1px solid #2ba039; }
.news-more .news-list .on-list-li .li-title{ background: url("/templet/ext/skin/web.jnmc.com/default/images/news-select.png") right center no-repeat; background-size: auto 100%; }
.news-more .news-list li .li-title span{ background: none; }
.news-more .news-list li h3{ width:68%; width: 58%\9; margin-left: 0; height: 66px; position: absolute; right: 0; top: 50%; margin-top: -33px; }
.news-more .news-list li h3 a{ overflow: hidden; display: block; line-height: 66px; text-overflow: ellipsis; white-space:nowrap; }
.news-more .news-list li.on-list-li h3{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.news-more .news-list li .li_date{ width: 100%; position: absolute; top: 50%; margin-top: -20px; margin-top: -23px\9; }
.news-more .news-list li .li-title .top{ overflow: hidden; display: block; }
/**- end 2016-8-9 news -**/



.col-md-2 {
    width:50%;
  }
.container .content .article{
	padding: 0 5%;
	margin:0 auto;
}
.safe p.gk_jian{font-size:12px;font-size:1.2rem;}
/*.safe p.gk_fw{width:61%;}*/
/*.news_xx { margin-right: 30px;}*/
.develop .dep-year{
	width:100%;
	margin:0 auto;
	display: none;
}

.resource .r-content .m-title {
    width: 30%;
    float: left;
    padding: 6% 2%;
}
/*.resource .r-content .m-title h3 {background: url("/templet/ext/skin/web.jnmc.com/default/images/new_xb.jpg") no-repeat 0% center;}*/


/**************************************- historydevelope.html -***************************************/
.develop .dep-title{ width:100%; margin:0 auto; }
.develop .dep-year{ width:532px; }
.develop .odd{ width:306px; height:101px; background: #ff0; background: url("/templet/ext/skin/web.jnmc.com/default/images/odd2.png") no-repeat left center; float: right; }
.develop .odd span,.develop .even span{ width:48px; height:48px; font-size:34px; font-size: 3.4rem; line-height: 48px; }
.develop .odd span{ margin:27px 0 0 16px; }
.develop .odd .history-more,.develop .even .history-more{ width:240px; height:106px; }
.develop .odd .history-more h3{ font-size:26px; font-size: 2.6rem; margin:16px 0 0 20px; }
.develop .odd .history-more p{ font-size:14px; font-size: 1.4rem; line-height: 16px; margin:3px 5px 0 10px; }
.develop .even{ width:305px; height:99px; background: url("/templet/ext/skin/web.jnmc.com/default/images/even2.png") no-repeat right center; }
.develop .even span{ margin:25px 14px 0 0; }
.develop .even .history-more{ float: right; }
.develop .even .history-more h3{ font-size:26px; font-size: 2.6rem; margin:16px 20px 0 0; }
.develop .even .history-more p{ font-size:14px; font-size: 1.4rem; line-height: 16px; margin:3px 10px 0 5px; }


/**************************************- bigevent.html -***************************************/
.event-list .big-news{ position: relative; overflow: hidden; }
.event-list .big_lt{ border: 1px solid #eee; overflow: hidden; }
.event-list .big_nlv{ width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; border: 2px solid #207a2a; }
.event-list .big-news:hover .big_nlv{ display: block; }


/**************************************- society.html -***************************************/
.safe .squ_jie p{ text-indent: 0; }

/**************************************- investor.html -***************************************/
.relation .shape-list{ width:716px; }
.relation .shape-list .cover{ width:716px; }

/**-股票-**/
.shape-gp .shares-gp ul{ padding-left: 0; margin-right: -1%; overflow: hidden; display: block; }
.shape-gp .shares-gp ul li{ width: 19%; margin-right: 1%; margin-bottom: 1.5%; }

/**-股本-**/
.shape-gb .apply-gb ul{
	margin-top: 15px; overflow: hidden; display: block; margin-left: -13%; 
}
.shape-gb .apply-gb ul li{
	display: block !important; float: left;
	width:13.1%; margin-left: 11.9%;
}
.shape-gb .apply-gb ul li span:hover{
	background-image: url('/templet/ext/skin/web.jnmc.com/default/images/gb-hover.png');
	color: #207A2A;
}
.shape-gb .apply-gb ul li span{ width:100%;
	height:131px; 
	background: url("/templet/ext/skin/web.jnmc.com/default/images/gb-live.png") no-repeat left center;
	background-size:100% 100% !important; 
	margin-bottom: 25px;
	line-height: 131px;
	color: #fff;
	cursor: pointer;
	font-size:18px;
	font-size: 1.8rem;
}
.apply-gb ul li span b{ font-size:28px; font-size: 2.8rem; margin-left: 8px; }


/**************************************- culture.html -***************************************/
.jc-common .common-point{/*margin:0 auto;float: none;*/} 


@media screen and (min-width: 1100px) {
/**- 2016-8-9 news -**/
.right-content .news .news-more .news-card,.right-content .news .news-more .news-list{ padding-top: 38%; }
.news_wen{ width: 100%; height: 58%; position: absolute; bottom: 0;}
.news_wtop{ width: 100%; height: auto; position: absolute; top: 50%; margin-top: -87px; }
.news-more .news-list li{ height: 15.3%; margin-bottom: 2%;}
.news-more .news-list li .li-title{ width:30%; }
.news-more .news-list li h3{ width:68%; font-size: 14px; font-size: 1.4rem; }
.news-more .news-list li .li-title span{ font-size: 14px; font-size: 1.4rem; line-height: 24px; }
.news-more .news-list li .li-title .top{ font-size: 24px; font-size: 2.4rem; }
/**- end 2016-8-9 news -**/

}

@media screen and (min-width: 769px) {


.resource .r-content .m-title { width: 25%; padding: 2% 2%;}


}


@media screen and (min-width: 1200px) {

/**************************************- index.html -***************************************/
/**- 内容区 -**/
.container .content .article{
 	padding: 0 10%;
	margin:0 auto;
}

/**- 内页标题 -**/
.container .content .article .title h2{ font-size: 26px; font-size: 2.6rem; line-height: 38px; }

/**- header -**/
.header .headMessage .weather{ margin-right: 80px; }
.header .headMessage .search{ margin-right: 65px; }

/**- banner -**/
.explain h2{ font-size: 36px; font-size: 3.6rem; font-size:32px\9; }
.explain h1{ font-size: 40px; font-size: 4rem; font-size:40px\9; }
.container .right-content .banner .explain{ bottom: 65px; bottom: 61px\9; left:4%; }
.container .right-content .banner .banner-number ul{ margin-right: 10%; }
.container .right-content .banner .banner-slide .page-show h2{ font-size:28px; font-size: 2.8rem; }
.container .right-content .banner .banner-slide .page-show span{ margin: 0 5%; }

/**- news -**/
.right-content .news h2,.right-content .news h2 a.news_tibt,.global h2{ font-size:26px; font-size:30px\9; font-size: 2.6rem; line-height: 36px; }
.right-content .news h2 a.news_timo{ font-size: 14px; font-size:14px\9; font-size:1.4rem; }

/**- 全球布局/产品与服务 -**/
.change-map{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; }
.global .change-map .cover{ width: 93%; margin: 0 auto; overflow: hidden; display: block; }
.global .change-map .cover img{ overflow: hidden; display: block; }
.change-map .map-title{ font-size:16px; font-size: 1.6rem; margin-left: -11px; }
.change-map .map-title span{ padding-left: 13px; margin-left: 36px; }
.global .left-map h6{ margin: 0 25px; margin-top: 0; margin-bottom: 5px; height:40px; }
.global .left-map h6 span{ height:40px; line-height: 40px; padding:0 10px; }
.global .left-map h6 a{ line-height: 40px; height:40px; width:40px; }
.global .change-map .cover.pro-bom{ width: 100%; height: 100%; }
.global .change-map .change-bar a,.global .change-map .change-barph a{ width:172px; height:44px; line-height: 44px; padding-right: 50px; }
.global .change-map .change-bar .a-mar,.global .change-map .change-barph .a-mar{
    margin-left: -45px;
}
.change-map .change-bar .c-left,.change-map .change-barph .c-left{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-left.png) no-repeat right bottom;
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-left2.png) no-repeat right bottom\9;
	background-size: 100%;
	color: #fff;
	z-index: 2;
}
.change-map .change-bar .c-mid,.change-map .change-barph .c-mid{
	background:url(/templet/ext/skin/web.jnmc.com/default/images/c-mid.png) no-repeat right bottom;
	background-size: 100%;
	/*margin-left: -45px;*/
	z-index: 1;
}

/**- 安全生产 四块 -**/
.four-part ul li .part-top h2{ font-size:20px; font-size: 2rem; margin-top: -24px; height: 22px; margin-left: 6%; }
.four-part ul li .part-top h3{ font-size:14px; font-size: 1.4rem; margin-top: 5px; height: 16px; margin-left: 6%; }
.four-part ul li .part-img h4{ font-size: 16px; font-size: 1.6rem; line-height: 22px; }
.four-part ul li a.part_bt{ height: 120px; font-size: 16px; font-size: 1.6rem; line-height: 24px; }
.four-part ul li a.part_more{ width: 86px; height: 32px; position: absolute; bottom: 12%; left: 10%; border: 2px solid #2ba039; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 28px; text-align: center; }

.col-md-2 {
    width: 16.66666667%;
  }
.safe p.gk_jian{font-size:16px;font-size:1.6rem;}


/*.resource .r-content .m-title { width: 25%; padding: 2% 2%;}
.resource .r-content .m-title h3 {
    background: url("/templet/ext/skin/web.jnmc.com/default/images/new_xb.jpg") no-repeat 10% center;}*/

.news-more .news-list .on-list-li span{
	background: url("/templet/ext/skin/web.jnmc.com/default/images/news-select.png") right center no-repeat;
	background-size: auto 100%;
}


/**************************************- bigevent.html -***************************************/
.event-bar .forward{ left:-45px; }
.event-bar .backward{ right:-45px; }




}

@media screen and (min-width: 1240px) {
/**- footer -**/
.fo_bq,.fo_nav{ overflow: hidden; display: inline-block; }
.fo_links{ overflow: hidden; display: block; float: right; }


}

@media screen and (min-width:1300px) { 
/**************************************- culture.html -***************************************/
.jc-common .common-point{margin: 0 4% 0 2%;float: left;}
}

@media screen and (min-width:1370px) { 
/**- 内页标题 -**/
.container .content .article .title h2{ font-size: 28px; font-size: 2.8rem; line-height: 42px; }
.container .content .article .title h4{ font-size: 14px; font-size: 1.4rem; line-height: 18px; }

/**- 2016-8-9 news -**/
.right-content .news .news-more .news-card,.right-content .news .news-more .news-list{ padding-top: 35%; }
.news_wen{ width: 100%; height: 56%; position: absolute; bottom: 0;}
.news_wtop{ width: 100%; height: auto; position: absolute; top: 50%; margin-top: -87px; }
.news-more .news-list li{ height: 15.1%; margin-bottom: 2%;}
.news-more .news-list li .li-title{ width:30%; }
.news-more .news-list li h3{ width:74%; font-size: 16px; font-size: 1.6rem; }
/**- end 2016-8-9 news -**/

/**************************************- index.html -***************************************/
/**- banner -**/
.explain h2{ font-size: 44px; font-size: 4.4rem; font-size:32px\9; }
.explain h1{ font-size: 48px; font-size: 4.8rem; font-size:40px\9; }
.container .right-content .banner .explain{ bottom: 51px; bottom: 61px\9; left:4%; }

/**- news -**/
.right-content .news h2,.right-content .news h2 a.news_tibt,.global h2{ font-size:26px; font-size:30px\9; font-size: 2.6rem; line-height: 34px; }
.news-more .news-list li .li-title{ width: 24%; }
.news-more .news-card h3{ width: 80%; }
.news-more .news-card h4{ margin-left: 7%; }

/*安全生产*/
.four-part ul li .part-top h2{ font-size:22px; font-size:2.2rem; height: 24px;}
.four-part ul li .part-top h3{font-size:14px; font-size:1.4rem; height: 16px; }
.four-part ul li .part-img h4{ font-size: 18px; font-size: 1.8rem; line-height: 30px; }
/*.four-part ul li a.part_bt{ height: 104px; font-size: 18px; font-size: 1.8rem; line-height: 26px; }
.four-part ul li a.part_more{ width: 86px; height: 32px; position: absolute; bottom: 12%; left: 10%; border: 2px solid #2ba039; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 28px; text-align: center; }
*/


}

@media screen and (min-width: 1500px) {

.global .left-map h6{ margin: 0 25px; margin-top: 0; margin-bottom: 10px; }

/**************************************- historydevelope.html -***************************************/
.develop .dep-year{ width:851px; }
.develop .odd{ width:488px; height:162px; background: url("/templet/ext/skin/web.jnmc.com/default/images/odd.png") no-repeat left center; float: right; }
.develop .odd span{ width:80px; height:80px; font-size:36px; font-size: 3.6rem; margin:42px 0 0 22px; line-height: 78px; }
.develop .odd .history-more{ width:386px; height:162px; }
.develop .odd .history-more h3{ font-size:30px; font-size: 3rem; margin:40px 0 0 30px; }
.develop .odd .history-more p{ font-size:18px; font-size: 1.8rem; line-height: 24px; margin:10px 10px 0 30px; }
.develop .even{ width:488px; height:159px; background: url("/templet/ext/skin/web.jnmc.com/default/images/even.png") no-repeat right center; }
.develop .even span{ width:80px; height:80px; font-size:36px; font-size: 3.6rem; margin:42px 22px 0 0; line-height: 80px; }
.develop .even .history-more{ width:386px; height:159px; }
.develop .even .history-more h3{ font-size:30px; font-size: 3rem; margin:40px 30px 0 0; }
.develop .even .history-more p{ font-size:18px; font-size: 1.8rem; line-height: 24px; margin:10px 30px 0 10px; }


/**************************************- bigevent.html -***************************************/
.event-list .big_nlv{ width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; border: 4px solid #207a2a; }

/**************************************- investor.html -***************************************/
.relation .shape-list{ width:960px; }
.relation .shape-list .cover{ width:960px; }

/**- 股本 -**/
.shape-gb .apply-gb ul li span{ font-size:22px; font-size: 2.2rem; }
.apply-gb ul li span b{ font-size:36px; font-size: 3.6rem; margin-left: 15px; }

/*财务报告*/
.shape-cw .cash-for .cash-cover{ width:1060px; }

}


@media screen and (min-width: 1700px) {
/**************************************- index.html -***************************************/
/**- banner -**/
.explain h2{ font-size: 48px; font-size: 4.8rem; font-size:32px\9; }
.explain h1{ font-size: 52px; font-size: 5.2rem; font-size:40px\9; }
.container .right-content .banner .explain{ bottom: 45px; bottom: 61px\9; left:4%; }
/*安全生产*/
.four-part ul li .part-top h2{ font-size:26px; font-size: 2.6rem; height: 28px; margin-top: -30px;}
.four-part ul li .part-top h3{font-size:18px; font-size:1.8rem; height: 20px; margin-top: 4px; }
.four-part ul li .part-img h4{ font-size: 20px; font-size: 2rem; line-height: 30px; }
.four-part ul li a.part_bt{ height: 1020px; top: 15%; }
.four-part ul li a.part_more{ bottom: 18%; }

/**- news -**/
.right-content .news h2..right-content .news h2 a.news_tibt,.global h2{ font-size:30px; font-size:30px\9; font-size: 3rem; line-height: 44px; }


/**- 2016-8-9 news -**/
.right-content .news .news-more .news-card,.right-content .news .news-more .news-list{ padding-top: 32%; }
.news_wen{ height: 50%; }
.news_wtop{ margin-top: -98px; }
.news-more .news-list li{ height: 15%; margin-bottom: 1.9%;}
.news-more .news-list li .li-title{ width:23%; }
.news-more .news-list li h3{ width:75%; }
/**- end 2016-8-9 news -**/

/**- 内页标题 -**/
.container .content .article .title h2{ font-size: 30px; font-size: 3rem; line-height: 46px; }

}


/********- end 2016.7.14 -********/
@media screen and (min-width: 1600px) {
.global .left-map h6{ margin-top: 10px; margin-bottom: 20px; }
}

@media screen and (min-width: 1800px) {
.global .left-map h6{ margin: 0 25px; margin-top: 0; margin-top: 20px; margin-bottom: 30px; }
}


/* Media Queries
====================================================================== */
@media all and (min-width: 1201px) and (max-width: 1660px) {

	.resource .r-title ul .out-mineral span{
		background-position: 18% center;
	}

}


.change-barph{ display: none; }


@media all and (max-width: 768px) {

	.change-barph{ display: block; }
	.change-bar{ display: none; }


	.con92{ width:100% !important;}
	.con92 .page-content{ padding: 0 4%; }

	.header{
		display: none;
	}
	.footer{
		display: none;
	}
	.container .nav{
		display: none;
	}
	.container .audio-cover{
		display: none;
	}
	.container{
		width:100%;
		min-width: 320px;
		margin-top:0;
	}
	.container .content{
		width:100% !important;
		min-width:320px; margin-left: 0;
		/*min-height: 980px;*/
	}
	.container .content .article{
		width:100%; padding: 0;
	}
	.container .content .article .title{
		height:auto; padding-bottom: 10px; background-size: 150%;
	}
	.container .content .article .title h2{
		margin-top: 15px;
	}
	.container .content .article .title h4{
		margin-bottom: 15px;
	}
	.phone-head{
		border-bottom: 5px solid #bdc3cd;
		position: relative;
		display: block;
		border-top:none;
		/*margin-top: 5px;*/
	}
	.phone-head .ph-nav .logo{
		width:60%;
		height:100%;
		margin-top: 10px;
	}
	.phone-head .ph-nav .logo img{
		width:100%;
	}
	.phone-head .ph-nav li{
		display: inline-block;
		width:10%;
		float: left;
	}
	.phone-head .blue-bar{
		width:100%;
		background: #0079c5;
		height:3px;
	}
	.phone-head .search{
		margin:2% 1% 0 3%;
	}
	.phone-head .search a{
		display: inline-block;
		width:80%;
		height:30px;
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-search.png") no-repeat center;
		background-size: 80%;
	}
	.phone-head .language{
		font-size:22px;
		font-size: 2.2rem;
		color: #595656;
		line-height: 30px;
		margin:2% 2% 0 0;
	}
	.phone-head .phone-nav{
		margin:2% 0 0 0;
	}
	.phone-head .phone-nav .toggle-nav{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-close.png") no-repeat center; 
		background-size: 68%;
	}
	.phone-head .phone-nav a{
		width:80%;
		height:30px;
		display: inline-block;
	}
	.phone-head .phone-nav .toggle{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-nav.png") no-repeat center; 
		background-size: 80%;
	}
	.phone-head .ph-second-nav{
		position: absolute;
		left:0;
		width:100%;
		margin-top: 8px;
		background:rgba(255,255,255,0.9);
		display: none;
		z-index: 99;
	}
	.ph-second-nav .top-news li{
		display: inline-block;
		float: left;
		width:50%;
		padding:4% 0;
		font-size:22px;
		font-size: 2.2rem;
		text-align: center;
		overflow: hidden;
		max-height: 35px;
		box-sizing: content-box;
	}
	.ph-second-nav .top-news li a{
		color: #2ba039;
		padding-left: 26%;
		padding-top: 2%;
	}
	.ph-second-nav .top-news .play a{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-play.png") no-repeat left bottom;
		background-size: 24%;
	}
	.ph-second-nav .top-news .email a{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-email.png") no-repeat left center;
		background-size: 24%;
	}
	.ph-second-nav .nav-bar{
		border-bottom: 2px solid #000;
		text-align: center;
		width:84%;
		margin-left: 8%;
	}
	.ph-second-nav .nav-bar li{
		border-top: 1px solid #000;
		font-size:20px;
		font-size: 2rem;
		padding: 0;
	}
	.ph-second-nav .nav-bar li .hidden-nav{
		border-top: 1px solid #000;
		/*margin-top: 4%;*/
	}
	.ph-second-nav .nav-bar li .hidden-nav p{
		cursor: pointer;
	}
	.ph-second-nav .nav-bar li .hidden-nav p a{
		color: #646464;
		font-size:18px;
		font-size: 1.8rem;
		line-height: 34px;
	}
	.ph-second-nav .nav-bar li .hidden-nav .more-title{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-more.png") no-repeat 76% center;
	}
	.ph-second-nav .nav-bar li .hidden-nav .p-title{
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-more.png") no-repeat 65% center;
	}
	.ph-second-nav .nav-bar li .hidden-nav .p-title a{
		font-size:20px;
		font-size: 2rem;
		color: #1e1e1e;
	}
	.ph-second-nav .nav-bar li .hidden-nav .more-title a{
		font-size:22px;
		font-size: 2.2rem;
	}
	.hidden-nav{
		display: none;
	}
	.hidden-nav .product-list .main-list .content-more{
		display: none;
	}
	/*搜索*/
	.ph-search{
		position: absolute;
		width: 100%;
		text-align: center;
		background: #fff;
		opacity: 0.8;
		display: none;
		z-index:9;
	}
	.ph-search input{
		border: none;
		border-bottom: 1px solid #aaa;
		margin:2% 0;
		background: #fff url("/templet/ext/skin/web.jnmc.com/default/images/ph-search.png") no-repeat right center;
		background-size: 6%;
		font-size:18px;
		font-size:1.8rem;
		padding:2% 14%;
	}
	/*弹出视频*/
	.ph-second-nav .play-show{
		position: absolute;
		width: 100%;
		height: 100%;
		top:0;
		/*background: #aaa;
		opacity: 0.5;*/
		background:rgba(0,0,0,0.5);
		display: none;
	}
	.ph-second-nav .play-show video{
		margin-top: 20%;
		margin-left: 10%;
	}
	.ph-second-nav .play-show a{
		display: inline-block;
		position: absolute;
		top:8%;
		right:5%;
		font-size:32px;
		font-size: 3.2rem;
		color: #fff;
	}
	/*底部*/
	.phone-foot{
		display:block;
		background: #000;
		/*height:100px;*/
		color: #fff;
		padding-top: 4%;
		position: relative;
	}
	.phone-foot .scroll-top{
		position: absolute;
		top:-60px;
		right:20px;
	}
	.phone-foot .share{
		text-align: center;
	}
	.phone-foot .share a{
		display: inline-block;
		width:15%;
	}
	.phone-foot .share a img{
		width:55%;
	}
	.phone-foot h3{
		text-align: center;
		padding-top: 2%;
		font-size:12px;
		font-size: 1.2rem;
	}
	.phone-foot h3 a{
		color: #fff;
		font-size:12px;
		font-size: 1.2rem;
	}
	.phone-foot h3 span{
		font-size:18px;
		font-size: 1.8rem;
		color: #207a2a;
	}
	.phone-foot h4{
		padding:2% 12%;
		text-align: center;
		line-height: 18px;
		font-size:12px;
		font-size: 1.2rem;
	}
	.phone-foot h4 span{
		color: #207a2a;
	}
	.phone-foot h2{
		text-align: center;
	}
	.phone-foot h2 form{
		display: inline-block;
	}
	.phone-foot h2 select{
		color: #fff;
		height:20px;
		font-size:12px;
		font-size: 1.2rem;
		padding-right: 28px;
		border:none;
		text-align: center;
		appearance:none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background:#2ba039 url("/templet/ext/skin/web.jnmc.com/default/images/web.png") no-repeat right center;
	}
	.container .right-content{
		margin-left: 0;
	}
	.container .right-content .banner .banner-slide .page-show{
		visibility: hidden;
	}
	.container .right-content .banner .banner-slide ul{
		width:100%;
	}
	.container .right-content{
		min-width: 320px;
	}
	.explain h2{
		font-size:18px;
		font-size: 1.8rem;
	}
	.explain h1{
		font-size:20px;
		font-size: 2rem;
	}
	.container .right-content .banner .banner-number img{
		width:30%;
	}
	.container .right-content .banner .banner-number ul{
		position: absolute;
		top:50%;
		left:40%;
	}
	.banner-number ul li a{
		background: #fff;
		width:12px;
		height:12px;
	}
	.container .right-content .banner .banner-slide img{
		height:120px;
	}
	.container .right-content .banner .explain{
		bottom: 6px;
		z-index: -1;
	}
	.banner-number ul li{
		margin-right: 4px;
	}
	.right-content .news{ width: 92%; margin-left: 4%; margin-right: 4%; }
	.right-content .news .news-more .news-card{
		float: none;
		width:100%;
	}
	.news-more .news-card h5{
		padding-bottom:22%;
		max-height:75px;
		margin-bottom: 0;
		line-height: 18px;
		font-size:12px;
		font-size: 1.2rem;
	}
	.news-more .news-card h3{
		font-size:18px;
		font-size: 1.8rem;
		max-height: 25px;
		line-height: 24px;
	}
	.news-more .news-card h6 a.news_md{
		font-size:12px;
		font-size: 1.2rem;
		line-height: 22px;
	}
	.news-more .news-card h6 a.news_mo{
		line-height: 22px;
	}
	

	/**- 2016-8-9 news -**/
	.right-content .news .news-more .news-card{ padding-top: 0; margin-top: 4%; }
	.news_xin{ height: auto; position: relative; top: 0; }
	.news_wen{ height: auto; position: relative; top: 0; }
	.news_wtop{ height: auto; position: relative; top: 0; margin-top: 0; }
	.news-more .news-card h6{ position: relative; }
	.right-content .news .news-more .news-list{ float: none; width:100%; height:150px; overflow: hidden; padding-top: 0; margin-top: 4%; }
	.right-content .news .news-more .news-list ul{ height: auto; position: relative; }
	
	.news-more .news-list li{ height: 44px; margin-bottom:8px; }
	.news-more .news-list li .li-title{ width:25%;height:100%; }
	.news-more .news-list li h3{ width:69%;height:44px;margin-top:-20px;}
	.news-more .news-list li h3 a{line-height:44px;height:44px;}
	/**- end 2016-8-9 news -**/


	.explain p{
		height:4px;
	}
	.right-content .news .news-more{
		border-top: 5px solid #bdc3cd
	}
	.right-content .news h2{
		font-size:20px;
		font-size: 2rem;
		border-bottom: 3px solid #0079c5;
		line-height: 30px; margin-right: 0;
	}
	.right-content .news h2 a.news_tibt{font-size:20px;
		font-size: 2rem;line-height: 30px;}
	.global{ margin-left: 4%; margin-right: 4%; }
	
	.right-content .news .news-more{ margin-right: 0; }

	.global .left-map{
		float: inherit;
		width:100%;
	}
	.global .right-server{
		float: inherit;
		width:100%;
		/*margin-top: 15px;*/
	}
	.global h2{
		line-height: 30px;
		font-size:20px;
		font-size: 2rem;
		margin:2% 0 2% 10px;
		display: none;
	}
	.global h2:first-child{
		display:block;
	}
	.global .change-map .change-bar a,.global .change-map .change-barph a{
		width:110px;
		height:30px;
		line-height: 32px;
		font-size:14px;
		font-size: 1.4rem; padding-right: 25px;
		margin-left:0; 
	}
	.global .change-map .change-bar .c-mid{
		/*margin-left: -25px;*/
	}
	.global .change-map .change-bar .a-mar,.global .change-map .change-barph .a-mar{
		margin-left:-25px;
	}
	
	.change-map .map-title{
		font-size:12px;
		font-size: 1.2rem;
		margin-left: 4px;
	}
	.change-map .map-title span{ width:48%; padding-left: 5px; margin-left: 6px; margin-bottom: 4px; border-left: 2px solid #0079c5; }
	.global .left-map h6{ margin: 3px 10px 7px 10px; height:20px; }
	.global .left-map h6 span{ height:20px; margin-right: 2px; line-height: 20px; padding:0 8px; line-height:20px; font-size:12px; font-size: 1.2rem; }
	.global .left-map h6 a{ line-height: 20px; height:20px; width:20px; }
	
	.four-part ul{ margin-left: -2%; }
	.four-part ul li{
		/*float: left;*/
		width:48%;
		margin-left: 2%;
	}
	.four-part ul li .part-top h2{
		font-size:14px;
		font-size: 1.4rem;
		margin-top: -16px;
	}
	.four-part ul li .part-top h3{
		font-size:8px;
		font-size: 0.8rem;
		width:80%;
		overflow: hidden;text-overflow: ellipsis;white-space:nowrap;
	}
	.four-part ul li .part-img h4{
		font-size:12px;
		font-size: 1.2rem;
		line-height:14px;
	}
	.four-part ul li .part-img h5{ height: 2px; }
	.four-part ul li .part-img h5 img{ border: 0; }
	.four-part{
		margin-top: 3%;
	}


	/*管理团队*/
	.page-content .main-person{
		margin:20px 0;
	}
	.page-content .main-person li{
		width:30%;
		margin-left: 3%;
	}
	.page-content .main-person li h3{
		font-size:18px;
		font-size: 1.8rem;
	}
	.page-content .main-person li h4{
		font-size:14px;
		font-size: 1.4rem;
		line-height: 20px;
	}
	.page-content .main-person li p{
		font-size:10px;
		font-size: 1rem;
		line-height: 14px;
	}
	.page-content .main-person li .introduce{
		margin:10px 0;
	}
	.page-content .main-person .left-gap{
		margin-left: 2%;
	}
	.page-content .person{
		margin-left: 3%;
	}
	.page-content .person li{
		width:22%;
		margin-right: 2%;
	}
	.page-content .person li h3{
		font-size:16px;
		font-size: 1.6rem;
	}
	.page-content .person li .introduce{
		margin-bottom: 10px;
	}
	.page-content .person li .introduce h4{
		font-size:12px;
		font-size: 1.2rem;
		padding-bottom:5px;
	}
	/*党建工作*/
	.party .party-banner ul li{
		height:210px;
	}
	.party .party-banner ul .show-img{
		height:225px;
		margin-top: -15px;
	}
	/*企业文化*/
	.culture .jc-work{
		width:96%;
	}
	.culture h3{
		height:35px;
		line-height: 35px;
		padding-left: 5px;
	}
	.culture .jc-style ul li{
		width:37%;
	}
	.culture .jc-style ul li h4{
		font-size:14px;
		font-size: 1.4rem;
	}
	.culture .jc-style ul li h5{
		font-size:12px;
		font-size: 1.2rem;
/* 		height:18px; */
		overflow: hidden;
		width:100%;
	}
	.culture .jc-law .law img{
		height:120px;
		margin-top: 20px;
	}
	.culture .jc-law .law ul li{
		margin-top: 25px;
	}
	.law ul li h2 a{
		width:80px;
		height:25px;
		line-height: 25px;
	}
	.law-cover{
		margin-left: 4px;
	}
	.law ul li p{
		line-height: 12px;
	}
	.law ul li .m-top{
		margin:5px 0 2px 0;
	}
	.law ul li .m-bottom{
		margin-bottom:5px;
	}
	.culture .jc-law .law ul{
		width:50%;
		margin:0 5px;
	}
	.jc-common .common-point{
		float: none;
		margin-left: 10%;
	}
	/**- 页码 -**/
	.yema{ overflow: hidden; display: block; float: none; width: 168px; margin: 0 auto; padding-bottom: 6%; }
	.yema a{ display: none; float: left; margin: 0 20px; }
	.yema span{ display: none; }
	.yema .ye1,.yema .ye2{ display: block;}
	.relation .shape-list{
		width:100%;
	}
	.relation .shape-list .shape-left{
		display: none;
	}
	.relation .shape-list .shape-right{
		display: none;
	}
	.relation .shape-list ul li span{
		width:100%;
		height:40px;
		background-size: 22%;
		background-position: 3px center;
		font-size:16px;
		font-size: 1.6rem;
		padding-left: 20px;
	}
	.relation .shape-list ul li{
		width:110px;
		height:40px;
		line-height: 40px;
		margin-right: 10px;
	}
	.relation .shape-list ul{
		width:1400px;
	}
	.relation .shape-list ul .select{
		background-position: center 34px;
	}
	.select-year h2{
		font-size:18px;
		font-size: 1.8rem;
		height:50px;
		line-height: 50px;
	}
	.select-year .year-list ul li{
		font-size:16px;
		font-size: 1.6rem;
		line-height: 24px;
	}
	.select-year{
		margin-top: 5px;
	}
	.year-news h2{
		margin-top: 10px;
		height:40px;
		line-height: 40px;
	}
	.year-news ul li span{
		width:60px;
		height:45px;
		line-height: 45px;
		background-size: 100%;
		margin:10px 0 10px 5px;
	}
	.year-news ul li .jump-out{
		margin-top: 10px;
		font-size:14px;
		font-size: 1.4rem;
		width:32%;
	}
	.year-news ul li .update a{
		width:56px;
		height:25px;
		line-height: 20px;
		font-size:12px;
		font-size: 1.2rem;
	}
	.year-news ul li .update .see-look{
		background-position: left 3px;
	}
	.year-news ul li .update .download{
		background-position: left 3px;
	}
	.year-news ul li .update{
		margin-right: 10px;
	}
	.relation .shape-list .cover{
		height:60px;
		width:100%;
	}
	.relation .shape-list{
		height:60px;
		margin-top: 15px;
	}
	.shape-gp .shares-gp ul li{
		width:48%;
	}
	.shape-gb .apply-gb ul{ margin-left: -1%; }
	.shape-gb .apply-gb ul li{
		width:24%;
		height: 70px; margin-left: 1%; margin-bottom: 4%;
	}
	.shape-gb .apply-gb ul li span{
		width:100%;
		background-size: 100%;
		height:70px;
		line-height: 70px;
		font-size:10px;
		font-size: 1rem;
	}
	.apply-gb ul li span b{
		font-size:16px;
		font-size: 1.6rem;
		margin-left: 3px;

	}
	.shape-cw .cash-for .cash-cover ul li{
		width:45%;
	}
	.cash-for .cash-cover ul li .paint{
		width:100%;
	}
	.cash-for .cash-cover ul li .paint .green-hover img{
		width:40%;
	}
	.cash-for .cash-cover ul li .paint img{
		width:100%;
	}
	.cash-for .cash-cover ul li .green-hover{
		width:100%;
	}
	.cash-for .cash-cover ul .gaps{
		margin: 0 10px;
	}
	.cash-cover ul li h5{
		width:100%;
	}
	.cash-cover ul li .play-video video{
		width:320px;
		height:240px;
	}
	.cash-cover ul li .play-video .video-cover{
		width:320px;
		height:240px;
		margin:180px auto;
	}
	.shape-cw .cash-for .cash-cover .cash-left{
		width:100%;
		float: none;
	}
	.shape-cw .cash-for .cash-cover .cash-right{
		width:100%;
		float: none;
	}
	.shape-cw .cash-for .cash-cover{
		width:100%;
		margin: 0 0 10px 0;
	}
	.shape-lx .address{
		float: none;
		width:100%;
	}
	.shape-lx .map{
		float: none;
		width:100%;
	}
	.shape-lx .map div{
		height:180px;
	}
	.shape-lx .address h3{
		margin-left: 4%;
	}
	.dep-year.clear{
		width:100%;
		float: none;
	}
	.develop .odd{
		width:96%;
		margin-left: 2%;
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-odd.png") no-repeat left center;
		height:145px;
	}
	.develop .even{
		width:96%;
		margin-left: 2%;
		background: url("/templet/ext/skin/web.jnmc.com/default/images/ph-even.png") no-repeat left center;
		float: right;
		height:145px;
	}
	.develop .dep-title ul{
		width:98%;
		padding-left:2%; margin-left: -1%;
	}
	.develop .dep-title ul li{
		font-size:18px;
		font-size: 1.8rem;
		height:40px;
		line-height: 40px;
	}
	.develop .dep-title ul li span{
		height:40px;
	}
	.develop .dep-title ul .active{
		background-position: center 34px;
	}
	.develop .odd span{
		width:10px;
		margin: 37px 0 0 12px;
		height:80px;
		font-size:36px;
		font-size: 3.6rem;
		line-height: 80px;
	}
	.develop .even span{
		width:10px;
		margin: 20px 0 0 12px;
		float: left;
		height:80px;
		font-size:36px;
		font-size: 3.6rem;
		line-height: 80px;
	}
	.develop .odd .history-more{
		width:80%;
		height:145px;
	}
	.develop .even .history-more{
		width:80%;
		float: left;
		height:145px;
	}
	.develop .even .history-more h3{
		text-align: left;
		margin:15px 0 0 30px;
		font-size:30px;
		font-size: 3rem;
	}
	.develop .odd .history-more h3{
		font-size:30px;
		font-size: 3rem;
		margin:15px 0 0 30px;
	}
	.develop .odd .history-more p{
		font-size:14px;
		font-size: 1.4rem;
		margin:15px 10px 0 30px;
	}
	.develop .even .history-more p{
		margin-left: 30px;
		font-size:14px;
		font-size: 1.4rem;
		margin:15px 10px 0 30px;
	}
	.develop .odd .history-more h3{
		margin-top: 36px;
	}
	.resource .r-title ul li{
		width:47%;
		height:40px;
		line-height: 41px;
	}
.resource .r-title ul li i{
		height:40px; line-height: 41px;
		vertical-align:middle;
		cursor: pointer; overflow: hidden; display: inline-block; margin: 0 2%; margin-top:-4px; 
	}
	.resource .r-title ul li i{ font-style: normal; font-size: 1.8rem; }
	.resource .r-title ul .in-mineral span{
		background:url("/templet/ext/skin/web.jnmc.com/default/images/part-left2.png") no-repeat 0 center ; width: 20px; height: 20px; background-size: 100% 100% !important;
	}
	.resource .r-title ul .out-mineral span{
		background:url("/templet/ext/skin/web.jnmc.com/default/images/part-right.png") no-repeat 0 center ; width: 20px; height: 20px; background-size: 100% 100% !important;
	}

	.resource .r-content .m-title{
		float: none;
		width: 100%;
		padding:2% 3%;
	}
	.resource .r-content .slide-img{
		width:98%;
		float: none; margin-left: 1.5%; padding-left: 0;
	}
	.resource .r-content .m-title h3{
		background-position: 32% center; font-size: 1.8rem;
	}
	.resource .r-content h4{
		margin: 5px 0;
		padding:2%;
	}
	.resource{
		margin-top: 5px;
	}
	.resource .r-content .mineral{
		margin-top: 2%;
	}
	.event-bar ul li{
		height:40px;
		line-height: 40px;
		font-size:20px;
		font-size: 2rem;
		width:64px; 
	}
	.event-bar ul li.active{ height:44px; }
	.event-bar ul{
		height:40px;
		width:640px;
	}
	.event-bar .big-cover{
		height:60px;
		width:86%;
		margin-left: 7%;
	}
	.event-bar .forward{
		display: none;
	}
	.event-bar .backward{
		display: none;
	}
	.event-list .big-news .big-img{
		float: none;
		width:94%;
		margin-left: 3%;
	}
	.event-list .big-news .big-more{
		float: none;
		width: 94%;
	}
	.resource .r-content .slide-img .click-left{
		display: none;
	}
	.resource .r-content .slide-img .click-right{
		display: none;
	}
	.party .party-banner ul{
		width:98%;
		margin-left: 1%;
	}
	.party p{
		margin:20px 4px;
	}
	.party h3{
		padding-left: 4px;
	}
	.event-bar ul .active{
		height:40px;
		padding-bottom: 8px;
	}
	.jc-work .visible-xs{display: inline-block!important;}
	.culture .jc-style ul li{width:36%;}
	/*.culture .jc-style ul{margin-left: 4%;}*/

	/**************************************- bigevent.html -***************************************/
	.event-list .big_nlv{ border: 2px solid #207a2a; }

	.jc-law{ padding: 0 2.5%; }
	.jc-common{ padding: 0 4%; }
	.nav-bar li > a{ overflow: hidden; display: block; padding: 4% 0; }
	.shape-gp h2{ margin-top: 6%; }
	#p-invest .pan1 .d3 > a, #p-invest .pan3 .d2 > a { width: 20px; height: 20px; background-size: 100%; }

}


/* 修改从这里开始 */


/*田小蓉修改，解决管理团队文字折行图片不一行显示*/

@media screen and (min-width: 980px) {

.page-content .person li .introduce .f12 {
    font-size: 0.9rem;
}

}


/*******************************/


@media only screen and (max-width: 640px) {
html{font-size: 58.2%;}
.gk_ti{font-weight: bold;}
.container .content .article .title h5 span{margin:0 8px;}
.part img{padding:0 3%;}
.container .content .article .title h5{margin-left: 3%;}
.container .content .article .page-content{margin-top:3%;}
.container .content .article .page-content-ms{margin-left: 3%; margin-right: 3%;}
.resource .r-content .mineral{margin-top: 3%;}
.resource .r-content .m-title{padding-bottom: 3%; border-bottom: 1px solid #e5e5e5;}
.resource .r-content .title-bt{border-bottom: none;}
.kjcx_jian p{margin-bottom: 1%;}

.qtgz .life_shao p{text-indent:2em!important;}
.culture h3{padding-top: 2%; margin-bottom: 4%;}
.culture h3:nth-child(1){margin-bottom: 0;}
/* .culture .jc-style{padding:3%;} */
/* .culture .jc-style ul{margin-left: 0; } */
.culture .jc-style ul li{width:36%;}
.jc-common .common-point{width:100%; margin-left: 0!important;}
.culture .jc-work{padding:3% 0; margin:0;}
/* .culture h3{padding-left: 3%;} */
.event-list .big-news{margin:0 3% 3% 3%;}
.event-list .big-news .big-img{margin-left: 0; width:100%;}
/*.event-list .big-news:hover{
	border:1px solid #207A2A;
}*/
.event-list .big-news .big-more h2{padding:3% 0;
	 background: rgba(0, 0, 0, 0) url("/templet/ext/skin/web.jnmc.com/default/images/new_xb.jpg") no-repeat scroll 20px center;}
.event-list .big-news .big-more{width:100%; }
.event-list .big-news .big-more p{margin:0 3%;}
.custorm h4{margin-left: 15px;}
.custorm.honor{padding-top: 0;}
.honor .img-responsive{width:100%;}
.custorm.honor p{text-align: center!important;}
.honor-box{margin:0 3%;}
.col-xs-2{width:24%;}
.col-xs-10{margin-left:3%; width:65%;}
.honor-box .box-content p{padding-left: 3%;}
#p-con1 .rc_div1{margin:1% 3% 0 3%!important;}
#p-con1 .rc_div1 .p1{margin: 25px 0px 25px 0px!important; line-height: 26px!important;}
#p-con1 .rc_div2{margin:0 3%;}
#p-con2 .row-lists{margin:0 3%;}
.p-recont{margin:0 3%; width:94%!important; box-sizing:border-box;}
#p-con2 .row-lists .row{padding:20px 0!important;}
.news_wzj p, p.news_wzj, .safe p{text-indent: 2.4rem;}
.news_zt li:nth-child(1){padding-top: 0;}
.news_bt{font-weight: bold;}
.page-content .person{margin-left: 2%;}
.page-content .person li{width:23%;}
.conwid{padding: auto 3%; }
.qing li p{margin-bottom: 0;}
.kjcx_shao li{margin-bottom: 3%;}
.jc-work .visible-xs{display: inline-block!important;}
.culture .jc-style ul li{padding: 2%;}
.culture .jc-style ul li h5{line-height: 18px;}
.culture .jc-style ul li h4{line-height: 18px;}
.culture .jc-work img{width: 49%;}
.culture .jc-work{width:100%;}
.page-content-m{margin:0 3%; }
/*.safe .safe_nav p{padding-left: 0!important;}*/
/*.conwid{margin:0 3%;}*/
/*.safe_nav li{margin-bottom: 3%;}*/
.content_mr{padding-top: 10px;}
.qtgz .life_shao{margin-bottom: 3%!important;}
.news-more .news-card h6 a.news_mo{text-indent: -9999px; width:40px;}
.explain p{width:80px; margin-top: 3%}
.change-map .map-title span{width:47%; margin-bottom: 2%;}
.right-content .news .news-more .news-list{max-height:265px;}


}


@media only screen and (max-width: 480px) {
.safe .safe_nav p{width:28%!important;}
.change-map .map-title span{width:46%;}
.right-content .news .news-more .news-list{max-height:248px;}
}




@media screen and (min-width:769px) and (max-width: 1150px) {
.container .nav{ width: 130px !important; }
.container .right-content { margin-left: 130px !important; }
.container .content{ margin-left: 260px; }

.first-nav{ font-size: 16px; font-size: 1.6rem; }
.first-nav > li{ height: 44px; line-height: 44px; }
.container .nav .audio img{ margin-top: 10px; }
.container .nav p{ padding-top: 20px; }

}

@media screen and (min-width: 769px) and (max-width: 1350px) {
.container .nav p .wechat{ margin-right:8px; }
.container .nav p .webo{ margin-right: 8px; }

}

@media only screen and (min-width: 415px) and (max-width:768px) {
.page-content-m{ margin: 0 3%; }
.phone-head .search a{ height: 56px; background-size: 68%; }
.phone-head .language{ font-size: 32px; font-size: 3.2rem; line-height: 56px; }
.phone-head .phone-nav a{ height: 56px; }
.phone-head .phone-nav .toggle{ background-size: 68%; }

/**- banner -**/
.container .right-content .banner .banner-slide img{ height: auto; }
.container .right-content .banner .explain{ bottom: 39px; }
.explain h2{ font-size: 24px; font-size: 2.4rem; }
.explain h1{ font-size: 30px; font-size: 3rem; }

/**- news -**/
.right-content .news h2,.right-content .news h2 a.news_tibt{ font-size: 22px; font-size: 2.2rem; }
.right-content .news h2 a.news_timo{ font-size: 14px; font-size: 1.4rem; }
.news-more .news-card h3{ margin-top: 2%; }
.news-more .news-card h4 { margin: 2% 10%; }
.news-more .news-card h5{ padding-bottom: 3%; font-size: 14px; font-size: 1.4rem; line-height: 20px; }
.news-more .news-list li .li-title{ width: 11%; }
.news-more .news-list li h3{ width: 87%; }


.four-part ul li .part-top h2 { font-size: 22px; font-size: 2.2rem;  margin-top: -28px; }
.four-part ul li .part-top h3{ font-size: 18px; font-size: 1.8rem; height: 20px; }
.four-part ul li .part-img h4{ font-size: 20px; font-size: 2rem; line-height: 30px; }

.global .left-map h6 span{ height: 30px; font-size: 1.6rem; line-height: 30px; }
.dhjc{ bottom: 4%; }
.change-map .map-title{ font-size: 16px; font-size: 1.6rem; line-height: 22px; }
.change-map .map-title span{ margin-bottom: 6px; }
.global .left-map h6 a{ width: 30px; height: 30px; }

.global .change-map .change-bar a,.global .change-map .change-barph a{ font-size: 16px; font-size: 1.6rem; line-height: 40px; height: 40px; background-size:100% 100%;  }



}





.container_lr{padding-left: 0; padding-right: 0;}

/**- video弹出窗口 -**/
.modal{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; background: rgba(83,83,83,0.8) !important; outline: 0; }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%);
}
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-dialog{ width: 42%; position: absolute; top:20%; left: 30%; }
.modal .close{ width: 40px; height: 40px; background: #207a2a; border: 0; overflow: hidden; display: block; float: right; clear: both; font-size:36px;font-size: 3.6rem; line-height: 40px; text-align: center; }
.modal .close:focus,.modal .close:active{ border: 0 !important; }
.mo_video{ width:100%; }
.mo_video video{ width: 100%; overflow: hidden; display: block; }
/**- end video弹出窗口 -**/

/*党建工作*/
	.subjectmainbanner {
		    position: relative;
		    width:680px;
		    height:281px;
		    top: 11px;
		    margin: auto;
		}
	.mainbanner-con{height:100%;}
	
	
	/**/

	.mainbanner-con li.mark1 {
		    position: absolute;
		    width: 440px;
		    height: 256px;
		  /*  width:66%;*/
		    left:98px;
		    top: 0px;
		    z-index: 4;
		    opacity: 1;
		}
	.mainbanner-con li.mark2 {
		   position: absolute;
		   width:322px;
		   /*right:0px;*/
		   left:293px;
		   top: 20px;
		   z-index:3;
		   opacity: 0.8
		}
		
		
		
		
	.mainbanner-con li.mark3 {
		    position: absolute;
		    width: 322px;
		    height:188px;
		    left:157px;
		    top:20px;
		   z-index: 2;
		    opacity: 0;
		}
		.mainbanner-con li.mark4 {
		    position: absolute;
		    width:322px;
		    height:188px;
		    left:0px ;
		    top:20px;
		    z-index:1;
		    opacity: 0.8;
		}
		.mainbanner-con li a img{width:100%;height:auto;}
		.bannerbtn {
		    font-weight: 100;
		    font-size: 22px;
		    text-align: center;
		    line-height: 60px;
		    color: #fff;
		    display: block;
		    z-index: 6;
		    width: 30px;
		    height: 60px;
		    position: absolute;
		    top: 50%;
		    margin-top: -40px;
		    background: rgba(0,0,0,0.4);
		}
		.bannerbtn1{left:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png) no-repeat;background-size:60%;/*top:51%;*/top:132px;}
		.bannerbtn2{right:67px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png) no-repeat right;background-size:60%;/*top:51%;*/top:132px;}
		
		
		
		
		/*********fenjiexian******/

/*768以下移动*/
@media all and (max-width:770px){
	.subjectmainbanner{top:0;overflow:hidden;width:100%;height:155px;}
	.mainbanner-con li.mark1 {height:auto;width:83%;left:8%;}
	.mainbanner-con li.mark2 {height:auto;width:74%;left:47%;top:6px;}
	.mainbanner-con li.mark3 {height:auto;width:65%;left:20%;opacity:0;top:10px;}
	.mainbanner-con li.mark4 {height:auto;width:74%;left: 0px;top:6px;}
	.bannerbtn1{left:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png) no-repeat left center;top:56%;background-size:50%;}
	.bannerbtn2{right:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png) no-repeat right center;top:56%;background-size:50%;}
}
@media all and (min-width:1024px) and (max-width:1200px){
	.subjectmainbanner {}
	.bannerbtn1,.bannerbtn2{top:46%;}
}

@media all and (min-width:1200px){
.subjectmainbanner {
    position: relative;
    width:86%;
    top: 11px;
    margin: auto;
    overflow:hidden;}
.mainbanner-con li.mark1{width:66%;height:auto;}
.mainbanner-con li.mark2{width:53%;height:auto;}
.mainbanner-con li.mark3{width:47%;height:auto;}
.mainbanner-con li.mark4{width:53%;height:auto;}

.bannerbtn1{left:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png) no-repeat;}
.bannerbtn2{right:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png) no-repeat;}

}

/*1660以下pc*/
@media all and (min-width:1370px){
	
	.subjectmainbanner {
		    position: relative;
		    width: 100%;
		    height:329px;
		    top: 11px;
		    margin: auto;
		    overflow:hidden;
		}
	.bannerbtn1{left:0px;top:48%;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png) no-repeat;}
	.bannerbtn2{right:159px;top:48%;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png) no-repeat;}
}


/*1660以上pc*/
@media all and (min-width:1700px){
	.container .right-content .banner .banner-number img{width:15%;}
	.mainbanner-con li.mark1 {
		    position: absolute;
		    width:66%;
		    height:auto;
		    left:17%;
		    top: 0px;
		    z-index: 4;
		    opacity: 1;
		}
	.mainbanner-con li.mark2 {
		   position: absolute;
		   width: 53%;
		   height:auto;
		   left: 47%;
		   top: 10%;
		   z-index:3;
		   opacity: 0.8
		}
	.mainbanner-con li.mark3 {
		    position: absolute;
		    width: 48%;
		    height:auto;
		    left:25%;
		    top:15%;
		   z-index: 2;
		    opacity: 0;
		}
		.mainbanner-con li.mark4 {
		    position: absolute;
		    width:53%;
		    height:auto;
		    left:0px ;
		    top:10%;
		    z-index:1;
		    opacity: 0.8;
		}
		.mainbanner-con li a img{width:100%;height:100%;}
		.bannerbtn {
		    font-weight: 100;
		    font-size: 22px;
		    text-align: center;
		    line-height: 60px;
		    color: #fff;
		    display: block;
		    z-index: 6;
		    width: 30px;
		    height: 60px;
		    position: absolute;
		    top: 50%;
		    margin-top: -40px;
		    background: rgba(0,0,0,0.4);
		}
		.bannerbtn1{left:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn1.png) no-repeat;}
		.bannerbtn2{right:0px;background: url(/templet/ext/skin/web.jnmc.com/default/images/safe_btn2.png) no-repeat;}
		.subjectmainbanner {
		    position: relative;
		    width: 100%;
		    height:452px;
		    top: 11px;
		    margin: auto;
		}
}