*{}
@media (max-width:1440px){

body .body_nav{padding:0 0 0 3%;}
.probannerbg{ background:url(../images/pronybanner1440.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
}

@media (max-width:1367px){


body .nav li a {padding: 0px 16px;font-size: 14px;}
body .body_nav{padding:0 0 0 1%;}
.fl.logo {width: 290px;margin: 26px 0 0 0px;}

}


@media (max-width:1280px){

body .body_nav{padding:0 0 0 0%;}
.fl.logo {width: 242px;margin: 30px 0 0 0px;}

}



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

.probannerbg{ background:url(../../images/pronybanner1440.jpg) top repeat-x; height:287px; margin-top:100px; text-align:center; width:100%; overflow:hidden}
.classlist{ height:122px; width:auto;background:#EAEAEA; margin-top:-100px; overflow:hidden; overflow-y:auto}
.classlist ul li{ height:60px; line-height:60px; width:50%;  white-space: nowrap;text-overflow: ellipsis;overflow:hidden;text-align:center; border-bottom:solid 1px #FFF; float:left}
.classlist ul li a{ width:auto; color:#333; padding:0px 10px; display:block}
.classlist ul li a:hover{ background:#CECECE; color:#FFF}
.classlist ul li.cur{ background:#CECECE; color:#333}

.nav{list-style:none;margin:0;padding:0; width:100%; float:right}
.wapmian{ display:block; width:100%; margin-top:0px;}
.mainvideo video{ display:none}
.wapmian img{ width:100%}
.pcmian { display:none}
.toprightleg{ display:none}
.div{ width:96%; margin:0px auto}
.indexmainpro{ width:96%; height:auto; margin:30px auto 0px auto;overflow:hidden}
.fl.logo {width: 242px;margin: 15px 0 0 0px;}
.iproleft{ float:none; width:100%; margin-top:0px}
.iproleft img{ width:100%;}
.iproleftimg{ float:left; width:363px; height:564px; overflow:hidden}
.iproleftwz{ float:none; width:100%; padding-left:0px;}
.header_bg{
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;
    min-height: 84px !important;
    background: rgba(255,255,255,1);
    z-index: 99999;
    height: 84px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

.iprolist{ width:96%; height:auto; margin:50px auto 0px auto; overflow:hidden }
.iprolist ul li{ float:left; width:46%;padding-right:8%;height:auto; margin-bottom:50px; overflow:hidden}
.iprolist ul li img{ width:100%; height:auto; overflow:hidden}
.iprolist ul li:nth-child(2n){ padding-right:0px;}
.iprolist ul li font{ width:100%; float:left; display:block; margin-top:30px; text-align:left; color:#333;text-overflow:ellipsis;-webkit-line-clamp:1; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}
.iprolist ul li font a{ color:#333; display:block; font-size:18px; font-weight:bold}
.iprolist ul li font a:hover{ color:#886028}
.iprolist ul li span{ width:100%; margin-top:10px; float:left; font-size:14px; color:#333;text-overflow:ellipsis;-webkit-line-clamp:4; -webkit-box-orient:vertical;display:-webkit-box; overflow:hidden}
.mainvideo{ display:none}
.main{ width:100%; min-width:100%; height:auto; overflow:hidden; margin:0px auto; display:block}
.ibgimg{ height:auto; margin-top:24px; width:100%; padding:20px auto; background:url(/images/bgpic.jpg) center no-repeat;background-size:100% 100%;}
.ifiveimg{ float:none; width:96%; margin:20px auto;}
.ifiveimg img{ width:100%}
.bottommain{ display:none}
.bottommain02{ display:block}
.proshows{ width:99%; margin:50px auto 0px auto; float:left}
.proshowright{ float:left; width:100%; height:auto; text-align:left}
.proshowname{ font-size:24px; margin-top:10px;}
#outBox{
	width: 100%;
	height: auto;
	margin: 2px auto;
}
.w{
	width: 100%;
	height: auto;
}
.w img{ width:100%}
.leftBox{
	width: 100%;
	height: auto;
	float: left;
}
.content iframe{ width:100%; height:240px} 


.tabFeedBack1 td{ height:56px; padding:0 3px; font-size:16px}
.tabFeedBack1 input{ border:solid 1px #DCDBDB; width:90%; outline:none; padding:5px;}
.textarea{ width:90%;border:solid 1px #DCDBDB;outline:none; padding:5px}
.newsmainbg{ background:none; background-position:0px 80px;}
.contact_name{ font-size:14px; padding-left:0px; padding-top:20px;}
.contact_name02{ font-size:14px; padding-left:0px; padding-top:20px;}
.supback{ margin:30px auto 0px auto; width:90%;}
.supbackinput{ width:100%; height:34px; line-height:34px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}
.supbacktarea{width:100%;  height:120px; line-height:30px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}
input.subbut { width:93px; float:left; margin-bottom:150px; height:38px; line-height:38px; text-align:center; background:#004040;  border-radius: 4px; color:#FFF; display:block; cursor:pointer;}

.contactmainbg{ background:none}
.supback{ margin-top:30px; width:100%;}
.supbackinput{ width:95%; height:34px; line-height:34px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}
.supbacktarea{width:95%; height:120px; line-height:30px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}
.supbackinput02{ width:80%; height:34px; line-height:34px; text-align:left; padding:2px; border:solid 1px #CBD6E2; outline:none}

.Newslist{ width:100%; margin-top:50px; height:auto; overflow:hidden; margin-bottom:80px;}
.Newslist ul li{ float:none; padding:5px 5px 25px 5px;width:94%;border-box:content-box; height:auto; overflow:hidden; box-shadow:0px 0px 5px #666; margin:20px auto;}
.Newslist ul li font{ margin:10px 0px;}
.Newslist ul li a font{ font-size:18px; line-height:24px; padding:0px 5px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; width:100%;color:#004040;overflow: hidden; min-height:48px;}
.Newslist ul li a font:hover{ color:#886028}
.Newslist ul li a.redmore{ width:160px; height:60px; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#004040; display:block}
.Newslist ul li a.redmore:hover{width:160px; height:60px; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#0C7474; display:block}
.Newslist ul li a span{ font-size:16px;padding:10px 5px; height:57px; width:100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.Newslist ul li:nth-child(3n){ margin-right:0px;}
.Newslist ul li img{ width:100%; height:auto; overflow:hidden}
.faqlist{ font-size:16px; line-height:30px;}
.Newslist ul li a.redmore{ width:160px; height:48px; text-align:center; line-height:48px; font-size:14px; color:#FFF; background:#004040; display:block}
.Newslist ul li a.redmore:hover{width:160px; height:48px; text-align:center; line-height:48px; font-size:14px; color:#FFF; background:#0C7474; display:block}
.nav li.yuyan{ display:block}
.iwz01{float:left; font-size:16px; width:100%; padding-top:20px; line-height:30px; padding-bottom:20px;color:#333}
.nav li.wapnav{ display:none}
.mt-tabpage {
	width: 100%;
	margin: 10px auto 30px auto;
	height:auto;
	overflow:hidden;
	background-color: #FFFFFF;
}


.mt-tabpage-title {
	height: auto;
	font-size: 0;
	background-color: #fff;
	width: 100%;
	margin: auto;
	background: #fff;
	text-align:left;
	margin-bottom:30px;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: auto;
	padding:0px 10px;
	height: auto;
	border-bottom: 1px solid #f1f1f1;
	line-height: 30px;
	text-align: left;
	color: #666;
	font-size: 14px;
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #004040;
	font-size: 14px;
	border-bottom: 1px solid #004040;
}


.tutortop{font-size:24px; line-height:36px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}



/*tutor*/
.tutormain{}
.tutorwz{ font-size:14px;color:#000; text-align:center; line-height:24px; margin:20px 0px;}
.tutorwz span{font-size:14px;color:#000; text-align:left; line-height:24px;}
.tutorlist{ margin-top:80px; width:100%; height:auto; overflow:hidden}
.tutorlist ul li{ float:left; width:100%; margin-bottom:60px; height:auto; overflow:hidden;}
.tutorlist ul li .tutorimg{ float:left; width:640px; height:auto; overflow:hidden}
.tutorlist ul li .tutorwz{ float:left; text-align:left; width:100%; display:block}
.tutorlist ul li .tutorwz font{ font-size:16px; line-height:30px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}
.tutorlist ul li .tutorwz span{ font-size:14x; float:left; width:640px; color:#000}
.tutorlist ul li .tutorimg img{ width:560px;}
.tutorlist ul li:nth-child(2n) .tutorimg{ float:left; width:560px; height:auto; overflow:hidden}
.tutorlist ul li:nth-child(2n) .tutorwz{ float:left; text-align:left; width:560px;}
.tutorlist ul li:nth-child(2n) .tutorwz font{ font-size:16px; line-height:30px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}
.tutorlist ul li:nth-child(2n) .tutorwz span{ font-size:14x; float:left; width:100%; color:#000}
.tutorlist ul li:nth-child(2n) .tutorimg img{ width:560px;}
.tutortop{font-size:24px; line-height:36px; float:left; width:100%; margin-bottom:20px; font-weight:bold; color:#000}

.videoselect{width:100%; display:block; margin-bottom:20px; margin-top:20px; height:auto; margin-left:40px; overflow:hidden;  font-size:16px; float:left; color:#333;}
.videoselect dl{ float:left;}
.videoselect dl dt{ float:left; margin-right:10px;}
.videoselect dl dd{ float:left; margin-right:10px;}
.videoselect dl dd a{ padding:3px 5px; background:#004040;border-radius:4px; font-size:18px; color:#FFF; display:block}
.videoselect dl dd a:hover{padding:3px 5px; background:#157A7A;border-radius:4px; font-size:18px; color:#FFF; display:block}
.Video02{ margin-left:0px;margin-top:0px;}
.Videoleft{ float:left}
#Video3_2{float:left}

.mt-tabpage-count {
	position: relative;
	width: 560px;
	height: 650px!important;
	overflow:hidden
}
.mt-tabpage-count .mt-tabpage-item {
	width: 560px;
	height: 650px;
	text-align: center;
}

	}