body{
	background: #f8f7f7;
}
/******************************************************************frameTitle******************************************************************/
.fcH>a{color:#d80104;}
#frameTitleFrame{
	width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	margin-top:18px;

}
.frameTitleMiddle{
	width:1000px;
	margin:0px auto;
}
	.frameTitleMiddle>.chinese{
		color:#565656;
		font-size:18px;
	}
	.frameTitleMiddle>.english{
		color:#d80104;
		font-size:14px;
	}
	.frameTitleMiddle>.poz{
		float:right;
		font-size:12px;
	}
	.frameTitleMiddle>.poz>a{
		color:#555;
	}
/******************************************************************frameChild******************************************************************/
#frameChildFrame{
	width:100%;
	min-width:640px;
	border:0px solid #000;
	float:left;
	margin-top:18px;
	margin-bottom:40px;
}
.frameChildMiddle{
	width:1000px;
	margin:0px auto;
}

	.frameChildMiddle>.left{
		width:180px;
		float:left;
	}

	.frameChildMiddle>.left>ul{
		width:100%;
		float:left;
		margin-bottom:24px;
	}
	.frameChildMiddle>.left>ul>li{
		width: 100%;
		height: 45px;
		margin-bottom:8px;
		position:relative;
	}.frameChildMiddle>.left>ul>li>a{
		display: block;
		width:100%;
		height:100%;
		border:1px solid #d6d6d6;
		line-height: 45px;
		text-align: center;
		font-size:14px;
		color:#454545;
		background:#fff;
	}
	.frameChildMiddle>.left>ul>li>a:hover{
		color:#d80104;
	}

	.frameChildMiddle>.left>ul>li.curr>a{
		color:#fff;
		background:#d80104;
	}
	.frameChildMiddle>.left>ul>li.curr>span{
		display:block;
	}

	.frameChildMiddle>.left>ul>li>span{
		display:none;
		position:absolute;
		top:50%;
		margin-top:-3px;
		right:-8px;
		width:0px;
		height:0px;
		border-left:8px solid #d80104;
		border-bottom:5px solid transparent;
		border-top:5px solid transparent;
	}

	.frameChildMiddle>.left>.info{
		width:160px;
		border:1px solid #d6d6d6;
		float:left;
		text-align: center;
		background:#fff;
		padding:10px 10px 0px 10px;
		margin-bottom:8px;
	}
	.frameChildMiddle>.left>.info>img{
		width:160px;
		display:inline-block;
		
	}
	.frameChildMiddle>.left>.info>p{
		display:inline-block;
		width:164px;
		color:#d80104;
		font-size:14px;
		margin-top:12px;
		text-align: left;
	}
	.frameChildMiddle>.left>.info>p>a{color:#d80104;}
	.frameChildMiddle>.left>.info>span{
		display:inline-block;
		width:160px;
		color:#454545;
		font-size:12px;
		margin-top:5px;
		text-align:left;
		margin-bottom:10px;
	}
.frameChildMiddle>.right{width:924px;background:#fff;float:right;padding:36px 38px;min-height:400px;}
.frameChildMiddle>.right>h1{height:60px;border-bottom:1px solid #d6d6d6;line-height: 60px;color:#d80104;font-size:18px;margin-bottom: 20px;}
/*	.frameChildMiddle>.right>p{
		line-height: 35px;
		color:#565656;
		font-size:14px;
	}.frameChildMiddle>.right>img{
		margin-top:20px;
	}*/



@media screen and (max-width:1024px) {
	.frameChildMiddle{
		width:78.125%;
		min-width:500px;
	}

	.frameTitleMiddle{
		width:78.125%;
		min-width:500px;
	}
	.frameChildMiddle>.left{
		display: none;
	}
	.frameChildMiddle>.right{
		width:90%;
		padding-right:5%;
		padding-left:5%;
	}
	.frameChildMiddle>.right>h1{
		font-size:32px;
	}

}
/*新增*/
.clear:after{content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;}
.ileft{float: left;}
.iright{float: right;}
/*页面内容*/
.institute{width:100%;height:auto;margin-top:95px;background:#f8f7f7 url(../images/bigbj.png) no-repeat center 0;padding-bottom: 80px;}
.insmain{width:1002px;margin:0 auto;}
.institle{width:100%;min-height:59px;}
.institle h3{line-height:59px;font-weight:400;}
.institle h3 span{font-size:18px;color:#3d3d3d;padding-right:10px;}
.institle h3 i{font-size:16px;color:#cc1815;}
.ialink{float:right;font-size:12px;line-height: 59px;color:#565656;}
.ialink>a{color:#565656!important;}
.ialink>span{padding:0 5px;}
.ialink .loc{color:#d91713!important;}
.intbanner {width:100%;height:auto;}
.intbanner .swiper-pagination{bottom: 25px;}
.intbanner .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;margin:0 8px;background:#aeaeae;opacity:1;}
.intbanner .swiper-pagination .swiper-pagination-bullet-active{background:#e82622;}
.intbot{width:954px;padding:42px 24px;background:#ffffff;}
.itoptitle{width:100%;height:40px;background:url(../images/changtiao.png) no-repeat right 31px;margin-bottom: 30px;}
.ibotitle{width:100%;height:40px;background:url(../images/changtiao2.png) no-repeat right bottom;margin-bottom: 30px;position:relative;}
.intsubtitle{width:40%;padding-left:18px;background:url(../images/tiao.png) no-repeat 0 0;height:40px;float:left;}
.intsubtitle>p{font-size:16px;color:#cbcbcb;font-style:italic;line-height:1;font-weight:400;}
.intsubtitle>h3{color:#2b2b2b;font-size:18px;font-weight:400;}
.intiteinfo{width:100%;height:auto;font-size:14px;color:#434141;opacity:0.8;padding-bottom:57px;line-height: 30px;}
.intiteinfo img{width:auto!important;max-width:100%;height:auto;}
.personkuang{width:100%;}
.persontitle{font-size:16px;color:#2b2b2b;line-height:20px;padding-bottom: 20px;}
.iperlist{width:100%;}
.iperlist>li{width:188px;height: 220px;float:left;cursor:pointer;margin:0 3px 4px 0;position:relative;transition: all 0.5s;overflow:  hidden;}
.iperlist>li:nth-child(5n){margin-right:0;}
.iperlist>li img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor:pointer;
    -webkit-filter: #929292;
            filter: #929292;
vertical-align: middle;width: 100%;height:auto;
}
.iperlist>li.active img{ -moz-filter: grayscale(0);ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);-webkit-filter: #929292;filter: #929292;}
.iperlist>li .ptit{position:absolute;bottom:0;left:0;width:100%;height:42px;font-size:16px;line-height:42px;text-align:center;background:rgba(0,0,0,.8);color:#fff;opacity:0;}
.iperlist>li.active .ptit{opacity:1;transition: all 0.5s;}
/*tankuang*/
.tankuang{width:100%;height:100vh;position:fixed;left:0;bottom:0;background:rgba(255,255,255,.8);z-index:100000;display:none;}
.kuangtu{width:500px;height:620px;position:absolute;left:50%;margin-left:-250px;top:50%;margin-top:-335px;padding-top:50px;}
.icha{position:absolute;right:0;top:0;width:37px;height: 37px;background:url(../images/icha.png) no-repeat center center;}
.kuangtu .img{width:100%;position:relative;}
.kuangtu .img img{width:100%;height:auto;}
.kuangtu .img .kuy{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../images/imagebj.png) no-repeat center bottom;}
.kuangtu .img .info{width:435px;padding-bottom: 30px;position:absolute;left:30px;bottom:0;color:#fff;}
.kuangtu .img .info .ff{color:#fff;font-size:14px;line-height:24px;text-align: justify;}
.kuangtu .img .info .tt{font-size: 24px;line-height:1;padding-bottom:15px;font-weight:400;}
.intbutn{display:block;width:29px;height:29px;float:right;background:url(../images/intuser.png) no-repeat 0 0;margin-top: 11px;}
.intcha{background:url(../images/intcha.png) no-repeat 0 0!important;}
.person-list {
	top: 42px;
	right: 0px;
	width: 180px;
	left: auto;
	opacity: 0.95;
	border: none;
	border-radius: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	background-color: #FFF;
	z-index: 2;
	list-style: none;
	padding-left: 0;
	display: none;
	max-height:500px;
}
.person-list li {
	padding: 5px 15px;
	cursor: pointer;
}
.person-list li:hover {
	background-color: #ccc;
	opacity: 0.5;
}
.person-list.list-show {
	display: block;
}
.person-list::-webkit-scrollbar {  
    width: 1px;  
}  
   
.person-list::-webkit-scrollbar-track {
}  
   
.person-list::-webkit-scrollbar-thumb {    
    background: rgb(0,0,0);   
}  
  
.person-list::-webkit-scrollbar-thumb:window-inactive {  
    background: rgba(0,0,0,0.1);   
}  
  
.person-list::-webkit-scrollbar-thumb:vertical:hover{  
    background-color: rgba(0,0,0,0.3);  
}  
.person-list::-webkit-scrollbar-thumb:vertical:active{  
    background-color: rgba(0,0,0,0.7);  
}
.footcop{width: 943px;font-size:  14px;margin: -45px auto  60px;color:  #e22521;font-weight: 600;}
.zixuinfo{width:100%;margin-bottom: 46px;}
.zixuinfo .bj{width:349px;height:391px;float:left;background: url(../images/hong.png) no-repeat left bottom;}
.zixuinfo .bj img{display:block;float:right;width:321px;height:361px;}
.zixuinfo .zinfo{width:564px;float:right;}
.zixuinfo .zinfo .zxtit1{background:url(../images/tiao5.png) no-repeat right 28px;}
.zixuinfo .zinfo .info{color:#7d7c7c;font-size:14px;line-height:28px;}
.zixuinfo .zinfo .info img{width:auto;max-width:100%;}
.protit{background:url(../images/tiao4.png) no-repeat right 26px;}
.zxproduct{width:100%;padding-bottom:58px;}
.zxprolist{width:100%;}
.zxprolist>li{width:25%;height: 240px;float:  left;background: url(../images/probj.png) no-repeat center 0;transition:all 0.5s;}
.zxprolist>li .img{width:125px;height:144px;margin-left: 57px;background-repeat:  no-repeat;background-position:  0 center;}
.zxprolist>li .inf{padding-top:20px;width:100%;text-align:center;}
.zxprolist>li .inf h3{color:#555555;font-size:16px;font-weight:600;line-height:30px;}
.zxprolist>li .inf p{font-size:12px;color:#999999;line-height:20px;}
.zxprolist>li:hover{background: url(../images/probj1.png) no-repeat center 0;}
.zxprolist>li:hover .img{background-position:-125px;}
.zxprolist>li:hover:hover .inf h3,.zxprolist>li:hover:hover .inf p{color:#c40202;}
.zxactive{width:100%;padding-top:55px;}
.actlist{width:100%;}
.actlist>li{width:225px;float:left;margin-right: 18px;transition:all 0.5s;cursor:pointer;}
.actlist>li .mask{width:100%;height:131px;position:relative;}
.actlist>li .mask img{width:100%;}
.actlist>li .mask .amask{position:absolute;width:100%;height:100%;background:url(../images/vediobj.png) no-repeat 0 0;left:0;right:0;opacity:0;background-size:100% 100%;}
.actlist>li:nth-child(4n){margin-right:0;}
.actlist>li:hover .mask .amask{opacity:1;}
.actlist>li .sinfo{width:100%;height:32px;background:#f2f2f2;text-indent:10px;line-height:32px;font-size:12px;color:#333333;}
.actlist>li:hover .sinfo{background:#e22521;color:#fff;}
.actswiper{width:100%;position:relative;}
.actswiper .swiper-container{width: 900px;margin:0 auto;}
.actswiper .swiper-button-next{right:0;}
.actswiper .swiper-button-prev{left:0;}
.actswiper .swiper-slide{cursor:pointer;transition:all 0.5s;}
.actswiper .swiper-slide .mask{position:relative;width:100%;height:127px;}
.actswiper .swiper-slide .mask img{width:100%;height:100%;}
.actswiper .swiper-slide .amask{position:absolute;width:100%;height:100%;background:url(../images/vediobj.png) no-repeat 0 0;left:0;right:0;opacity:0;background-size:100% 100%;}
.actswiper .swiper-slide .sinfo{width:100%;height:30px;background:#f2f2f2;line-height:30px;font-size:12px;text-indent:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;}
.actswiper .swiper-slide:hover .amask{opacity:1;}
.actswiper .swiper-slide:hover .sinfo{background:#e22521;color:#fff;}
@media screen and (max-width:1024px) {
	html,body{width:100%;overflow-x:hidden;}
	.institute{width:100vw;overflow:hidden;}
	.ialink{font-size:20px;}
.insmain{width:90vw;}
.institle h3 span{font-size: 26px;color:#3d3d3d;padding-right:10px;}
.institle h3 i{font-size: 20px;color:#cc1815;}
.intbot{width:100%;padding: 42px 0;}
.itoptitle{width:100%;height: 70px;margin-bottom: 20px;background-size: 48%!important;background: url(../images/changtiao.png) no-repeat right 48px;}
.zixuinfo{position:relative;padding-top: 90px;}
.zixuinfo .bj{width:100%;height:auto;float:none;background:none;}
.zixuinfo .bj img{display:block;float:none;width:100%;height: auto;}
.zixuinfo .zinfo{width:100%;float:right;}
.zixuinfo .zinfo .zxtit1{position:absolute;top:0;left:0;background: url(../images/tiao5.png) no-repeat right 48px;background-size: 59%;}
.zixuinfo .zinfo .info{color:#7d7c7c;font-size: 28px;line-height: 44px;padding-top: 20px;}
.intsubtitle{width: 62%;height: 70px;background-size: 3%;}
.intsubtitle>p{font-size: 26px;color:#cbcbcb;font-style:italic;line-height:1;font-weight:400;}
.intsubtitle>h3{color:#2b2b2b;font-size: 30px;font-weight:400;}
.protit{background: url(../images/tiao4.png) no-repeat right 44px;background-size: 77% 5%;}
.zxprolist>li{width:50%;height: 365px;background-size: 50%;}
.zxprolist>li .img{width: 50%;height: 196px;margin-left: 25%;background-repeat:  no-repeat;background-position:  0 center;background-size: 200%;}
.zxprolist>li .inf{padding-top:20px;width:100%;text-align:center;}
.zxprolist>li .inf h3{font-size: 28px;line-height: 40px;}
.zxprolist>li .inf p{font-size: 24px;color:#999999;line-height:20px;}
.zxprolist>li:hover{background: url(../images/probj1.png) no-repeat center 0;}
.zxprolist>li:hover .img{background-position:-125px;}
.zxprolist>li:hover:hover .inf h3,.zxprolist>li:hover:hover .inf p{color:#c40202;}
.ibotitle{height:70px;background: url(../images/changtiao2.png) no-repeat right 46px;margin-bottom: 30px;position:relative;background-size: 66%;}
.intbutn{display:block;width:50px;height:50px;margin-top:8px;background-size:100% 100%;}
.intcha{background-size:100% 100%;}
.persontitle{font-size:30px;width:90%;margin:0 auto;}
.iperlist{width:90%;margin:0 auto;}
.iperlist>li{width:48%;height: 45vw;float:left;cursor:pointer;margin: 0 0 10px;overflow:  hidden;}
.iperlist>li:nth-child(2n){float:right;}
.actlist{width: 96%;margin: 0 auto;}
.actlist>li{width: 49%;float:left;margin-right: 0;cursor:pointer;margin-bottom: 10px;}
.actlist>li:nth-child(2n){float:right}
.actlist>li .mask{width:100%;height: auto;position:relative;}
.actlist>li .mask img{width:100%;}
.actlist>li .mask .amask{position:absolute;width:100%;height:100%;background:url(../images/vediobj.png) no-repeat 0 0;left:0;right:0;opacity:0;background-size:100% 100%;}
.footcop{width:85%;font-size:24px;margin: -45px auto  20px;}
.actlist>li .sinfo{width:100%;height: 55px;line-height: 55px;font-size: 24px;overflow:  hidden;white-space:  nowrap;text-overflow:  ellipsis;}
.actlist>li:hover .sinfo{background:#e22521;color:#fff;}
/*  */
.actswiper .swiper-container{width:70vw;}
.actswiper .swiper-slide .mask{;height:auto;}
.actswiper .swiper-slide .mask img{height:auto;}
.actswiper .swiper-slide .sinfo{height:60px;line-height:60px;font-size:24px;text-indent:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333;}
}