@charset "utf-8";
/* CSS Document */
/* 初始化CSS  重置浏览器样式*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img span{ margin:0; padding:0; font:12px "微软雅黑"; }
fieldset, img { border:none; }
ul, ol ,dl,li{ list-style:none; }
input,button{ padding-top:0; padding-bottom:0; font-family: "微软雅黑";}
select, input { vertical-align:middle; }
select, input, button{border:0 none; outline:none;}
select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; outline: none;}
table { border-collapse:collapse; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
body {color:#333;}
a {text-decoration:none !important;; color:#333;}
*{box-sizing: border-box;}
h3{ font-family: '宋体';}
em{font-style: inherit;}
i{font-style: inherit;}
.clearfix:after{ content: ','; visibility: hidden; height: 0; clear: both; display: block;}
.clearfix{zoom: 1}
.menu{ display: none;}
header{ width: 100%; height: 120px; background: url("../images/head-bg.jpg");}
.w1200{ width: 1200px; margin:0 auto;}
.head{ padding-top: 15px; height: 120px;}
.logo{ float: left; width: 261px;}
.nav{ float: right; width: 770px; padding-top: 30px;  }
.nav ul li{ float: left; width: 108px; height: 36px; margin-right: 24px;}
.nav ul li:last-child{ margin-right: 0;}
.nav ul li.current{ border:1px solid #fff; border-radius: 5px;}
.nav ul li a{ font-size: 16px; color: #ffffff; display: block; height: 36px; line-height: 36px; text-align: center;}
.nav ul li a:hover{ color: #ad4e51; }
.flexslider{margin:0px auto;position:relative;width:100%;height:auto;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:27px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.banner{ width: 100%; height: auto;}
.banner img{ width: 100%; height: 100%;s}
.about{ padding-top: 90px;}
.about h2{ text-align: center;}
.about h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.about-con{ padding-top: 70px;}
.about-fl{ width: 413px; float: left;}
.about-fl h4{ font-size: 40px; color: #801c1f; }
.hr{border-bottom: 5px solid #801c1f; width: 330px; height: 5px; border-radius: 25px; margin-bottom: 16px;}
.about-fl span{ display: block; font-size: 18px; color: #801c1f; margin-bottom: 46px;}
.about-fl p{ font-size: 14px; color: #999; line-height: 30px;}
.about-fl a{ margin-top: 50px; display: block; background: #801c1f; width: 120px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #fff;}
.about-fr{ position: relative;float: left; width: 755px; margin-left: 32px;}
#pic{ position: absolute;left: 0; top:50px;}
.about-fr img:nth-child(2){ margin-left: 106px;}
.course{ width: 100%; height: 498px; background: url("../images/book.jpg") no-repeat; background-size: cover; margin-top: 90px;}
.course-con{ padding-top: 70px;}
.course-con h2{ text-align: center;}
.course-con h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.course-con ul li{ float: left; width: 360px; margin-left: 40px; margin-top: 50px;}
.course-con ul li:last-child{ margin-right: 0;}
.course-con ul li a img{ width: 360px; height: 200px; border-radius: 5px;}
.course-con ul li a{ display: block; width: 360px; height: 200px; overflow: hidden;}
.course-con ul li a:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;}
.course-con ul li p{ text-align: center; font-size: 16px; color: #333333; padding-top: 27px;}
.case{ padding-top: 70px;}
.case h2{ text-align: center;}
.case h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.case ul li{ width: 270px; float: left; margin-right: 40px; margin-top: 50px}
.case ul li:last-child{ margin-right: 0;}
.case ul li img{ width: 270px; height: 170px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.case ul li a{ margin-top: -10px; background: #f8f8f8; display: block; height: 233px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 10px 10px #ccc;}
.case ul li a h2{ font-size: 20px; color: #666; padding:20px 0px 20px 0px; text-align: center;}
.case ul li a .hr0{ width: 20px; margin:0 auto; border-bottom: 2px solid #999; margin-bottom: 15px;}
.case ul li a p{ font-size: 12px; color:#999; line-height: 30px; padding:0 12px;}
.case ul li a span{ display: block; width: 119px; height: 24px; border-radius: 25px; margin:20px auto 20px auto; border:1px solid #9d9d9d; line-height: 24px; text-align: center; color: #999;
    font-size: 12px;}
.case ul li a.current{ background: #801c1f; }
.case ul li a.current h2{ color: #fff; }
.case ul li a.current p{ color: #fff; }
.case ul li a.current span{ color: #fff; border:1px solid #fff; }
.case ul li a.current .hr0{ border-bottom: 2px solid #fff; }

.news{ padding-top: 90px;}
.news h2{ text-align: center;}
.news h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center; margin-bottom: 50px;}
.video{ float: left; width: 581px; height: 330px;}
.news-fr{ float: right; width: 580px;}
.news-fr ul li{ margin-bottom: 30px;}

.news-time{ float: left; width: 58px; height: 58px; border:1px solid #999;}
.news-time h4{ font-size: 26px; color: #333333; font-weight: bold; text-align: center; padding: 0;}
.news-time p{ font-size: 12px; color: #999999; padding-left: 5px;}
.news-txt{ float: right; width: 502px;}
.news-txt a{ color: #666; }
.news-txt a:hover{ color: #801c1f; }
.news-txt h4{ font-size: 18px;  font-weight: bold; padding:6px 0px 8px 0px; }
.news-txt p{ font-size: 14px; }

/*about*/
.about ul{ width: 880px; margin:0 auto; padding-top: 40px;}
.about ul li{ float: left; width:173px; height: 39px; background: url("../images/about-list.png") no-repeat; margin-right: 62px; }
.about ul li.current{ background: url("../images/about-current.png") no-repeat;}
.about ul li:last-child{ margin-right: 0;}
.about ul li a{ display: block; text-align: center; line-height: 39px; color: #999999; font-size: 18px;}
.about ul li.current a{ color: #801c1f;}
.about-list{ padding-top:72px;}
.about-list dl dd{ padding-left: 22px; font-size: 18px; color: #801c1f; background: url(../images/icon.png) left center no-repeat; }
.about-txt{ width: 241px; float: left;}
.about-txt b{ display: block; font-size: 18px; color: #801c1f; font-weight: bold; padding-bottom: 32px;}
.about-txt p{ font-size: 16px; color: #666666; line-height: 30px;}
.about-img{ float: none;  padding-top: 52px;}
.about-content{ padding-top: 54px;}
.about-content p{ margin-bottom: 36px; line-height: 24px; color: #666666; font-size: 14px; text-indent: 2em;}
.news-con{ margin-top: 54px;}
.news-con ul li{ height: 196px; background: #f9fafb; padding:20px; margin-bottom: 30px;}
.news-img{ float: left; width: 240px; height: 156px;}
.news-img a{ width:240px; height: 156px; overflow: hidden; }
.news-img  img{ width: 240px; height: 156px;}
.news-img a:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s; }
.news-text{ width: 765px; float: left; margin-left: 26px;}
.news-text h2{ font-size: 18px; color: #333333; padding-top:5px; padding-bottom: 24px;}
.news-text p{ font-size: 14px; color: #999999; line-height: 24px;}
.news-text a{ margin-top: 12px; display: block; width: 120px; height: 36px; border:1px solid #999; line-height: 36px; text-align: center; font-size: 14px; color: #999;}
.news-date{ float: right; width: 80px;}
.news-text a:hover{ background: #801c1f; color: #ffffff; border:0}
.news-date h2{ font-size: 60px; color: #cdcdcd; text-align: center; border-bottom: 1px solid #d9d9d9; padding-bottom: 0px;}
.news-date p{ text-align: center; font-size: 18px; color: #cdcdcd; padding-top: 0px;}
.charm h2{ text-align: center;}
.charm h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.charm{padding-top: 90px;}
.charm ul{ width: 645px; margin:0 auto; padding-top: 40px;}
.charm ul li{ float: left; width:173px; height: 39px; background: url("../images/about-list.png") no-repeat; margin-right: 62px; }
.charm ul li.current{ background: url("../images/about-current.png") no-repeat;}
.charm ul li:last-child{ margin-right: 0;}
.charm ul li a{ display: block; text-align: center; line-height: 39px; color: #999999; font-size: 18px;}
.charm ul li.current a{ color: #801c1f;}
.charm-list{ padding-top:52px;}
.charm-list ul li{ cursor: pointer; float: left; width: 400px; height: 38px; background: #f8f8f8; line-height: 38px; text-align: center; font-size: 18px; color: #999999; }
.charm-list ul li.current{ background: #801c1f; color: #ffffff;}

.charm-con{ padding-top: 63px;}
.charm-con p{ font-size: 16px; color: #666; line-height: 30px; padding-bottom: 34px;}
.zen{ padding-top: 78px; position: relative;}
.zen img{ position: absolute; top:94px; right: 323px;}
.zen img:nth-child(2){ right:24px; }
.zen h2{ font-size: 18px; color: #801c1f;}
.zen h3{ font-size: 18px; color: #666666; margin-top: 58px;}
.zen p{ font-size: 14px; line-height: 30px; color: #666666;}
.case-list{ padding-top: 90px;}
.case-list h2{ text-align: center;}
.case-list h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.case-list ul{ padding-top: 50px;}
.case-list ul li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 30px;}
.case-list ul li:nth-child(3n){ margin-right: 0;}
.case-list ul li a{ display: block; width: 380px; height: 240px; overflow: hidden}
.case-list ul li img{ width: 380px; height: 240px;}
.case-list ul li a:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}
.case-list ul li h4{ font-size: 22px; color: #666666; margin-top: 26px; border-bottom: 1px solid #ccc; padding-bottom: 18px;  }
.case-list ul li p{ margin-top: 18px; font-size: 14px; color: #999; line-height: 30px;}
#more{ display: block; width: 148px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #999999; margin-top: 12px; border:1px solid #c1c1c1;}
#more:hover{ border:0; color: #fff; background: #801c1f;}
.pay{ padding-top: 90px;}
.pay h2{ text-align: center;}
.pay h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.pay h4{ font-size:18px;color: #801c1f; margin-top: 106px; margin-bottom: 12px; }
.pay p{ font-size: 16px; line-height: 30px; margin-bottom: 50px;}
.pay p a{ font-size: 16px; color: #666; }
.pay p a:hover{ color: #801c1f; }
.pay p span{ font-size: 12px; color: #999; line-height: 24px; display:block; margin-top:0px; }
.contact{ padding-top: 90px;}
.contact h2{ text-align: center;}
.contact h3{ font-size: 18px; color: #666; margin-top: 20px; text-align: center;}
.contact-con{ padding-top: 63px;}
.contact-fl{ float: left; width: 528px;}
.contact-fl p{ font-size: 16px; color: #666666; padding-left: 48px; margin-bottom: 35px;}
.address{ background: url("../images/address.png") left top no-repeat;}
.phone{ background: url("../images/phone.png") left center no-repeat;}
.mail{ background: url("../images/mail.png") left center no-repeat;}
.wechat{ background: url("../images/wechat.png") left center no-repeat;}
.contact-fr{ float: right; width: 601px;}
#dituContent{ width:601px;height:336px;}
footer{ width: 100%; height: 330px; margin-top: 40px; background: url("../images/foot-bg.jpg") no-repeat; background-size: cover; }
.foot{ padding-top: 48px;}
.copy{ float: left; width: 317px; border-right: 1px solid #ad4e51;}
.copy{ padding-right: 54px;  }
.copy p{ padding-top: 20px; color: #fff; font-size: 14px; padding-left: 48px;}
.call{ background: url("../images/call.png") left 10px no-repeat;}
.add{ background: url("../images/address0.png") left 16px no-repeat;}
.mail0{ background: url("../images/mail0.png") left 12px no-repeat }
.min-nav{ float: left; width: 670px; border-right: 1px solid #ad4e51; padding-left: 53px; padding-right: 53px;}
.min-nav ul li{ float: left; width:70px; margin-right: 50px; }
.min-nav ul li:last-child{margin-right: 0;}
.min-nav ul li a{ font-size: 16px; display: block; margin-bottom: 28px; color: #fff; font-weight: bold;}
.min-nav ul li>ol li{ margin-bottom: 10px;}
.min-nav ul li>ol li a{ font-size: 14px; color: #fff; margin-bottom: 0; font-weight: normal}
.wechat0{ float: left; width:144px; margin-left: 30px;}
.news_show { padding-top: 90px; }
.news_show h2{ font-size: 30px; color: #666; text-align: center; margin-bottom: 12px; }
.news_show h3{ font-size:14px; color:#999; border-bottom: 1px solid #ad4e51; text-align: center; padding-bottom: 12px;}
.news_show-con{ padding-top: 30px;  margin-bottom: 30px;}
.news_show-con p {font-size: 16px; color: #999; line-height: 30px;}
.tab{ width: 800px; margin:20px auto; border-top:1px solid #ad4e51; border-left: 1px solid #ad4e51;}
.tab td{ border-bottom:1px solid #ad4e51; border-right: 1px solid #ad4e51; }
.tab th{ border-bottom:1px solid #ad4e51; border-right: 1px solid #ad4e51; }

.tab tr td{ height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center; }
.tab tr th{ height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center;}
.cases_show { padding-top: 90px; }
.cases_show h2{ font-size: 30px; color: #666; text-align: center;  border-bottom: 1px solid #ad4e51;  padding-bottom: 12px;}
#dituContent{width: 601px; height: 370px;}
.chuang{ padding-top: 60px; padding-bottom: 20px;}
.chuang-img{ float: left; width: 571px; height: auto;}
.chuang-img img{ width: 100%; height: auto;}
.chuang-txt{ width: 571px; float: left; margin-left: 30px}
.about dl{ margin-top: 30px;}
.about dl dd{ float: left; width: 300px; margin-right: 30px;}
.about dl dd p{ text-align: center;}
.about p{ font-size: 16px; color: #666666; line-height: 30px;}
.chuang-txt h2{ font-size: 32px; color: #801c1f; padding-bottom: 30px; text-align: left; }