﻿/******************************************************************frameI******************************************************************/
#frameIFrame{
	width:100%;
	min-width:640px;
	height:336px;
	border:0px solid #000;
	float:left;
	position:relative;
	z-index:-1;
}

.frameIContent{
        text-align:center;
	width:1100px;
	height: 100%;
	margin:0px auto;
	position:relative;
	z-index:-1;
}
.frameIContent .abouttit{width:100%;height:86px;line-height:86px;color:#656565;font-size:18px;padding-top:10px;}
.frameIContent .abouttit>span{padding-left:22px;}
.frameIContent .aboutmore{position:absolute;color:#dc181b!important;font-size:14px;width:124px;height:32px;border:1px solid #dc181b;border-radius:7px;line-height:32px;text-align:center;bottom:56px;left:50%;margin-left:-62px;}
.frameIContent .abinfo{color:#656565;font-size:14px;line-height:34px;}
	.frameIContent>ul{
		width:100%;
		border:0px solid red;
		text-align:center;
	}
	.frameIContent>ul>li{
		position: relative;
		width:477px;
		height: 202px;
		border:1px solid #e0e0e0;
		float: left;
	}
	.frameIContent>ul>li .bor{
		position: absolute;
		right:-1px;
		top:-1px;
		width:25px;
		height: 25px;
		border-top:1px solid #c90303;
		border-right: 1px solid #c90303;
	}
	.frameIContent>ul>li:first-child{
		margin-right:42px;
	}
	.frameIContent>ul>li>.spott{
		width:222px;
		padding-top: 48px;
		height:154px;
		float:left;
		border-right: 1px solid #E0E0E0;
		background:#fbfbfb;
		text-align: center;
	}
	.frameIContent>ul>li>.spott>img{display: block;margin: 0 auto;max-height:84px;max-width:114px;}
	.frameIContent>ul>li>.spott .spotbt{
		font-size: 18px;
		color: #313131;
		line-height:52px;
	}
	.frameIContent>ul>li>.iconright{
		width:254px;
		height:100%;
		float: left;		
	}
	.icon{
		padding:38px 0 0 50px;
		width:204px;height:63px;
		border-bottom: 1px solid #E0E0E0;
	}
	.icon .tit{display:block;height:40px;padding-left:43px;width: 160px;}
	.icon .tit1{background: url(../images/icon3.png) no-repeat 0 0;}
	.icon .tit2{background: url(../images/icon4.png) no-repeat 0 0;}
	.icon .tit3{background: url(../images/icon5.png) no-repeat 0 0;}
	.icon .tit4{background: url(../images/icon6.png) no-repeat 0 0;}
	.icon .tit span,i{display: block;text-align: left;line-height:18px;}
	.icon .tit span{font-size: 14px;color:#7c7c7c;}
	.icon .tit i{color: #bbbbbb;font-size: 12px;}
/*brand*/
#brand{width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	position:relative;
	z-index:-1;
	padding: 60px 0;
}
.brandContent{width: 1000px;margin: 0 auto;overflow: hidden;}
.brandnav{width: 1035px;}
.brandnav>li{width: 310px;height: 123px;border:1px solid #e0e0e0;float: left;margin-right: 32px;}
.brandnav>li a{display: block;width:240px;height:85px;padding:38px 0 0 70px;}
.brandnav>li .b1,.b2,.b3{display:block;width:180px;height:85px;padding-left: 60px;}
.brandnav>li .i,.b{display: block;}
.brandnav>li .b{font-size: 24px;color: #333333;font-weight: 100;line-height:28px;}
.brandnav>li .i{font-size: 14px;color: #c9c8c8;line-height:24px;}
.brandnav>li .b1{background: url(../images/brand2.png) no-repeat 0 0;}
.brandnav>li .b2{background: url(../images/brand1.png) no-repeat 0 0;}
.brandnav>li .b3{background: url(../images/brand3.png) no-repeat 0 0;}
.brandnav>li a:hover{background: #f8f8f8;}
/******************************************************************frameII******************************************************************/
#frameIIFrame{
	width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	margin-top:50px;
	background:#f8f7f7;
	padding:50px 0px;
	position:relative;
	z-index:-1;
}

.frameIIContent{
	width:1000px;
	margin:0px auto;
}

	.frameIINav{
		width:100%;
		border:1px solid #d4d4d4;
		background:#fff;
		height:317px;
	}
	.frameIINav>li{
		width:250px;
		height:105px;
		position:relative;
		margin-bottom:1px;
	}
.frameIINav>li:nth-child(2){
		height:210px;
	}
	.frameIINav>li:nth-child(1){
		background:url(../images/index_frameII1.png);
	}
	.frameIINav>li:nth-child(2){
		background:url(../images/index_frameII2.png);
	}
	.frameIINav>li:nth-child(3){
		background:url(../images/index_frameII3.png);
		margin-bottom:0px;
	}
	.frameIINav>li>.block{
		cursor:pointer;
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(160, 160, 160, .41);
		color:#fff;
		font-size:18px;
		line-height: 105px;
		text-align: center;
		word-spacing: 20px;
	}
        .frameIINav>li>.block1{
		height:211px;
	}
	.frameIINav>li>.block.curr{
		background: rgba(220, 22, 27,.91);
	}
	.frameIINav>li>.block>span{
		display:block;
		border-left: 9px solid #d80104;
    		border-top: 5px solid transparent;
    		border-bottom: 5px solid transparent;
		width:0px;
		height:0px;
		position:absolute;
		right:-9px;
		top:50%;
		margin-top:-4px;
		display:none;
	}
	.frameIINav>li>.block.curr>span{
		display:block;
	}
	.frameIINav>li>.block.curr+.info{
		display:block;
	}
	.frameIINav>li>.info{
		width:700px;
		height:270px;
		border:0px solid #000;
		position:absolute;
		display:none;
	}
	.frameIINav>li:nth-child(1)>.info{
		left:280px;
		top:25px;
	}
	.frameIINav>li:nth-child(2)>.info{
		left:280px;
		top:-81px;
	}
	.frameIINav>li:nth-child(3)>.info{
		left:280px;
		top:-187px;
	}
	.frameIINav>li:nth-child(3)>.info{
		font-size:14px;
		line-height:32px;
	}
}

	.frameIINav>li>.info>.up{
		width:100%;
		border-bottom:1px dashed #d80104;
		float:left;
		margin-bottom:20px;
	}
	.frameIINav>li>.info>.up>h1{
		width:402px;
		color:#d80104;
		font-size:16px;
		margin-bottom: 8px;
		float:left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.frameIINav>li>.info>.up>h1>a{
		color:#d80104;
	}
	.frameIINav>li>.info>.up>h2{
		width:402px;
		color:#d80104;
		font-size:14px;
		margin-bottom: 8px;
		float:left;
	}
	
	.frameIINav>li>.info>.up>p{
		width:402px;
		color:#434141;
		font-size:12px;
		margin-bottom: 20px;
		max-height:68px;
		line-height:24px;
		overflow:hidden;
		float:left;
	}
	.frameIINav>li>.info>.up>.inImg{
		width:270px;
		height:122px;
		overflow:hidden;
		margin-top:-54px;
		float:right;
	}
	.frameIINav>li>.info>.down{
		width:100%;
		float:left;
		border-top:1px dashed #f6d6d6;
		padding-top:20px;
	}
	.frameIINav>li>.info>.down>ul{
		width:100%;
		height:100%;
		float:left;
	}
	.frameIINav>li>.info>.down>ul>li{
		width:100%;
		float:left;
		margin-bottom:7px;
	}
	.frameIINav>li>.info>.down>ul>li>.spot, .frameIINav>li>.info>.down>ul>li>.title>a{
		color:#848282;
		font-size:14px;
		float:left;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
		max-width:392px; 
	}
	.frameIINav>li>.info>.down>ul>li>.title>a:hover{
		color:#d80104;
	}
	.frameIINav>li>.info>.down>ul>li>.date{
		color:#848282;
		font-size:12px;
		float:right;
		line-height: 18px;
	}

.Zclose{width:40px;height:40px;background:url(../images/icon-close1.png) center center no-repeat;display:block;float:right;}
.Zmask{width: 1000px;height: 360px;background: #eee;border-radius:10px;position:fixed;top:50%;margin-top: -180px;left:50%;margin-left: -520px;padding: 10px;}
.PromptBox{padding:30px;margin: 20px 0px 0px 0px;line-height: 26px;font-size: 14px;overflow: auto;height: 270px;}
/******************************************************************frameIII******************************************************************/
#frameIIIFrame{
	width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	margin-top:50px;
}

.frameIIIContent{
	height:342px;
	width:1000px;
	border:0px solid red;
	margin:0px auto;
	position:relative;
}
	.frameIIIContent>.pro_title{
		width:770px;
		float:left;	
	}
	.frameIIIContent>.pro_title>tbody>tr>td{
		color:#343434;
		font-size:18px;
		text-indent: 18px;
		height:60px;
		border-left:1px solid #cdcdcd;
		border-top:1px solid #cdcdcd;
		border-bottom:1px solid #cdcdcd;
		background:#e9e8e8;
	}
	.frameIIIContent>.pro_title>tbody>tr>td:last-child{
		opacity:0;
		border:none;
	}
	.frameIIIContent>.pro_title>tbody>tr>td:nth-last-child(2){
		border-right:1px solid #cdcdcd;
	}


	.frameIIIContent>.pro_list{
		width:770px;
		float:left;	
	}
	.frameIIIContent>.pro_list>tbody>tr{
		background:#fafafa;
		display:none;
	}
	.frameIIIContent>.pro_list>tbody>tr:nth-child(6n+6)>td{
		border-bottom:1px solid #cdcdcd;
	}
	.frameIIIContent>.pro_list>tbody>tr.show{
		background:#e9e8e8;
	}
	.frameIIIContent>.pro_list>tbody>tr>td{
		color:#4f4f4f;
		font-size:14px;
		text-indent: 18px;
		height:40px;
		border-left:1px solid #cdcdcd;
		/*background:#fafafa;*/
	}
	.frameIIIContent>.pro_list>tbody>tr>td:last-child{
		height:39px;
		background:#fff;
		border:none;
		border-bottom:1px solid #fff;
	}
	.frameIIIContent>.pro_list>tbody>tr>td:last-child.show{
		background:#d80104;
		border-bottom:1px solid #d80104;
	}
	.frameIIIContent>.pro_list>tbody>tr>td:nth-last-child(2){
		border-right:1px solid #cdcdcd;
	}

	.frameIIIContent .pro_name{
		width:212px;

	}.frameIIIContent .pro_name>a{
		color:#4f4f4f;

	}.frameIIIContent .pro_name>a:hover{
		color:#d80104;
	}
	.frameIIIContent .pro_publictime{
		width:116px;
	}
	.frameIIIContent .pro_orginalvalue{
		width:90px;
	}
	.frameIIIContent .pro_netvalue{
		width:90px;
	}.frameIIIContent .pro_netvalue>span{
		display:block;
		width:0px;
		height:0px;
		border-left: 5px solid transparent;
		border-bottom: 8px solid #d80104;
		border-right: 5px solid transparent;
		float:right;
		margin-top:6px;
		margin-right:8px;
	}
	.frameIIIContent .pro_daytime{
		width:134px;
	}
	.frameIIIContent .pro_growthrate{
		width:112px;
	}
	.frameIIIContent .blue_block{
		width:8px;
	}

	.frameIIIContent>.pro_show {
		border:1px solid #cdcdcd;
		width:200px;
		height:301px;
		float:right;
		padding-left:28px;
		background:#e9e8e8;
	}
	.frameIIIContent>.pro_show>.pro_show_name{
		margin-top:37px;
		color:#343434;
		font-size:18px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	}
	.frameIIIContent>.pro_show>.pro_show_daytime{
		margin-top:12px;
		color:#343434;
		font-size:14px;
	}
	.frameIIIContent>.pro_show>.pro_show_growthrate{
		margin-top:32px;
		color:#d80104;
		font-size:14px;
	}.frameIIIContent>.pro_show>.pro_show_growthrate>span{
		font-size:36px;
	}
	.frameIIIContent>.pro_show>.pro_show_netvalue{
		margin-top:32px;
		color:#d80104;
		font-size:14px;
	}.frameIIIContent>.pro_show>.pro_show_netvalue>span{
		font-size:36px;
	}
	.frameIIIContent>.pageCtrl {
		width:154px;
		height:30px;
		position:absolute;
		bottom:0px;
		float:left;
		border:1px solid #cfcfcf;
		margin-top:8px;
		border-radius:4px;
		color:#a9a9a9;
		font-size:12px;
		text-align: center;
		line-height:30px;
	}
	.frameIIIContent>.pageCtrl>div>i{
		display:block;
		width:100%;
		height:100%;
		line-height:30px;
		cursor:pointer;
	}
	.frameIIIContent>.pageCtrl>div>i:hover{
		color:#d80104;
	}
	.frameIIIContent>.pageCtrl>.first{
		width:30px;
		height:100%;
		float:left;
		border-right:1px solid #cfcfcf;
	}
	.frameIIIContent>.pageCtrl>.prev{
		width:30px;
		height:100%;
		float:left;
		border-right:1px solid #cfcfcf;
	}
	.frameIIIContent>.pageCtrl>.next{
		width:30px;
		height:100%;
		float:left;
		border-right:1px solid #cfcfcf;
	}
	.frameIIIContent>.pageCtrl>.last{
		width:30px;
		height:100%;
		float:left;
	}
	.frameIIIContent>.pageCtrl>.pageCurr{
		width:30px;
		height:100%;
		float:left;
		border-right:1px solid #cfcfcf;
		background:#efefef;
	}

	.frameIIIContent>.more {
		width:38px;
		height:30px;
		border:1px solid #cfcfcf;
		margin-top:8px;
		border-radius:4px;
		color:#a9a9a9;
		font-size:12px;
		text-align: center;
		line-height:30px;
		margin-left:170px;
		position:absolute;
		bottom:0px;
	}
	.frameIIIContent>.more>a{
		display:block;
		width:100%;
		height:100%;
		color:#a9a9a9;
	}.frameIIIContent>.more>a:hover{
		color:#d80104;
	}
	.frameIIIContent>.pro_list_Bg{
		width:762px;
		height:301px;
		border:0px solid #000;
		position:absolute;
		top:0px;
		background:#fafafa;
		z-index:-1;
	}

/*新增*/
.indexfot{width:100%;padding: 50px 0;float:  left;}
.fotlist{width:1000px;min-height:210px;margin:0 auto;}
.fotlist>li{width:490px;height:210px;background-size:100% 100%!imporatnt;float:left;cursor:  pointer;}
.fotlist>li:nth-child(2){float:right;}
.fotlist>li .info{width:370px;height:40px;padding-left:24px;background:url(../images/tiao.png) no-repeat 0 0;margin:89px 0 0 45px;}
.fotlist>li .info>h3{color:#343434;font-size:18px;line-height:1;font-weight:400;}
.fotlist>li .info>p{color:#9b9b9b;font-size:14px;line-height:1;font-weight:600;padding-top:6px;font-style:italic;letter-spacing:}
@media screen and (max-width:880px) {
.Zmask{width:96vw;left:auto;margin-left:2vw;padding:0;}
}
@media screen and (max-width:1024px) {
.frameIContent .aboutmore{bottom:0px;}
	.frameIContent{
		width:78.125%;
		min-width:500px;
		border:0px solid red;
	}
	.frameIContent>ul{
		width:100%;
		margin:0 auto;
	}
	.frameIContent>ul>li{
		position: relative;
		width:100%;
		height: 202px;
		border:1px solid #e0e0e0;
		float: left;
                margin:0 auto;
               margin-bottom:10px;
	}
	.frameIContent>ul>li:first-child{
		margin-right:0px;
	}

       .frameIContent>ul>li>.spott{
		width:40%;
		padding-top: 48px;
		height:154px;
		float:left;
		border-right: 1px solid #E0E0E0;
		background:#fbfbfb;
		text-align: center;
	}
      .frameIContent>ul>li>.iconright{
overflow:hidden;
		width:56%;
		height:100%;
		float: left;		
	}
	.icon{
		padding:38px 0 0 50px;
		width:100%;height:63px;
		border-bottom: 1px solid #E0E0E0;
	}
	.frameIIContent{
		width:78.125%;
		min-width:500px;
	}

	.frameIINav{
		border:none;
		float:left;
		background:none;
	}
	.frameIINav>li{
		width:100%;
		/*height:45px;*/
		height:auto;
		float:left;
		margin-bottom:30px;
		position:static;

	}
	.frameIINav>li:nth-child(1){
		background:none;
	}
	.frameIINav>li:nth-child(2){
		background:none;
	}
	.frameIINav>li:nth-child(3){
		background:none;
		margin-bottom:0px;
	}
	.frameIINav>li>.block{
		width:100%;
		height:45px;
		background:#d80104;
		line-height: 45px;
		text-align: left;
		text-indent:15px;
		float:left;
		position:static;
	}
	.frameIINav>li>.block.curr{
		background:#d80104;
	}
	.frameIINav>li>.block>span{
		border:none;
	}
	.frameIINav>li>.info{
		display:block;
		width:100%;
		height:auto;
		float:left;
		position:static;
		z-index:0;
	}
	.frameIINav>li>.info>.up{
		display: none;
	}
	.frameIINav>li>.info>.down>ul>li{
		margin:24px 0px 0px 0px;
	}
	.frameIINav>li>.info>.down>ul>li>.spot, .frameIINav>li>.info>.down>ul>li>.title>a, .frameIINav>li>.info>.down>ul>li>.date{
		color:#454545;
		font-size:16px;
	}
	.frameIINav>li>.info>.down>ul>li>.title>a{
		max-width:65%;
	}

	.frameIIIContent{
		width:88.125%;
		min-width:500px;
	}

	.frameIIIContent>.pro_title{
		width:100%;
	}

	.frameIIIContent>.pro_list{
		width:100%;
	}

	.frameIIIContent .pro_name{
		width:44%;
	}
	.frameIIIContent .pro_publictime{
		display:none;
	}
	.frameIIIContent .pro_orginalvalue{
		width:18.36%;
	}
	.frameIIIContent .pro_netvalue{
		width:18.36%;
	}
	.frameIIIContent .pro_daytime{
		display:none;
	}
	.frameIIIContent .pro_growthrate{
		width:18.36%;
	}
	.frameIIIContent .blue_block{
		display:none;
	}

	.frameIIIContent>.pro_show{
		display:none;
	}
	.frameIIIContent>.pageCtrl{
		display:none;
	}

	.frameIIIContent>.more{
		width:50px;
		margin-left:0px;
	}

	.frameIIIContent>.pro_list_Bg{
		width:100%;
	}

	/*字体修订*/
	.frameIContent>ul>li>h1{
		font-size:32px;
	}

	.frameIINav>li>.block{
		font-size:32px;
	}

	.frameIINav>li>.info>.down>ul>li>.spot, .frameIINav>li>.info>.down>ul>li>.title>a, .frameIINav>li>.info>.down>ul>li>.date{
		font-size:24px;
	}
	.frameIINav>li>.info>.down>ul>li>.date{
		line-height:28px;
	}

	.frameIIIContent>.pro_title>tbody>tr>td{
		font-size:24px;
		text-indent:8px;
	}
	.frameIIIContent>.pro_list>tbody>tr>td{
		position:relative;
		font-size:24px;
		line-height:64px;
		text-indent:8px;
	}
	.frameIIIContent .pro_name>a {
		display:block;
		max-width:240px;
		white-space: nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.frameIIIContent .pro_netvalue>span{
		position:absolute;
		right:.1%;
		bottom:40%;
	}
	.frameIIIContent>.more{
		height:32px;
		bottom:0px;
		top:450px;
	}
	.frameIIIContent>.more>a{
		font-size:24px;
	}
	.frameIINav>li:nth-child(3)>.info{
		font-size:24px;
		line-height:48px;
	}
	#frameIIIFrame{
		margin-bottom:30px;
	}
#brand{width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	position:relative;
	z-index:-1;
	padding-top:35px;
padding-bottom:0px;
}
.brandContent{width:90%;margin: 0 auto;overflow: hidden;}
.brandnav{width:100%;margin:0 auto;display:flex;flex-flow:row nowarp;justify-content:space-between;}
.brandnav>li{width:31%;height: 123px;border:1px solid #e0e0e0;float: left;margin-right:0px;}
.brandnav>li a{display: block;width:90%;height:85px;padding:38px 0 0 10%;}
.brandnav>li .b1,.b2,.b3{display:block;height:85px;padding-left:50px;}

.indexfot{width:94vw;padding: 50px 0 0 0;float:  left;margin-left:3vw;}
.fotlist{width:100%;}
.fotlist>li{width:100%;height:40vw;background-size: contain!important;float:left;cursor:  pointer;margin-bottom: 3vw;}
.fotlist>li:nth-child(2){float:right;}
.fotlist>li .info{width: 80vw;height:40px;padding-left:24px;background: url(../images/tiao.png) no-repeat 0 0;margin: 16vw 0 0 8vw;box-sizing:  border-box;}
}
