@charset "utf-8";
/*基础部分开始*/
.ph{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:"Microsoft yahei",Verdana, Arial, Helvetica, sans-serif;
font-size:16px;

}
.cl{ clear:both}
.fl{ float:left;}
.fr{ float:right;}
.p35{ margin-top:35px}
.p45{ margin-top:45px}
.csyc{ overflow:hidden}

#loaddiv 
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    outline: 0;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;  
    filter: alpha(opacity=60);  
    background-color: rgba(0, 0, 0,.5);
    z-index: 9999;
	text-align:center;
	padding-top:20%;
display:none}


/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #036c6c;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #fff, 0 0 5px #fff;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #036c6c;
  border-left-color: #036c6c;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:16px;
font-family:"Microsoft yahei",Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px}
.wryh{font-family:"Microsoft yahei"}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #036d6d;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #fff;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #fff;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #fff;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #fff;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #fff;
}

.warp{ width:1400px}
@media screen and (max-width: 1580px) { 
.warp{ width:94%; padding: 0 3%} 
}

.menu{width:1400px;height:68px;}
@media screen and (max-width: 1580px) { 
.menu{ width:94%; padding: 0 3%} 
}

nav{ width:100%; height:68px; background:#036c6c;z-index:1;}


.fixed {
	position: fixed;
	top:-1px;
	left: 0;
	width: 100%;
	z-index:10
}

.nav{
width: 100%;
height: 68px;

}
.nav li{
position: relative;
float: left;
width:11.1111%
}
.caret {
display:block;	
width: 100%;
height: 10px;
vertical-align: middle;
position:absolute;
background:url(../images/cert.png) bottom center no-repeat rgba(255,255,255,0);
top:0;
left:0;
text-align:center
}
.nav li a{
line-height: 68px;
width:100%;
text-align:center;
float:left;
height:68px;
color:#fff;
font-weight:bold;
font-size:22px;
}


.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:68px;
left:0px;

}
.nav li:hover a{color:#fff; background:#025151;}
.nav li .section-nav1{ padding-top:10px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#036d6d;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:#036d6d;
text-align:center;
padding:0px 10px;
box-sizing:border-box;
height:50px;
overflow:hidden;
line-height:50px;
width:auto;
display:block;
float:none;
color:#fff;
font-size:16px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
background:#025151;
color: #fff;
}


.box{ width:100%; float:left} 
#goleft {width: 100%;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

#qyimg{ width:220px;float:left;}
#qyimga{ width:100%;float:left; position:relative}
#qyimgb{ width:100%;float:left; height: 40px; line-height: 40px; overflow: hidden; text-align: center; position:absolute; left:0; bottom:0; z-index:1; background:rgba(0,0,0,.6); color:#fff; padding:0 10px; box-sizing:border-box}
#qyimga img{ width:100%; height:300px;}
.qyimgmar{ margin-right:50px}

footer{ width:100%; background:url(../images/index_28.jpg) center no-repeat #0e7374; height:283px; padding-top:60px; margin-top:75px;box-sizing:border-box}
footer .fl{ width:320px; float:left}
.f_tit{ width:100%; float:left; height:35px; color:#fff;}
.f_bq{ width:100%; float:left;}
.f_bq p{ width:100%; float:left; font-size:14px; line-height:34px; color:#fff}
footer .fr{ width:180px; float:right}
footer .menu{ width:100%; float:left}
footer .menu ul{ display:inline}
footer .menu ul li{ width:50%; float:left;font-size:14px; line-height:30px; color:#fff}
footer .menu ul li a{color:#fff}

.v_news_content H2 {
    font-size: 16px
;}
.v_news_content .icon {
    border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
    margin-top:27px;}
.v_news_content DIV {
    LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
;}

.v_news_content span {
      font-size: 16px;
;}

.v_news_content A {
    color: #1e50a2;
;}
.v_news_content A:visited {
    color: #1e50a2;
;}
.v_news_content A:hover {
    color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
    text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
    border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
    LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
    margin: 8px 0px; line-height: 27px; text-indent: 32px;
}

.v_news_content .vsbcontent_end {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
}

.v_news_content .vsbcontent_img{
    text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
    text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
    font-size: 16px;
}        
.v_news_content.newscontent_m p {
    font-size: 14px;
} 
.v_news_content.newscontent_s p {
    font-size: 12px;
} 
/*基础部分结束*/

header{ width:100%; height:360px;}
.tool{ width:1400px; padding-top:30px; text-align:right; font-size:14px;}
.tool a{margin-left:25px; color:#fff}
.tool a img{ margin-right:5px; vertical-align:middle; margin-bottom:3px}
.toolw{position:absolute; top:0; left:0; z-index:999; width:100%}
.toolwa{position:absolute; top:138px; left:0; z-index:999; width:100%; text-align:center}
.search{ width:180px; height:30px; background:rgba(255,255,255,.4); border-radius:50px; float:right;transition: 0.3s ease-in-out; margin-top:-5px; margin-left:20px}
.search:hover{ background:#fff}
.search .a{ width:125px; background:none; border:none; font-size:14px; color:#666; line-height:30px; height:30px; padding-left:10px; box-sizing:border-box; float:left}
.search .b{ width:55px; background:url(../images/icon_03.png) center center no-repeat; border:none;  height:30px;float:right; cursor:pointer}

.nywarp{ padding:30px; width:1200px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; margin-top:30px; margin-bottom:30px}
.mySwiper {
width: 100%;
right:0;
height: 360px;
position: relative;
}

.mySwiper .swiper-slide {
width: 100%;
height: 360px;
transition: all 0.3s
}




.mySwipera {
width: 443px;
height: 355px;
float:left;
cursor: pointer
}


.mySwipera .swiper-pagination{ bottom: 70px !important; }
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:#036d6d;border-radius: 50px;width: 35px; height: 12px;}

.mySwipera .swiper-slide .imgs{ width:100%; height:305px; float:left; position:relative;}
.mySwipera .swiper-slide .imgs img{ width:100%; height:305px;transition: all 0.3s}

.mySwipera .swiper-slide .content { width:100%; height:52px; line-height:52px; overflow:hidden;float:left;text-align:center; background:#efefef; padding:0 20px; box-sizing:border-box; position:absolute; z-index:1; left:0; bottom:0}


.mySwiperb {
width: 100%;
height: 185px;
float:left;
cursor: pointer
}


.mySwiperb .swiper-pagination{ bottom: 0 !important; }
.mySwiperb .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px;background: rgba(3,109,109,.5);border-radius: 50px;}
.mySwiperb .swiper-pagination .swiper-pagination-bullet-active{background:#036d6d;border-radius: 50px;width: 12px; height: 12px;}

.mySwipera .swiper-slide{ width:100%;float:left; position:relative;}

.mySwiperb .swiper-slide .block{ width:100%; height:140px; float:left; position:relative; background:#fff; padding:22px; box-sizing:border-box; border:1px solid #fff;transition: 0.3s ease-in-out;}
.mySwiperb .swiper-slide .block:hover{ border:1px solid #036c6c}
.mySwiperb .swiper-slide .block .time{ width:100%; height:38px;transition: all 0.3s; border-bottom:1px solid #ccc; margin-bottom:13px; color:#666; padding-left:35px; background:url(../images/data.png) left center no-repeat; background-position:0 1px;padding-bottom:10px; box-sizing:border-box}

.mySwiperb .swiper-slide .content { width:100%; height:42px; line-height:42px; overflow:hidden;float:left;}

.ban{ width:100%; float:left; border-bottom:1px solid #ccc; height:55px; margin-bottom:38px}
.ban strong{ float:left; font-size:28px; color:#036d6d;}
.ban strong img{margin-right:8px; vertical-align:bottom; margin-bottom:3px}
.ban span a{ float:right; font-size:14px; background:url(../images/index_13.jpg) right center no-repeat; height:20px; padding-right:30px; margin-top:13px;transition: 0.3s ease-in-out;}
.ban span a:hover{padding-right:25px; }
.xyxw{ width:65%; float:left}
.tzgg{ width:30%; float:right}

.bans{ width:100%; float:left; border-bottom:1px solid #ccc; height:55px; margin-bottom:38px}
.bans strong{ float:left; font-size:28px; color:#036d6d;}
.bans strong img{margin-right:8px; vertical-align:bottom; margin-bottom:3px}
.bans span{ float:right; font-size:14px;height:20px;margin-top:13px;}


.ttbg{ width:100%; height:109px; background:#f5f5f5; box-sizing:border-box; padding:18px 28px; margin-bottom:50px}
.tt_icon{ width:150px; float:left}
.tt_area{width:calc(100% - 300px) ;float:left; position:relative}
.tt_tit{ width:100%; overflow:hidden; color:#bf0000; font-size:30px; font-weight:bold;  height:45px; line-height:45px; text-align:center; margin-top:-5px; margin-bottom:5px}
.tt_tit a{color:#bf0000;}
.tt_tit a:hover{color:#e00606;}
.tt_des{ width:100%; overflow:hidden; color:#333; font-size:16px;height:30px; line-height:30px; text-align:center}


.xwr{width:calc(100% - 470px) ;float:right;}
.xyxwlist{ width:100%; float:left; margin-top:-14px}
.xyxwlist li{ width:100%; float:left; height:42px; line-height:45px; background:url(../images/index_19.jpg) left center no-repeat; overflow:hidden; padding-left:19px; box-sizing:border-box}
.xyxwlist li span{ float:right; padding-left:20px; color:#666}


.zjgb{ width:100%; float:left; height:55px}
.gglist{width:100%; float:left;}
.gglist li{width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:12px; margin-bottom:14px}
.gglist li:last-child{margin-bottom:0}
.gglist li strong{width:58px; height:62px; float:left; border:1px solid #036d6d; font-weight:normal}
.gglist li strong em{width:100%; height:26px; line-height:26px; color:#fff; text-align:center; float:left; background:#036d6d; font-style:normal; font-size:12px}
.gglist li strong span{width:100%; height:36px; line-height:36px; color:#036d6d; text-align:center; float:left; background:#fff; font-style:normal; font-size:18px}

.gglist li span{width:calc(100% - 80px) ; height:65px; float:right;font-weight:normal}
.gglist li span strong{width:100%; height:25px; line-height:25px; overflow:hidden; float:left; font-size:16px;font-weight:normal; border:none; margin-top:8px; margin-bottom:4px}
.gglist li span em{width:100%; height:24px; line-height:24px; overflow:hidden; float:left; font-size:14px;font-weight:normal; font-style:normal; color:#666}


.xzzx{ width:100%; background:url(../images/xxbg.jpg) center no-repeat #f3f5f4; height:362px; margin-bottom:60px; box-sizing:border-box; padding-top:47px}
/*二级页面*/
.ny_ban{ width:100%; overflow:hidden; padding-top:40px}
.ny_l_tit{ width:100%; float:left; height:90px; line-height:90px; text-align:center; font-size:24px; font-weight:bold; background: url(../images/l_ban.jpg) #036d6d; color:#fff; margin-bottom:15px}

.ny_l_tit img{ vertical-align:middle; width:28px; height:auto; overflow:hidden; margin-right:8px; padding-bottom:5px}
.ny_r_tit{width:calc(100% - 335px);float:right; }
.ny_r_tit strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #036d6d; color:#036d6d; }
.ny_r_tit span{ float:right;line-height:80px; font-size:14px}

.ny_img{ width:100%; float:left; margin-top:1px}
.ny_r_tita{width:100%;float:left}
.ny_r_tita strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #036d6d; color:#036d6d; }
.ny_r_tita span{ float:right;line-height:80px; font-size:14px}

.ny_l{width:270px; float:left;box-sizing:border-box;  background:#fff}
.ny_r{width:calc(100% - 325px);float:right;overflow:hidden; box-sizing:border-box;min-height:500px}
.ny_l_img{ width:100%; float:left; padding-top:20px}
.ny_l_img img{ width:100%; height:auto; overflow:hidden}

.ny_nav a{ width:100%; float:left; box-sizing:border-box; height:50px; line-height:50px;margin-bottom:-1px; background: #f5f5f5; padding-left:15px; background-position:20px 16px; border:1px solid #ccc}
.ny_nava a{width:100%; float:left; box-sizing:border-box; height:50px; line-height:50px;margin-bottom:-1px; background:url(../images/arr.png) right center  no-repeat #036d6d; padding-left:15px; color:#fff;background-position:230px 16px;border:1px solid #036d6d}

.newslist{ width:100%; float:left; margin-bottom:15px; margin-top:-10px}
.newslist li{ width:100%; float:left; background:url(../images/index_19.jpg) left center no-repeat; padding-left:20px; border-bottom:1px  dashed #ddd; box-sizing:border-box}
.newslist strong{ font-weight:normal; float:left;width:calc(100% - 125px);line-height:52px; height:52px;  overflow:hidden; }
.newslist li span{ float:right;color:#666; width:100px;line-height:52px; height:52px; text-align:right}


.nrwarp{ width:1400px; padding:35px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden; background:#fff;}
@media screen and (max-width: 1580px) { 
.nrwarp{ width:94%; padding: 0 3%; padding:35px; box-sizing:border-box; border:1px solid #ccc; overflow:hidden} 
}
.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:24px; line-height:36px; float:left; font-weight:bold; text-align:center; color:#036d6d}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; border-bottom:1px dashed #ddd; padding-top:15px; margin-bottom:25px; text-align:center}
.infoarea{ width:100%; float:left; font-size:16px !important; line-height:36px; background:#fff !important; min-width:600px;}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}
#share-3{float:left; width:50%; text-align:left}
.nybg{ background:#fbf5ed}
.nyw{ padding-top:20px}
.nyimgs{ width:100%; height:320px;}
.nyban{ width:100%; height:300px}
.ny_left_bro{ width:100%; padding:20px; box-sizing:border-box; background:#fff; float:left; border:14px solid #fae8e5}
.site{ width:100%; border:1px solid	#036d6d; height:50px; line-height:50px; margin-bottom:25px;box-sizing:border-box; float:left; font-size:14px; padding-left:20px; background:#fae8e5}
.site img{ height:20px; margin-right:10px; vertical-align:middle}
.bodybg{ background:#bdeacc}
.pb_sys_style3 .p_no_d {
    border: 1px solid #036d6d !important;
    color: #fff;
    background-color: #036d6d !important;
}

.fenye{ width:100%; float:left}
.fenye a{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden; background:#f1f1f1; margin-bottom:10px; padding:0 15px; box-sizing:border-box}
.f_lm{ width:100%; float:left;}
.f_lm a{float:left; padding:10px 15px; background:#036c6c; color:#fff; margin-right:10px; margin-bottom:30px}

.teach{ width:100%; float:left; margin-bottom:20px;}
.teach ul{ display:inline}
.teach ul li{ width:21.5%; float:left; position:relative;  margin-bottom:35px;margin-right:4.6%;}
.teach ul li:nth-child(4n){margin-right:0}

.teach ul li .img{
    width: 100%;
	float:left;
    position: relative;
    padding-top: 138%;
    overflow: hidden;
}

.teach ul li .img img{
	box-sizing:border-box;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    transition: all 0.3s;
}


.teach ul li .name{
    width: 100%;
	float:left;
	height:54px;
	line-height:54px;
	background:#036c6c;
	color:#fff;
	text-align:center; overflow:hidden

}
.teachclass{ width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #036c6c; margin-bottom:30px; font-size:20px; color:#036c6c; font-weight:bold}

.dslist{ width:100%; float:left}
.dslist ul{ display:inline}
.dslist li{ width:47%; float:left; background:#f8f8f8; height:200px; margin-bottom:30px; margin-right:50px}
.dslist li:nth-child(2n){margin-right:0}
.dslist li .dsl{ width:145px; float:left;height:200px}
.dslist li .dsl img{ width:100%;height:200px}

.dslist li .dsr{float:left;width:calc(100% - 195px); margin-left:25px}
.dslist li .dsr strong{float:left;width:100%; font-size:18px; font-weight:normal; height:40px; line-height:40px; margin-top:10px}
.dslist li .dsr em{float:left;width:100%; font-size:14px; font-weight:normal; height:140px; overflow:hidden; font-style:normal; line-height:28px; color:#666}