@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul{ list-style:none}
img{ border:0}
a{ color:#666; text-decoration:none}
body,a{ font-family:"Microsoft Yahei" !important; font-size:100%; color:#666}
p,div,span{font-family:"Microsoft Yahei" !important;}
.clear{ clear:both;}
.top{ padding:18px 0}
.top .logo img{ width:100%; max-width:197px}
.top1{ width:1200px; margin:0 auto;}
.logo{ width:196px; float:left}
.nav{ float:right; margin-top:10px;}
.nav li{ float:left; padding:20px 25px}
.nav li a{ float:left; color:#929292; font-size:15px}
#current{ color:#000}
.nav li a:hover,#current{ border-bottom:2px solid #E70013;}
.swiper-container1 {
	width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto; position:relative
    }
.swiper-slide1 {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.swiper-container1 img{ width:100%;}
.weih1{ color:#000; font-size:15px; width:60%; margin:0 auto; text-align:center; margin-top:40px;margin-bottom:20px}
.weip{ color:#7c7c7c; font-size:15px; width:60%; margin:0 auto; text-align:center; margin-bottom:60px}
.black{ position:absolute; left:0; bottom:0; color:#fff; text-align:center; width:100%; background-color: rgba(0, 0, 0, 0.5); padding:10px 0; font-size:15px; display:block}
.black:hover{ color:#E70012;  }


.bodyCon07{width:100%; overflow:hidden;}
.bodyCon07 .teacher{width:1200px;height:530px;position:relative;margin:0 auto; overflow:hidden; cursor:pointer}
.bodyCon07 .teacher .teacherPic{width:1200px;height:360px;position:absolute; top:80px;}
.bodyCon07 .teacher .teacherPic .content{width:360px;height:314px;float:left;position:relative;overflow:hidden;margin-left:30px;}
.bodyCon07 .teacher .teacherPic .content .txt{width:340px;height:60px;background:rgba(0,0,0,1); position:absolute;left:0px;bottom:0px;padding:0 12px;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)}
.bodyCon07 .teacher .teacherPic .content .txt h3{color:#fff;font-size:14px;font-weight:100; line-height:60px}
.bodyCon07 .teacher .teacherPic .content .txt p{color:#fff;margin-top:20px;padding-top:12px;}


.in_bottom{ background-color:#F8F8FA; overflow:hidden; padding-top:45px; padding-bottom:55px;}
.inin{ width:1200px; margin:0 auto}
.bom_left{ float:left; width:700px; border-right:1px solid #000}
.bom_left ul{ width:100px; float:left; margin-left:40px; height:170px}
.bom_left ul div{ margin-bottom:10px}
.bom_left ul div a{ font-size:15px; color:#E70012;}

.bom_left ul a{ font-size:12px}
.bom_right{ color:#666; float:left; margin-left:30px; width:450px; font-size:12px;}
.bom_right img{ margin-top:10px}
.bom_left ul a:hover{ color:#E70012}


.abnner img{ width:100%;}
.ab_nav{ width:1200px; margin:0 auto; border-bottom:1px solid #ccc; padding-bottom:15px; margin-top:20px}
.ab_nav img{ vertical-align:text-top}
.ab_nav a{ font-size:12px}
.ab_nav span{font-size:12px; color:#E50112}
.about_center{ width:1200px; margin:0 auto; overflow:hidden; margin-top:20px; margin-bottom:150px}
.about_left{ width:230px; float:left; color:#666}
.about_left .qiye{ color:#E50112}
.about_left .se_ul>li{ padding:15px 0 12px 15px}
.se_ul>li ul li{ padding:5px 0 5px 8px}
.about_left .div_img{ width:100%; max-width:229px; margin-top:25px}
.about_right{ width:940px; float:right; padding-top:20px; line-height:26px}
.about_right img{ float:right; padding:0 0 20px 20px; width:405px; max-width:410px; height:255px}
.about_right p{ text-indent:2em; margin-bottom:20px; color:#666}
.imgimg{ display:none; width:98%; margin:0 auto; text-align:center; padding:20px 0}
.news_right{ width:940px; float:right;  line-height:26px}
.news_right dl{ overflow:hidden; background-color:#F8F8F8; padding:30px; margin-top:25px}
.news_right dt{ width:300px; float:left}
.news_right dd{ width:580px; float:left; color:#666}
.news_right dd h1{ font-size:16px; margin-bottom:10px}
.news_right p{ font-size:14px; color:#666 }
.news_right dd .chakan a{ border:1px solid #a6a4ab; width:148px; text-align:center; color:#a6a4ab; padding:4px 0; margin-top:18px; display:block}
.news_right dd .chakan a:hover{ color:#e60012;border:1px solid #e60012;}
.news_right .div_h1{ font-size:18px; text-align:center; color:#666}
.news_right .span{ font-size:12px; color:#aeabb2; text-align:center; margin:5px 0 5px 0}
.news_right .dian{ font-size:14px; color:#666; text-align:center; margin:5px 0 15px 0}
.div_bom{ overflow:hidden;margin-top:220px}
.div_bom a img{ vertical-align:middle; margin-right:10px; margin-left:10px}
.div_bom a{ font-size:12px}
.div_bom a:hover{ color:#f00}
.div_bom .aa{ float:right}
.about_left li{ cursor:pointer; font-size:16px}
.about_left li ul{ display:none;}
.about_left li ul a{ font-size:13px}
.div_p h1{ font-size:14px; margin-top:10px}
.news_right .div_h2{ font-size:18px; text-align:center; color:#666; margin-top:15px}
.imgim{ text-align:center; margin-top:30px}
.about_left li ul a:hover{ color:#E50112}
.imgim img{ width:100%; max-width:425px}
.div_img1,.div_img2,.div_img3{ text-align:center; margin-top:20px; color:#666; font-size:14px; margin-bottom:15px}
.div_img1 img{ width:100%; max-width:295px; margin-left:6px}
.div_img2 img{ width:100%; max-width:607px;}
.div_img3 img{ width:100%; max-width:628px;}
.div_div1 h2{ font-size:15px; color:#636267}
 
.div_p img{ text-align:left !important;} 
.success p{ text-indent:2em; }
.pro_right{ width:940px; float:right; padding-top:20px; line-height:26px; color:#666}
.pro_right div{ font-size:18px; margin-bottom:20px}
.pro_right p{ font-size:14px; text-indent:2em;}
.wen_right,.zi_right{ width:940px; float:right; padding-top:20px; line-height:26px;}
.xuanxiang_1{ position:relative; width:750px}
.xuan_li{ position:absolute; left:0; bottom:6px;width:100%}
.xuan_li ul{ overflow:hidden; background-color:rgba(255,255,255, 0.8); height:40px; line-height:40px}
.xuan_li ul li{ float:left; width:25%; text-align:center; cursor:pointer;}

.xuan_li ul li:hover{ color:#E60012}
.current{ background-color:rgba(9,125,106,0.6); color:#E60012}
.yuanze{ margin-top:30px}
.yuanze h1{ font-size:14px; color:#E60012; margin-top:10px}
.yuanze p{ font-size:12px; text-indent:2em}
.zi_right img{ margin-left:20px; margin-bottom:20px; border:1px solid #ccc;}
.zi_right1 img{ margin-left:20px; margin-bottom:20px; border:1px solid #ccc;width:175px; height:53px}
.zhao_right{ overflow:hidden; width:940px; float:right; padding-top:20px; line-height:22px;}
.zhao_right dl{ width:400px; float:left; margin-left:30px; margin-bottom:50px}
.zhao_right dl .dd1{ font-size:15px}
.zhao_right dl .dd2{ font-size:15px; margin-bottom:20px}
.zhao_right dl .dd3,.zhao_right dl .dd4{ font-size:15px;}
.zhao_right dl .dd5,.zhao_right dl .dd6{ font-size:15px;}
.zhao_right dl .dd7 a{ display:block; color:#59B3E8; font-size:15px; float:right }
.zhao_right dl .dd7 a:hover{ color:#E60012}

.zhao_right h1{ font-size:30px; margin-bottom:30px}
.zhao_right h3{ font-size:20px; margin-bottom:30px}
.zhao_right div h2{ font-size:15px; margin-top:10px}
.zhao_right div p{ font-size:13px}



aside {
	padding-top: 5px;
	margin-right: 22px;
}
aside dl{
	background-color: #fff;
}
aside dt {
	width: 228px;
	height: 45px;
	text-indent: 24px;
	font-size: 15px;
	cursor: pointer;
	color: #343434;
	line-height: 45px;
}
aside dt a{
	display: inline-block;
	width: 228px;
	height: 45px;
	font-size: 15px;
	cursor: pointer;
	color: #666666;
	margin-left: -35px;
}
aside .sec-dl {
	padding-bottom: 32px;
}
aside dt.on a{
	color: #fff;
	background-color: #e60012; 
}
aside dd {
	display: none;
	width: 210px;
	margin-left: 9px;
}
aside dd a{
	display: block;	
	width: 210px;
	height: 40px;
	line-height: 26px;
	text-indent: 40px;
	font-size: 13px;
	color: #343434;
}
aside dd a:hover{
	color: #e60012;
}
aside dl.active dt{
	font-size:16px;
	color: #f00;
}
aside dl.active dd{
	display: block;
}
aside dl.active dd.last{
	padding-bottom: 16px;
}
.teacherPic>a{ display:block}















#wrapper {
	background:#fff;
	position:relative;
}



.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:649px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
	bottom:10px;
    background: #fff;
    width: 10px;
    height: 10px;
	 border-radius:10px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}
.bullet{ margin-left:10px}

.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}