html, body { box-sizing:content-box;}

body { font-size:14px; font-family:'microsoft yahei',Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Heiti SC','Hiragino Sans GB',Simsun,sans-self; -webkit-tap-highlight-color:rgba(0,0,0,0);}

body, select, input, textarea,h2 { color:#333; margin: 0px; font-weight: normal;}

img { vertical-align:bottom;}

:focus { outline:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#38bda5;}
a:visited,a:active { color:#333;}

::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none;}
::selection { background:#fcd700; color:#fff; text-shadow:none;} 

ins { background-color:#fcd700; color:#000; text-decoration:none;}
mark { background-color:#fcd700; color:#000; font-style:italic; font-weight:bold;}

input { /*-webkit-appearance:none;*/ border-radius:0px;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.min-width { min-width: 1200px;}
.row { width: 1200px; margin: auto; position: relative;}
.col-l { float: left;}
.col-r { float: right;}
.text-center { text-align: center;}
.text-right { text-align: right;}

.tool { background: #38bda5; line-height: 26px; color: #FFF; font-size: 12px; position: fixed; width: 100%; z-index: 1000; top: 0px;}
.tool a { color: #FFF;}
.tool .col-l a { padding-left: 20px; background: url(skin/tool-icon.jpg) left center no-repeat;}

.head { position: fixed; width: 100%; height: 116px;  z-index: 1000; top: 26px; background: #FFF;}
.head .col-r { padding-top: 20px;}
.head .head-logo { float: left}
.head .head-phone { float: left; margin-left: 105px;}

.nav { height: 61px; background: #209b91; z-index: 1000; width: 100%; position: fixed; top: 142px;}
.nav ul { text-align: center; font-size: 0px; }
.nav li { display: inline-block; position: relative; background: url(skin/nav-li.jpg) left center no-repeat;}
.nav li:first-child,.nav li:hover + li,.nav li li { background: none;}
.nav li a { display: inline-block; line-height: 61px; color: #FFF; font-size: 14px; padding:0px 40px;}
.nav li:hover { background: #38bda5;}
.nav li:hover ul { display: block;}
.nav li ul { position: absolute; left: 0px; background: #38bda5; width: 149px; box-shadow: rgba(0,0,0,0.2) 0px 0px 10px; text-align: left; display: none;}
.nav li li { display: block; }
.nav li li a { background: url(skin/nav-li-li.jpg) 40px center no-repeat; font-size: 12px; display: block; line-height: 34px; color: #FFF; padding: 0px; padding-left: 50px;}
.nav li li a:hover { background: #FFF url(skin/nav-li-li-hover.jpg) 40px center no-repeat; color: #000;}

.banner { position:relative; height:334px; margin-top: 203px;}
.banner .slide { overflow:hidden;}
.banner .slide li { height:334px; background-position: center;}
.banner .slide li a { display:block; width:100%; height:100%;}
.banner .pager { max-width: 1200px; position: relative; z-index: 999; margin: -40px auto 0px auto;}
.banner .pager li { display:inline; padding:5px 15px; background:#FFF; line-height:0px; font-size:0px; margin-right: 10px; cursor: pointer;}
.banner .pager li.on { background:#209b91;}

.page-banner {
    background: url("skin/banner.jpg") no-repeat center center;
    height: 334px;
}

.hot { height: 102px; background: #38bda5; z-index: 1000;}
.hot .col-r { font-size: 0px;}
.hot .col-r li { float: left; margin-left: 22px; margin-top: -22px;}
.hot .col-r li a { display: inline-block; border: #FFF solid 5px; box-shadow: rgba(0,0,0,0.2) 0px 0px 10px; transition: all .3s;}
.hot .col-r li a:hover { margin-top: -15px;}

.body { padding: 20px 0px 50px 0px; background: #f5f5f5;}

.shadow { box-shadow: rgba(0,0,0,0.03) 0px 0px 5px;}
.bg-white { background: white;}

.note { line-height: 30px; padding: 10px 0px; margin-bottom: 20px;}
.note .name { padding-left: 40px; font-size: 16px; background:url(skin/name-bg.jpg) 20px center no-repeat;}
.note .list { padding-left: 20px; height: 30px; overflow: hidden;}
.note .list li span { padding: 0px 10px; background: #facd89; color: #FFF; border-radius: 5px; margin-right: 10px;}
.note .more { margin-right: 20px;}
.note .more a:hover { color: #38bda5;}

.side { width: 264px;}
.side .adv { padding-bottom: 8px;}
.side .adv a { display: block; border: #FFF solid 5px;}

.side .class { background: #3b8be6; color: #FFF; margin-top: 10px;}
.side .class .name {line-height: 42px; font-size: 18px; background:#286ddd url(skin/class-icon.jpg) 10px center no-repeat; padding-left: 45px;}
.side .class .list { padding: 0px 10px;}
.side .class .list li { border-bottom: #FFF dotted 1px; line-height: 24px; padding: 10px 0px; background: url(skin/class-list-icon.jpg) right center no-repeat;}
.side .class .list li.no-icon { background: none;}
.side .class .list a { color: #FFF; font-size: 16px;}
.side .class .list a:hover {text-decoration:underline;}
.side .class .list strong,.side .class .list span { display: block; font-size: 14px; font-weight: normal;}
.side .class .info { padding: 10px; font-size: 12px;}

.side .open { background: #38bda5; margin-top: 20px; color: #FFF;}
.side .open .name {line-height: 42px; font-size: 18px; background:url(skin/open-icon.jpg) 10px center no-repeat; padding-left: 45px;}
.side .open .show a { width:236px; height: 169px; margin: auto; overflow: hidden; position: relative; border-radius: 5px; display: block;}
.side .open .show span { right: -1px; top: 10px; padding: 3px 10px; color: #FFF; background: #ff7800; position: absolute; border-radius: 3px 0px 0px 3px;}
.side .open .show strong { background:rgba(0,0,0,0.4); left: 0px; right: 0px; bottom: 0px; position: absolute; padding: 10px; color: #FFF; font-weight: normal;}
.side .open .list { width: 236px; margin: auto;}
.side .open .list li { border-bottom: #FFF dotted 1px; line-height: 24px; padding: 10px 0px;}
.side .open .list a { color: #FFF; font-size: 12px;}
.side .open .list a:hover {text-decoration:underline;}
.side .open .more a { display:block; text-align: center; line-height: 50px; background: #209b91; color: #FFF;}
.side .open .list li:last-child { border-bottom: 0px;}

.side .contact { margin-top: 20px; padding: 0px 10px 10px 10px;}
.side .contact .name {line-height: 42px; font-size: 18px; background:url(skin/name-bg.jpg) left center no-repeat; padding-left: 15px; border-bottom: #CCC solid 1px; margin-bottom: 10px;}
.side .contact .info { font-size: 12px; padding-bottom: 5px;}
.side .contact .info p { margin-bottom: 5px;}
.side .contact .show img { width: 100%; max-width:inherit;}
.side .contact .more { padding-top: 14px; padding-bottom: 4px;}
.side .contact .more a { display: block; width: 114px; height: 30px; border-radius: 100px; font-size: 12px; line-height: 30px; background: #ff7800; color: #FFF; text-align: center; margin: auto;}

.main { width: 903px;}

.about { padding: 27px; padding-top: 12px; margin-bottom: 20px;}
.about .name { text-align: center; font-size: 16px; font-weight: bold; border-bottom: #209b91 solid 1px; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.about .name::after { content:' '; display: block; width: 42px; height: 5px; background: #209b91; position: absolute; left: 50%; bottom: -3px; margin-left: -12px; border-radius: 100px;}
.about .info { width: 617px; text-align: justify; line-height: 28px;}
.about .info a { float: right; padding: 0px 20px; color: #FFF; background: #ff7800; border-radius: 100px;}
.about .show { width: 209px; height: 138px; overflow: hidden; border-radius: 5px; background: #efefef; position: relative;}
.about .pager { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 12px; background: rgba(0,0,0,0.4); text-align: right; padding-right: 10px; padding-bottom: 15px;}
.about .pager li { display:inline; padding:4px; background:#c6c8cb; line-height:0px; font-size:0px; margin-left: 5px; cursor: pointer; border-radius: 100px;}
.about .pager li.on { background:#209b91;}

.news { width: 507px; padding: 22px; padding-top: 0px;}
.news .name,.action .name { line-height: 45px; height: 45px; font-size: 16px; background: url(skin/name-bg.jpg) left center no-repeat; padding-left: 10px; border-bottom: #2ca097 solid 1px;}
.news .name a,.action .name a { float:right; font-size: 14px; color: #666;}
.news .name a:hover,.action .name a:hover { color: #339999;}
.news .show { height: 84px; padding: 15px 0;display: block;}
.news .show .img { width: 130px;}
.news .show .info { width: 361px;}
.news .show .info .date { padding: 2px 10px; border-radius: 5px; font-size: 12px; color: #FFF; background: #facd89; display: inline-block; margin-bottom: 5px;}
.news .show .info .html { padding-top: 5px; font-size: 12px; color: #999999;}
.news .list li { padding: 8px 0px; border-bottom: #CCC dotted 1px;}
.news .list li:last-child { border: 0px;}
.news .list li span { padding: 2px 10px; margin-right: 10px; font-size: 12px; color: #FFF; background: #38bda5; border-radius: 3px;}
.news .list li a:hover { color: #38bda5;}

.action { width: 338px;}
.action .name { border:0px; margin: 22px; margin-top: 0px;}
.action .slide { height: 212px; overflow: hidden; width: 295px; margin: auto;}
.action .slide .item { display: block;}
.action .slide .item .part { position: relative;}
.action .slide .item .show { border-radius: 5px; overflow: hidden;}
.action .slide .item .date { position: absolute; right: 0px; top: 7px; background: #ff7800; color: #FFF; padding:3px 10px 3px 20px; border-radius: 5px 0px 0px 5px;}
.action .slide .item .info { position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.4);  color: #FFF; padding: 10px 20px;}
.action .slide .item .html { font-size: 12px; line-height: 18px; color: #666666; text-align: justify; padding-top: 10px;}
.action .ctrl { height: 45px; background: #38bda5; color: #FFF; line-height: 45px; padding: 0px 20px;}
.action .ctrl .pager ul,.action .ctrl .pager ul li { display: inline;}
.action .ctrl .pager ul li { display: none;}
.action .ctrl .pager ul li.on { display: inline;}
.action .ctrl .link img { vertical-align: middle;}
.action .ctrl .link span { margin-left: 10px; cursor: pointer;}

.tab { margin-top: 20px; padding: 22px; padding-top: 0px;}
.tab .name { line-height: 45px; height: 45px; font-size: 16px; border-bottom: #2ca097 solid 1px; position: relative;}
.tab .name::after { content:' '; display: block; width: 42px; height: 5px; background: #209b91; position: absolute; left: 20px; bottom: -3px; border-radius: 100px;}
.tab .name ul,.tab .name li { display: inline;}
.tab .name li { margin-right: 10px; cursor: pointer;}
.tab .name li.on { color: #339999;}
.tab .name a { float:right; font-size: 14px; color: #666;}
.tab .name a:hover { color: #339999;}

.tab .list { margin-left: -39px; display: none;}
.tab .list .item { width: 260px; display: block; float: left; margin-left: 39px; margin-top: 17px;}
.tab .list .show { position: relative;}
.tab .list .show span { position: absolute; left: 0px; right:0px; bottom:0px; top:0px; background:rgba(0,0,0,0.4); display: none;}
.tab .list .show span i { width: 114px; height: 40px; line-height: 40px; background: #FFF; color: #209b91; border-radius: 100px; margin: 50px auto 0px auto; display:block; text-align: center; font-style: normal; }
.tab .list .item:hover .show span { display: block;}
.tab .list .item .title { font-weight: bold; padding: 10px 0px 5px 0px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.tab .list .item .info { font-size: 12px; color: #666; line-height: 22px;}
.tab .list .item:hover .title { color: #38bda5;}
.tab .list.on { display:block;}

.menu { height: 57px; line-height: 57px; margin-top: -50px; z-index: 999; position: relative; margin-bottom: 20px;}
.menu .col-l { padding-left: 22px;}
.menu .name { font-size: 18px;}
.menu .navs a { margin-left: 20px; padding-left: 20px; background: url(skin/navs-a.jpg) left center no-repeat; position: relative;}
.menu .navs a:first-child { background: none;}
.menu .navs a.on { color: #38bda5;}
.menu .navs a.on::after { content: ' '; display: block; width: 32px; height: 5px; background: #38bda5; border-radius: 100px; position: absolute; left: 50%; bottom:-21px; margin-left: -6px;}
.menu .col-r { padding-right: 22px; padding-left: 22px; background: url(skin/menu-icon.jpg) left center no-repeat;}
.menu .col-r a:hover { color: #339999;}

.head-01 { line-height: 55px; border-bottom: #ccc solid 1px; padding-left: 40px; background: url(skin/name-bg.jpg) 20px center no-repeat; font-size: 18px; font-weight: bold;}
.head-02 { padding: 40px 0px 20px 0px; margin: 0px 40px; border-bottom: #CCC solid 1px;}
.head-02 .col-l { position: relative;}
.head-02 .col-l .date { width: 84px; height: 18px; background: #38bda5; color: #FFF; text-align: center; line-height: 18px; border-radius: 5px; position: absolute; left: 0px; top: 0px;}
.head-02 strong { font-size: 24px; display:block; padding-top: 30px;}
.head-02 a img,.head-02 a span { display:block; text-align: center;}
.head-02 a span { padding-top: 5px;}

.list-cla {}
.list-cla .item { height: 187px; padding: 0px 57px; display: block;}
.list-cla .item .show { width: 260px;}
.list-cla .item .info { width: 407px; padding-left: 28px;}
.list-cla .item .info .name { font-size: 16px; padding-bottom: 5px;}
.list-cla .item .info .para { color: #666;}
.list-cla .item .info .html { font-size: 12px; color: #666; padding-top: 5px; line-height: 17px;}
.list-cla .item .more { width: 83px; height: 30px; line-height: 30px; color: #FFF; background: #ff5e00; text-align: center; border-radius: 100px; margin-top: 50px;}
.list-cla .item .clearfix { border-bottom: #CCC dotted 1px; padding: 23px 0px;}
.list-cla .item:hover { background: #fafafa;}
.list-cla .item:hover .info .name { color: #38bda5;}
.list-cla .item:hover .more { background: #38bda5;}

.cont-cla,.html-cla,.form-cla { padding: 30px 40px;}
.cont-cla .show {width: 388px;}
.cont-cla .info { width: 413px; padding-top: 30px;}
.cont-cla .info p { color: #666; line-height: 35px;}
.cont-cla .info a { display: block; width: 114px; height: 30px; line-height: 30px; color: #FFF; background: #ff6600; text-align: center; border-radius: 100px; margin-top: 20px;}

.html-cla { border-top: #CCC solid 1px; border-bottom: #CCC solid 1px;}
.html-cla .name,.form-cla .name { font-size: 18px; font-weight: bold; padding: 0px 0px 30px 0px;}
.html-cla .html { line-height: 24px; color: #666; text-align: justify;}

.form-cla .form { background: #f2f2f2; padding: 37px 62px; display:block;}
.form-cla .form table { width: 100%;}
.form-cla .form td { padding-top: 20px; vertical-align: middle;}
.form-cla .form tr:first-child td { padding-top: 0px;}
.form-cla .form input,.form-cla .form textarea { width: 100%; border: #dcdcdc solid 1px; padding: 10px; box-sizing: border-box;}
.form-cla .form textarea { height: 148px; resize: none;}
.form-cla .form .red { color: #ff0000;}
.form-cla .form .submit { display: block; width: 348px; height: 49px; text-align: center; line-height: 49px; background: #38bda5; color: #FFF; margin: auto; margin-top: 20px; cursor: pointer; }

.form-msg .form { padding: 37px 62px; display:block;}
.form-msg .form table { width: 100%;}
.form-msg .form td { padding-top: 20px; vertical-align: middle;}
.form-msg .form tr:first-child td { padding-top: 0px;}
.form-msg .form input,.form-msg .form textarea { width: 100%; border: #dcdcdc solid 1px; padding: 10px; box-sizing: border-box;}
.form-msg .form textarea { height: 148px; resize: none;}
.form-msg .form .red { color: #ff0000;}
.form-msg .form .submit { display: block; width: 348px; height: 49px; text-align: center; line-height: 49px; background: #38bda5; color: #FFF; margin-top: 20px; cursor: pointer; }
.form-msg .form .show { padding-top: 40px;}

.show-txt { padding: 39px 49px 10px 49px; display: block;}
.show-txt .show { width: 170px;}
.show-txt .info { width: 477px; padding-left: 24px;}
.show-txt .info .date { padding: 2px 10px; border-radius: 8px; font-size: 12px; color: #FFF; background: #ff7800; display: inline-block; margin-bottom: 5px;}
.show-txt .info .html { padding-top: 8px; font-size: 12px; line-height: 20px; text-align: justify; color: #999999;}
.show-txt .more { width: 83px; height: 21px; font-size: 12px; line-height: 21px; text-align: center; background: #ff7800; color: #FFF; border-radius: 100px; margin-top: 55px;}

.txt-list { padding: 0px 49px;}
.txt-list .item { display: block}
.txt-list .item .date { width: 84px; height: 18px; background: #38bda5; text-align: center; line-height: 18px; color: #FFF; font-size: 12px; border-radius: 5px;}
.txt-list .item .info { width: 700px;}
.txt-list .item .html { padding-top: 8px; font-size: 12px; line-height: 20px; text-align: justify; color: #999999;}
.txt-list .item .clearfix { padding: 28px 0px; border-bottom: #ccc dotted 1px;}
.txt-list .item:hover .info .title { color: #38bda5;}

.html-txt { padding: 40px;}
.html-txt .html { line-height: 24px; color: #333; text-align: justify;}

.page { text-align: center; padding:16px 0px 15px 0px;}
.page a,.page span { display:inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border:#CCC solid 1px; border-right: 0px;}
.page a:last-child { border-right: #CCC solid 1px;}
.page .selected { border: #2cad96 solid 1px; background: #38bda5; color: #FFF;}
.page .selected + a { border-left: 0px;}

.up-down { padding: 40px; padding-top: 0px;}
.up-down .prev,.up-down .next { width: 550px; background: #999; color: #FFF; line-height: 40px; text-indent: 20px;}
.up-down a { display: block; color: #FFF;}
.up-down a:hover { background: #38bda5;}

.foot { padding: 25px 0px; background: #209b91; color: #FFF; font-size: 12px;}