@charset "utf-8";
/* CSS Document */

@media (min-width: 1200px) {
	.container{
        width: 1240px;
    }
}

dl{ margin-bottom:0 !important}
  a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666; font-family:"微软雅黑"}
 a:visited{text-decoration:none;}
 a:active{text-decoration:none;}
 a:hover{ color:#dd2c2d;outline:none}
 
 body{ background:url(../wdimages/bj.jpg); font-size:12px; font-family:"微软雅黑"}

#header{ width:100%; margin:0 auto; background:#FFF; border-bottom:1px solid #eee}
.header{ height:100%; position:relative;}
.logo img{ max-width:100%; padding:2vh 0}

.wz{color:#666; font-family:"微软雅黑"; text-align:right; padding-top:5vh}

.wdnav-con{height:46px;line-height:46px;background-color:#43484e;position:relative;z-index:20;overflow:hidden}
.wd_nav{position:relative;z-index:20;width:1200px; margin:0 auto}
.wd_nav  li{float:left;width:120px;text-align:center;font-size:14px;color:#fff;position:relative;line-height:46px}
.wd_nav  li a{display:block;color:#fff}
.wd_nav  li a:hover{background-color:#111111; text-decoration:none;}

@media all and (max-width: 991px) {
	.wdnav-con{ display:none;}
    .wd_nav .menu {display: block;}
    .wd_nav  {position: absolute;top: 60px;padding-left: 15px;right:-14px;display: none; width:80%        }    
    .wd_nav  li {float: none;background-color: #333;border-radius: 4px;margin-bottom: 1px; line-height:35px; height:35px; width:100%       }
    .wd_nav  li:hover {background-color: #333;opacity: 0.9;}
    }




#fla{ width:100%; height:364px; background:url(../wdimages/main-bg.jpg) no-repeat center center; margin-top:-1px;}
.fla{ height:364px;background:url(../wdimages/main-bg.jpg) no-repeat center center; position:relative; margin:0 auto}
.tw{ text-align:center; font-family:"微软雅黑"; font-size:5rem; color:#FFF; font-weight:bold; padding-top:50px;}
.tw2{ text-align:center;font-family:"微软雅黑"; font-size:20px; color:#FFF; padding-top:20px; }

form.search-form { margin: 30px 0 15px 0;  text-align: center}
form.search-form .input-common, form.search-form input.search-term, form.search-form input.search-btn {font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  box-shadow: none; border-radius: 0;  display: inline-block;  border: none;  vertical-align: bottom}
form.search-form input{ margin-top:5px}
form.search-form input.search-term {  font-size: 14px;   line-height: 24px;  padding: 12px;    color: #858c91;  margin-bottom: 0;}
form.search-form input.search-btn {  background-color: #3b424a;  font-size: 14px;  line-height: 19px;  font-weight: 600;  padding: 14px 35px 15px;  color: #fff}
.hon{ background-color:#d21704 !important}
form.search-form input.search-btn:hover {  background-color: #4b5760; cursor:pointer}

.wrap{ margin:0 auto;}
.wrap1{ position:relative;}
.wtfl{  height:auto;  border-bottom:1px solid #ededed; margin-top:25px; }
.wtfl_bt{ height:40px; border-bottom:1px solid #ededed; line-height:40px; width:100%}
.cn{ font-size:20px; color:#3b424a; font-family:"微软雅黑"; background:url(../wdimages/shu.jpg) no-repeat 0px 6px; padding-left:15px;}



		.wenti{  height:auto; overflow:hidden; margin-top:25px; }
		.slideTxtBox{ text-align:left;  }
		.slideTxtBox .hd{ height:40px; line-height:40px;  border-bottom:1px solid #ddd;  position:relative;  }
		.slideTxtBox .hd ul{ float:left; position:absolute;top:-2px; height:40px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:20px; color:#3b424a  }
		.slideTxtBox .hd ul li.on{ height:40px;   border-bottom:2px solid #26569a; }
		
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox .bd li{ height:61px; line-height:61px; border-bottom:1px solid #f1f1f1; background:url(../wdimages/w.jpg) no-repeat 0px 23px; font-size:14px; text-indent:1cm  }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
		
.zxhd{ height:auto; margin-top:25px; }		
.zxhd_bt{  height:40px; border-bottom:1px solid #ededed; line-height:40px;}
.zxhd_nr ul{ padding-top:10px;}
.zxhd_nr ul li{line-height:35px; background:url(../wdimages/d.jpg) no-repeat 2px 15px; text-indent:0.5cm; font-size:14px;}

.zx_tu{ margin-top:40px;}
.zx_tu img{ width:100%}

.wd_tu{ margin:3vh auto;}
.wd_tu img{ width:100%}

.rmtj{  height:auto; overflow:hidden; margin: 15px auto}
.rmtj_bt{  height:40px; border-bottom:1px solid #ededed; line-height:40px;}
.rmtj_nr ul{ padding:10px 0}
.rmtj_nr ul li{ width:300px; float:left; line-height:32px; text-indent:0.5cm; font-size:14px;}

.rmtj_nr1 ul{ padding:10px 0}
.rmtj_nr1 ul li{ width:240px; float:left; line-height:32px; text-indent:0.5cm; font-size:14px;}



#footer{ width:100%; height:62px; background:#353c41; margin:0 auto}
.footer{ height:62px; background:#353c41; margin:0 auto; line-height:62px; color:#626c73}

/*手机头部*/
#molheader {
	display: none;
	text-align: center;
	width: 100%;
	height: 42px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 32;
}
#molheader .mol_navbutton {
	position: absolute;
	top: 40%;
	right: 0;
	width: 74px;
	height: 40px;
}
#molheader .mol_navbutton img {
	width: 32%;
}

@media all and  (min-width: 768px) and (max-width: 991px) {
#molheader .mol_navbutton {
	position: absolute;
	top: 37px;
	right: 0;
	width: 74px;
	height: 40px;
}
	}
/*panle导航开始*/
.left_nav {
	width: 280px;
	height: 100%;
	z-index: 7;
	background: #313131;
	position: fixed;
	top: 0px;
	left: 0px;
	color: #f0f0f0;
	z-index: 44;
}
.left_nav .class-top {
	height: 70px;
	overflow: hidden;
	margin: 0;
	font-size: 24px;
	line-height: 70px;
	padding-left: 26px;
}
.left_nav .class-close {
	width: 34px;
	height: 34px;
	line-height: 34px;
	margin: 16px 10px 0 0;
	float: right;
	display: block;
	text-align: center;
	font-size: 24px;
	color: #a1a1a1;
	border: 1px solid #3f3f3f;
	border-radius: 50%;
}
.class-m {
	height: 88%;
	overflow-y: auto;
}
.opacity2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 40;
	display: none;
}
.overflow {
	height: 100%;
	overflow: hidden;
}
.class-m .nnav {
	width: 280px;
	height: auto;
	overflow: hidden;
	padding: 10px 0;
}
.class-m .nnav li {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #373737;
}
.class-m .nnav li a.ce {
	padding-left: 26px;
	color: #ccc;
	font-size: 16px;
	display: block;
	height: 60px;
	line-height: 60px;
}
.menu_head .ericon {
	color: #ccc;
	width: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;/*background: #d55342;border-radius: 50%;*/
}
.menu_head .ericon .icon1 {
	display: none;
}
.menu_head .ericon.xz .icon1 {
	display: block;
}
.menu_head .ericon.xz .icon2 {
	display: none;
}
.class-m .nnav li .menu_body {
	display: none;
}
.class-m .nnav li .menu_body li {
	border-bottom: none;
}
.menu_body li a.er {
	padding-left: 40px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #999;
}
.menu_body .thricon {
	color: #999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	display: inline;
	font-size: 20px;
	position: relative;
	z-index: 3;
}
.menu_body .thricon .icont1 {
	display: none;
}
.menu_body .thricon.tz .icont1 {
	display: block;
}
.menu_body .thricon.tz .icont2 {
	display: none;
}
.class-m .nnav li .thr_body {
	display: none;
}
.class-m .nnav li .thr_body li {
	border-bottom: none;
	padding: 0;
}
.thr_body li a.thr {
	position: relative;
	padding-left: 60px;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: #666;
}
/*panle导航结束*/
.page-prev {
	transform: translate3d(-280px, 0, 0);
	-ms-transform: translate3d(-280px, 0, 0);
	-webkit-transform: translate3d(-280px, 0, 0);
	-o-transform: translate3d(-280px, 0, 0);
	-moz-transform: translate3d(-280px, 0, 0);
}
.page-next {
	transform: translate3d(280px, 0, 0);
	-ms-transform: translate3d(280px, 0, 0);
	-webkit-transform: translate3d(280px, 0, 0);
	-o-transform: translate3d(280px, 0, 0);
	-moz-transform: translate3d(280px, 0, 0);
}
.page-active {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
 @media (max-width: 991px) {
/*#header,#banner,.about_imgs,.about_text .more,.picFocus .bd,.picFocus .hd,#myCarousel2,.newbox .newlist .news:nth-child(3),#footer{display: none;}
   #molbanner,#molheader,.mol_probox,.mol_teachbox,.mol_foot,.mol_botnav{display: block!important;}*/
#main .aboutbox {
	width: 94%;
	margin: 0 auto;
}
.aboutbox .about_text {
	top: -20px;
	padding: 18px;
}
.ab_title {
	padding-top: 0px;
	height: 72px;
	line-height: 1.5;
}
.ab_title span {
	font-size: 24px;
	padding: 0 46px;
	line-height: 1.5;
}
.ab_title span:before, .ab_title span:after {
	width: 40px;
	bottom: 7px;
}
.about_dec {
	height: 230px;
}
.about_text .ewb_box {
	width: 100%;
	padding: 0 38%;
	border-left: none;
	margin-top: 10px;
	float: none;
}
.about_text .ewb_box p {
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #333;
	writing-mode: horizontal-tb;
	line-height: 1.5;
	padding: 8px 0;
	font-size: 14px;
}
.about_text .ewb_box img {
	width: 100%;
}
.picFocus .ab_title {
	left: 0;
	top: 15px;
	min-width: 100%;
}
.seemore {
	margin: 18px auto;
	width: 94%;
}
.aboutbox .seemore {
	margin: 0;
	margin-bottom: 24px;
	margin-left: 3%;
}
.newbox .newlist {
	padding-top: 28px;
}
.newbox .newlist .news:nth-child(1) {
	padding: 0;
	padding-right: 8px;
}
.newbox .newlist .news:nth-child(2) {
	padding: 0;
	padding-left: 8px;
}
.newbox .newlist .news .newtext {
	padding: 10px;
}
.newbox .newlist .news .newtext .newdec {
	height: 108px;
	margin: 14px 0;
}
.newbox .seemore {
	margin: 0;
	margin-bottom: 16px;
	margin-left: 3%;
	margin-top: -20px;
}
#banner_ny {
	height: 300px;
}
#banner_ny img {
	height: 300px;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.lists ul.prolist li .protext dd span {
	font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.aboutbox .about_text {
	width: 94%;
}
.about_text .ewb_box {
	margin-top: 20px;
}
.about_text .ewb_box p {
	font-size: 16px;
}
.seemore {
	margin: 24px auto;
}
.teachbox {
	height: 710px;
}
.teachbox .teachlist .ab_title {
	padding: 10px 0 16px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 600px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.newbox .newlist .news {
	width: 50%;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 28px;
}
.lists ul.prolist li .protext dt {
	margin: 32px 0;
}
#footer {
	padding-top: 46px;
}
.foot_top .foot_nav .foot_navtitle {
	padding-right: 4px;
}
.foot_top .foot_nav .foot_navtitle .f_cont span {
	font-size: 18px;
}
.foot_ewm .f_ewm {
	padding-left: 4px;
}
}
@media (max-width: 767px) {
/*#molheader img{width: 100px;}*/
.teachbox {
	height: 560px;
}
.teachbox .teachlist .ab_title {
	padding: 40px 0 26px 0;
}
.teach_bg {
	position: relative;
	width: 100%;
	height: 480px;
	overflow: hidden;
}
.teach_bg img {
	vertical-align: top;
	height: 480px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#banner_ny .pos_title {
	font-size: 14px;
	top: 40%;
	line-height: 14px;
}
#banner_ny .pos_title span {
	font-size: 24px;
	height: 36px;
	line-height: 36px;
}
#main_ny {
	padding: 3%;
}
.address {
	padding: 10px 0 30px 24px;
	height: 64px;
}
.address:before {
	bottom: 37px;
}
.lists ul.newlist li {
	padding: 0 8px 34px 8px;
}
.lists ul.newlist li .newtext dd a {
	font-size: 14px;
}
#main_ny .art_title {
	font-size: 16px;
}
.lists ul.prolist li {
	margin: 30px 0;
}
.lists ul.prolist li .pimg img {
	width: auto;
	height: 160px;
}
.lists ul.prolist li .protext {
	padding: 10px 20px;
}
.lists ul.prolist li .protext dd a {
	margin: 0;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
}
.lists ul.prolist li .protext dt {
	margin: 9px 0;
	height: 42px;
}
.lists ul.prolist li .more {
	bottom: 10px;
	right: 10px;
}
.prodecbox {
	width: 78%;

	margin: 28px auto;
}
.teach_name {
	font-size: 16px;
}
}
@media (max-width: 600px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 414px) {
#molbanner, #molbanner img {
	height: 100%;
}
}
 @media (max-width: 320px) {
.ab_title span {
	font-size: 20px;
}
.about_text .ewb_box {
	padding: 0 33%;
}
.swiper-teach .teach-img li .tea_text p {
	font-size: 16px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	font-size: 12px;
}
.teachbox {
	height: 450px;
}
.teach_bg, .teach_bg img {
	height: 384px;
}
.swiper-teach .teach-img li .tea_text .tdec {
	height: 146px;
}
.newbox .newlist .news .newtext .n_title {
	font-size: 14px;
	line-height: 22px;
	height: 76px;
}
.newbox .newlist .news .newtext .newdec {
	height: 68px;
	margin: 10px 0;
}
.left_nav .class-top {
	font-size: 20px;
}
.class-m .nnav li a.ce {
	font-size: 14px;
}
.page a {
	width: 118px;
	height: 34px;
	line-height: 34px;
}
.page a.prev {
	background: url("../images/prev.png")/*tpa=http://www.861ppt.com/141/skin/images/prev.png*/ 28px 11px no-repeat;
}
.page a.next {
	background: url("../images/next.png")/*tpa=http://www.861ppt.com/141/skin/images/next.png*/ 86px 11px no-repeat;
}
.prodecbox {
	width: 80%;
	margin: 20px auto;
}
.teach_name {
	font-size: 14px;
}
}
/*pages*/ .pagination-wrapper {
	clear: both;
	padding: 1em 0 2em 0;
	text-align: center;
}
.pagination {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
	list-style: none;
	display: inline;
	float: left;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination li a {
	display: inline-block;
	padding: .5em .8em;
	background-color: #f9f9f9;
	color: #999;
}
.pagination li a:link {
	background: #fff;
	color: #4C78A5;
}
.pagination li a:hover {
	text-decoration: none;
}
.pagination li a:link:hover {
	color: #000;
}
.pagination li.thisclass {
	background-color: #f9f9f9;
	color: #999;
}
.pagination li:first-child {
	border-left-width: 1px;
	border-radius: 3px 0 0 3px;
}
.pagination li:last-child {
	border-radius: 0 3px 3px 0;
}
.pagination .pageinfo {
	color: #444;
}


 .fixed{position: fixed;top: 0; z-index:500}