﻿@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;} 
input, button, textarea {outline: none;-webkit-appearance: none;border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";} 
select{border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}
input[type=checkbox]{ -webkit-appearance: checkbox; } 
a {color:#666;text-decoration:none;}
a:hover {color:#4ab344;}
a:active {color:#4ab344;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:12px;color:#666;}  

/*index*/
.head{float: left; width: 100%; height: 100px;}
.logo{float: left; margin: 25px 0 0;}
.logo img{height: 50px;}
.tel{float: right; background: url(tel.gif) no-repeat 0 center; line-height: 31px; padding: 0 0 0 49px; font-size: 22px; color: #2c2c2c; margin: 40px 0 0; font-family: arial;}
.menubox{float: left; width: 100%; background: #4ab344;}
.menu{float: left; width: 100%;}
.menu li{float: left; line-height: 40px; font-size: 16px; margin-right:1px;}
.menu li a{display: inline-block; padding: 0 55px; color: #fff;}
.menu li.on a,.menu li a:hover{ background: #3f9e3a;}
/*banner效果*/
.content{position:relative;width:100%;margin: 0 auto; height:455px; float: left;}
.banner{overflow:hidden;width:100%;height:455px;}
.content ul{ }
.content_ul li{ display:block; width:100%; height:455px; list-style:none; padding:0; margin:0; position:absolute;}
.content_ul li a { display:block; width:100%; height:455px; text-indent:-9999px;}
.slidenum{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}
.slidenum span{display:inline-block; background:#fff;width:12px; height:12px; margin:0 8px; cursor:pointer; border-radius: 100%;opacity: 0.5; filter:Alpha(opacity=50);}
.slidenum span.current{opacity: 1; filter:Alpha(opacity=100);}
/*banner效果 end*/
.methodbox{float: left; width: 100%;}
.title1{ text-align: center; margin: 80px 0 0;}
.title1 span{font-size: 32px; font-weight: bold; line-height: 58px; display: block; color: #444;}
.title1 i{font-size: 16px; line-height: 32px;}
.methodlist{float: left; width: 100%; margin: 80px 0 0;}
.methodlist li{float: left; width: 200px; text-align: center;}
.methodlist li img{width: 48px;}
.methodlist li span{display: block; line-height:32px; font-size: 18px; margin: 20px 0 0;}
.aboutbox{float: left; width: 100%;}
.contactbox{float: left; width: 100%; background: url(contactbg.jpg) no-repeat 0 center; height: 300px;}
.title2{text-align: center; font-size: 32px; color: #fff; line-height: 54px; margin: 73px 0 0;}
.detail1{text-align: center; color: #fff; font-size: 26px; margin: 0 0 15px; line-height: 50px;}
.contactlink{margin: 0 auto; color: #87c019; background: #fff; border-radius: 48px; line-height: 48px; width: 160px; text-align: center; display: block; font-size: 21px;}
.coursebox{float: left; width: 100%; padding: 0 0 80px;}
.courselist{float: left; width: 1216px; margin: 0 0 0 1px; display: inline;}
.courselist li{float: left; width: 286px; margin: 30px 16px 0 0;}
.courselist li img{ display: block; width: 286px; height:194px;}
.title3{font-size: 18px; color: #333; margin: 24px 10px 0; line-height: 32px; height: 32px; overflow: hidden;}
.detail2{font-size: 16px; margin: 0 10px; line-height: 28px; height: 84px; overflow: hidden;}
.contactbg{float: left; width: 100%; background: url(contactbg1.jpg) no-repeat center top; height: 420px; padding: 72px 0 0;}
.contactleft{float: left; width:454px; margin: 50px 0 0;}
.company{color:#4ab344; line-height: 42px; font-size: 26px; font-weight: bold;font-family: 'Int Circular PTT';}
.contactinfo{color: #fff; line-height: 42px; font-size: 16px; margin: 22px 0 0;}
.contactright{float: right; width: 560px;}
.title4{font-size: 18px; color: #fff; line-height: 50px; margin: 0 0 8px;}
.formbox{float: left; width: 100%; margin: 12px 0 0;}
.label1{float: left; width: 92px; font-size: 16px; line-height: 42px; color: #fff;}
.input1{float: right; width: 446px; border: 1px solid #757575; line-height: 40px; height: 40px; padding: 0 10px; background-color: transparent; color: #fff;}
.submitbtn{float: left; margin: 26px 0 0 92px; display: inline; width: 224px; height: 48px; line-height: 45px; color: #fff; border: medium none; background: #4ab344; font-size: 18px; cursor: pointer;}
.foot{float: left; width: 100%; background: #2b2b2b; padding: 35px 0 20px;}
.footnav{font-size: 16px; line-height: 30px; margin: 0 0 18px; text-align: center;}
.footnav a{display: inline-block; margin: 0 40px;}
.footnav a:hover{color: #fff;}
.copy{line-height: 30px; font-size: 16px; text-align: center; margin: 16px 0 0;}
/*index end*/

/*浮动*/
.r_fudong{float: left; width: 70px; position:fixed; left: 0; top: 50%; margin: -159px 0 0;}
.r_fudong ul{float: left; width: 100%; border-top: 1px solid #dbdbdb; }	
.r_fudong li{float: left; width: 100%;  text-align: center;   cursor: pointer; position: relative;}
.r_fudong li a{display: block; width: 68px; border: 1px solid #dbdbdb; border-top: medium none; float: left; background: #fff; position: relative; z-index: 2;height: 68px;}
.r_fudong li img{margin: 12px auto 0; display: block; vertical-align: bottom; width: 32px;}
.r_fudong li span{display: block; line-height: 21px;}
.gotop{float: left; width: 100%; background: #999; color: #fff; text-align: center; padding: 7px 0 4px; position: relative; z-index: 2;}
.gotop span{display: block; line-height: 20px;}
.gotop:hover{color: #fff; background: #d73240;}
.fdbox{position: absolute; left: 69px; top: 0; background: #d73240; text-align: center; margin-left: -10px;transition: all 0.2s ease-out 0s; opacity: 0;  visibility: hidden; color: #fff;}
.r_fudong li.hover a,.r_fudong li a:hover{background: #f2f2f2;}
.r_fudong li.hover .fdbox{ margin-left:0;opacity: 1;  visibility: visible; }
.telbox{width:178px; padding: 10px 0 0; height: 58px;}
.teltop{position: relative; margin: 0 auto; width: 128px;}
.teltop em{position: absolute; left: 0; top: 0; width: 100%; height: 13px; border-bottom: 1px solid #b20a18; display: block;}
.r_fudong .teltop span{display: inline-block; line-height: 26px; font-size: 18px; position: relative; padding:0 15px; background: #d73240;}
.telnum{line-height:28px; font-size: 18px;}
.ewmbox{float: left; padding: 13px 13px 0; display: inline; width: 109px; }
.r_fudong .ewmbox img{ width: 109px;  height: 109px; margin: 0;}
.r_fudong .ewmbox span{ line-height: 30px; font-size: 14px;}
/*浮动 end*/

/*关于我们*/
.main{float: left; width: 100%; padding: 0 0 80px;}
.sitebox{ border-bottom: 1px dotted #d9d9d9; margin: 0 0 30px;}
.site{margin: 0 auto; width: 1200px;font-size: 14px; line-height: 40px;}
.site i{margin: 0 5px;}
.article{font-size: 14px; line-height: 30px; }
.article img{max-width: 100%; height:auto}
/*关于我们 end*/

/*课程列表*/
/*课程列表*/
.courselist1{float: left; width: 100%; padding: 40px 0 0;}
.courselist1 li{float: left; width:386px; background: #f6f6f6; margin: 28px 7px 0;}
.courselist1 li:nth-of-type(3n){margin-right:0}
.courselist1 li dt{float: left; width:386px;}
.courselist1 li dt img{display: block; width: 386px; height: 217px; vertical-align: bottom;}
.courselist1 li dd{float: right; width: 100%; padding:10px; box-sizing:border-box;}
.title5{font-size: 18px; width:100%; color: #333; text-align:center; line-height: 35px; height: 35px; overflow: hidden; }
.detail3{font-size: 16px; line-height: 30px; height: 30px; overflow: hidden;}
.page{float: left; width: 100%; text-align: center; margin: 55px 0 0;}
.page a{display: inline-block; line-height: 30px; border: 1px solid #d9d9d9; padding: 0 10px; font-size: 14px; margin: 0 5px; color: #666;}
.page a.on,.page a:hover{color: #fff; border:1px solid #4ab344; background: #4ab344;}
/*课程列表 end*/

/*新闻列表*/
.newslist{float: left; width: 100%;}
.newslist li{float: left; width: 100%; border-bottom: 1px dashed #e2e2e2; padding: 28px 0;}
.newslist li dt{float: left; width: 107px; height: 107px; background: #f2f2f2; text-align: center;font-family: 'Int Circular PTT';}
.newslist li dt span{display: block; font-size: 34px; line-height: 36px; margin: 24px 0 0; font-weight: bold;}
.newslist li dt i{ display: block; font-size: 20px; line-height: 28px; }
.newslist li dd{float: right; width: 1008px; margin: 0 30px 0 0; display: inline;}
.title53{font-size: 18px; color: #333; line-height: 35px; height: 35px; overflow: hidden; margin: 0 0 13px;}
.detail33{font-size: 16px; line-height: 30px; height: 60px; overflow: hidden;}
/*新闻列表 end*/

/*资讯详情*/
.newsdetail{float: left; width: 100%; padding: 0 0 80px;}
.title6{font-size: 26px; line-height: 46px; margin: 46px 0 0; color: #333;}
.posttime{font-size: 16px; line-height: 42px; color: #999;}
.share{float: right; width: 306px; margin: 36px 0 0;}
.stle{float: left; font-size:16px; line-height: 32px;color: #333;}
.bdsharebuttonbox{float: right; width: 230px;}
.share .bdshare-button-style0-32 a{ margin: 0 0 0 14px; display: inline;}
.share .bdshare-button-style0-32 .bds_weixin{background: url(s1.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_tsina{background: url(s2.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_qzone{background: url(s3.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_douban{background: url(s4.gif) no-repeat;}
.share .bdshare-button-style0-32 .bds_tieba{background: url(s5.gif) no-repeat;}
.page1{float: left; width: 100%; border-top: 1px dashed #ddd; padding: 50px 0 0; margin: 50px 0 0;}
.page1 a{display: block; line-height: 40px; font-size: 16px;}
/*资讯详情 end*/

/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/

.input11{ width:400px; font-size:16px; line-height:40px; height:40px; border:1px solid #ddd; text-indent:10px;}
.button11{ width:80px; font-size:16px; line-height:40px; height:40px; border:0; margin-left:10px; cursor:pointer; background:#4ab344; color:#fff;}
.cxtable{ margin-top:20px;}
.cxtable td{ background:#fff; line-height:25px; padding:5px;}
