/******************************************
 * Commone CSS
 * Date   : 2016-5-16
 * Author : XiangYun 亭云科技
 * Net    : http://www.tingyunkeji.com
 *****************************************/
/** 初始化 **/
@charset "utf-8";
html, body, div, dl, dd, dt, ul, ol, li, a, i, font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px; font-family:'Microsoft Yahei','Simsun'; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}
html, body { color:#333; min-width:1200px; font-size:14px; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-decoration:none; cursor:pointer; color:#707070}
i { display:-moz-inline-stack; display:inline-block; font-style:normal}
table{ border-collapse:collapse; border-spacing:0px}
ol, ul, li { list-style:none}
img { border:0px none}
input[type=text], input[type=button], input[type=submit], input[type=reset] { -webkit-appearance:none; font-size:100%; outline:none 0}
select { padding:0px}
textarea { resize:none}
body{ onselectstart="return false" oncopy="return false" onpaste="return false"}

table, tr, td { border: 1px solid #666;}
.section { width:1200px; height:auto; margin:0 auto}
.sectionTitle { padding-top:60px; font-size:24px; text-align:center; margin-left:auto; margin-right:auto}
.sectionMore { clear:both; width:auto; text-align:center; padding-top:50px}
.sectionMore a { padding:11px 20px; margin-bottom:62px; color:#fff; font-size:18px; line-height:100%; background:#72ccfb; border-radius:4px; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.sectionMore a:hover { opacity:.8; filter:alpha(opacity=80)}
.pb60 { padding-bottom:60px}
.bgGrey { background-color:#f3f3f3}
div.img { position:relative; overflow:hidden; background:#dadada url(/com/img/i.png) no-repeat center; background-size:40% auto}
div.img > img { position:relative; width:100%; height:260px; float:left;overflow:hidden}


/** 图片列表 **/
.imgList { height:auto; overflow:hidden; margin:0 auto}
.imgList > a { position:relative; float:left; overflow:hidden}
.imgList > a div.img { position:relative; width:100%; height:100%; overflow:hidden}
.imgList > a div.mask { position:absolute; z-index:2; width:100%; height:100%; background:rgba(0,0,0,.5); top:0px; left:0px; opacity:0; filter:alpha(opacity=0); transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.imgList > a div.mask > i { width:0px; height:100%; overflow:hidden; vertical-align:middle; text-align:center}
.imgList > a div.mask > i:first-child { width:100%; height:auto}
.imgList > a div.mask i.detail { padding:10px 30px; border:1px solid #fff; border-radius:4px; color:#fff; font-size:14px; line-height:100%}
.imgList > a div.mask i.detail:hover { vertical-align:middle; text-align:center;border:1px solid #ddd; color:#ddd; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.imgList > a div.mask i.title { margin-bottom:30px; color:#fff; font-size:14px; display:block}
.imgList > a div.absTitle { position:absolute; bottom:0px; color:#fff; font-size:15px; height:42px; line-height:42px; padding:0 10px; background:rgba(0,0,0,.6); left:0px; right:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.imgList > a:hover div.mask { opacity:1; filter:alpha(opacity=100)}

/** 团队列表 **/
.teamList a { display:inline-block; width:150px; height:210px; overflow:hidden; text-align:center; margin-right:113px; font-size:16px; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.teamList a > .img { position:relative;  width:150px; height:150px;border-radius:50%; margin-bottom:25px; font-size:16px; overflow:hidden; padding:1px}
.teamList a > .img .wrap { position:absolute; width:100%; height:100%; top:0; left:0px;}
.teamList a > .img .mark { position:absolute; width:100%; height:100%; top:0; left:0px; background:rgba(0,166,255,0.6); z-index:7; text-align:center; opacity:0; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.teamList a > .img .mark > i { width:0px; height:100%; overflow:hidden; vertical-align:middle; text-align:center}
.teamList a > .img .mark > i:first-child { width:140px; height:auto; color:#fff; font-size:16px}

/** 头部 **/
.header { position:absolute; width:100%; height:65px; border-bottom:1px solid #edeaea; z-index:55;color:#030000}
.header .logo { margin-top:10px; float:left}
.header .menu { float:right}
.header .menu a { width:106px; height:65px; line-height:65px; font-size:16px; text-align:center;color:#fff }
.header .menu a.active, .header .menu a:hover { color:#18a1f0}
.header .menu > a.active, .header .menu > a:hover,
.header .menu > i > a.active, .header .menu > i > a:hover { border-bottom:1px solid #18a1f0}
.header .menu > i { position:relative}
.header .menu > i div { display:none; position:absolute}
.header .menu > i div a { width:106px; height:38px; line-height:38px; text-align:center; color:#5e5e5e; background:#fff;border-top: 1px solid #dde3dd }
.header .menu > i div a:hover { background:#58bcfc; color:#fff}
.header .menu > i:hover div { display:block}
.header .menu > i i.innWrap div { display:none; position:absolute; height:auto; overflow:hidden; margin-left:106px; margin-top:-39px; background:#f6f6f6}
.header .menu > i i.innWrap div a { background:#f6f6f6}
.header .menu > i i.innWrap div a:hover { background:#58bcfc}
.header .menu > i i.innWrap div a:first-child { border:0 none}
.header .menu > i i.innWrap:hover div { display:block}

/** 底部 **/
.footer { height:auto; padding:25px 0; background:#4b4b4b; overflow:hidden; min-width:1200px; color:#e5e4e4; clear:both}
.footer div.fl { float:left; width:660px;}
.footer div.fl a{ border-left:1px solid #e5e4e4;font-size:14px; color:#e5e4e4;line-height:14px; height:14px; padding:0 10px;margin:10px 0 25px 0}
.footer div.fl a:first-child { border-left:0 none; padding-left:0px}
.footer div.fl .editorDetail { font-size:12px; line-height:1.5em}
.footer div.center { float:left; margin-left:-30px; padding-top:5px; font-size:26px; line-height:42px}
.footer div.fr { float:right}

/** 首页Banner **/
.indexBanner { clear:both; height:525px; min-width:1200px}
.indexBanner .flexslider { position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden; z-index:1}
.indexBanner .flexslider > div { position:relative; width:100%; height:100%}
.indexBanner .flexslider ul.slides, .indexBanner .flexslider ul.slides li { width:100%; height:100%}
.indexBanner .flexslider ul.slides li a { width:100%; height:100%; background:no-repeat center; background-size:cover}
.indexBanner .flex-control-nav { width:100%; position:absolute; bottom:30px; text-align:center; z-index:2}
.indexBanner .flex-control-nav li { margin:0 10px; display:inline-block; zoom:1; *display:inline; }
.indexBanner .flex-control-paging li { height:20px; line-height:20px; overflow:hidden}
.indexBanner .flex-control-paging li a { width:20px; height:20px; vertical-align:bottom; overflow:hidden; text-indent:99em; cursor:pointer; background:#cfcece; transition:all .3s ease-out; -webkit-transition:all .3s ease-out; border-radius:10px}
.indexBanner .flex-control-paging li a.flex-active { height:20px; background:#fff}
	
/**  企业风采 **/
.indexMien .data { width:982px; margin:0 auto}
.indexMien .imgList.line1 { width:1050px}
.indexMien .imgList.line1 > a { width:482px; height:290px}
.indexMien .imgList.line2 { width:1050px; margin-top:20px}
.indexMien .imgList.line2 > a { width:314px; height:290px}

/**  新闻中心 **/
.indexNew .section{width:1200px;hight:auto}
.indexNew .newList { margin-top:20px}
.indexNew .newList dd {float:left;overflow:hidden;margin-right:75px;margin-left:75px;width:450px;height:auto;margin-top:30px}
.indexNew .newList dd .time{ float:left; width:82px;hight:30px;line-hight:30px}
.indexNew .newList dd a.title{float:left; margin-left:20px; width:340px;line-height:20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:16px; color:#5e5e5e; margin-top:5px}
.indexNew .newList dd .jianjie{float:left; margin-left:20px; width:340px; line-height:20px; color:#838282; margin-top:10px}
.indexNew .newList dd div.av{float:left}
.indexNew .newList dd a:hover { color:#72ccfb}

/**  草缘美食 **/
.indexPro .section { width:1100px}
.indexPro .indexProClass { text-align:center; position:relative; margin-top:-10px; margin-bottom:30px}
.indexPro .indexProClass a { color:#6a6a6a; font-size:16px; margin:0 20px}
.indexPro .indexProClass a:hover, .indexPro .indexProClass a.selected { color:#f8525f}
.indexPro .imgList { width:978px; height:230px; white-space:nowrap; overflow:hidden}
.indexPro .imgList a { clear:both; float:none; width:268px; height:228px; margin:0 28px; display:inline-block; border:1px solid #ddd}
.indexPro .imgList a div.img { width:268px; height:180px; overflow:hidden}
.indexPro .imgList a div.title { font-size:15px; line-height:46px; padding:0 15px; white-space:nowrap; width:auto; text-overflow:ellipsis; overflow:hidden}
.indexPro .datas { width:1100px; height:230px; overflow:hidden}
.indexPro .data { width:1100px; margin:0 auto}
.indexPro .lft, .indexPro .rgt { width:50px; height:230px; background:url(/com/img/bg.png) no-repeat; cursor:pointer; cursor:pointer; transition:all .3s ease-out; -webkit-transition:all .3s ease-out}
.indexPro .lft:hover, .indexPro .rgt:hover { opacity:.8; filter:alpha(opacity=80)}
.indexPro .lft { float:left; background-position:-190px -115px}
.indexPro .rgt { float:right; background-position:-60px -115px}

/**  课程中心 **/
.indexcourse .section {margin:0 auto; width:1200px; min-width:1160px}
.indexcourse .imgList{position:relative;float:left;width:350px; margin-left:55px; height:auto}
.indexcourse .imgList a .img { width:350px; height:260px;}
.indexcourse .imgList a .Titlebs{margin:15px 0;font-size:16px;color:#6a6a6a}
.indexcourse .imgList a .Titlebs:hover{color:#72ccfb}
.indexcourse .imgList .date{font-size:14px;color:#abaaaa}
.indexcourse .imgList .Company{margin-top:10px;font-size:14px;color:#6a6a6a; width:350px; height:auto; line-height:20px}
.indexcourse .imgList:first-child { margin-left:20px}

/**  栏目框架 **/
.catImage { width:100%; height:220px; background:url(/com/img/banner2.png) no-repeat center; background-size:cover}
.main { width:1200px; margin:20px auto; height:auto; overflow:hidden}
.main .leftNav { float:left; width:302px;height:auto; border-top:4px solid #72ccfb}
.main .leftNav dl dd { position:relative; height:auto; min-height:77px; line-height:77px; border-bottom:1px solid #dcdcdc}
.main .leftNav dl dd > a, .main .leftNav dl dd div.dn a { width:100%; height:100%; line-height:77px; text-align:center; color:#6a6a6a; background:#f1f1f1}
.main .leftNav dl dd > a i { font-size:16px; padding:0 15px}
.main .leftNav dl dd:hover > a, .main .leftNav dl dd.selected > a { background:#59c4fc; color:#fff}
.main .leftNav dl dd:hover > a i , .main .leftNav dl dd.selected > a i { background:url(/com/img/sjimg.png) no-repeat center right; color:#fff}
.main .leftNav dl dd:last-child { border:0 none}
.main .leftNav dl dd div.dn a {width:302px; height:30px; line-height:30px; color:#5e5e5e}
.main .leftNav dl dd div.dn a:hover {color:#72ccfb}
.main .leftNav dl dd:hover div.dn, .main .leftNav dl dd.selected div.dn { width:302px;line-height:20px;position:relative; display:block; background:#f1f1f1; padding:15px 0; border-top:1px solid #dcdcdc; margin-top:-5px}
.main .leftNav dl dd div.dn a.active { color:#59c4fc}

.main .content { float:right; width:808px; padding:0 30px; border:1px solid #ddd; border-radius:3px; box-shadow:0 0 10px #ddd; padding-bottom:20px}
.main .curNav { width:848px;margin-left:-30px;background:#f4f4f4;padding:10px; overflow:hidden}
.main .curNav > a:first-child { padding-left:25px; background:url(/com/img/img.png) no-repeat 0 0; margin-left:10px}
.main .curNav > a { margin:0 10px; font-size:14px;color:#909090}

/**  课程中心列表 **/
.courseList { width:840px;margin-top:30px }
.courseList a { width:250px; height:auto;margin-right:30px}
.courseList a div.img { width:250px; height:167px}
.courseList a div.title { font-size:14px; padding:15px 0 30px 0; width:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/**培训案例**/
.indexCase {width:1190px; min-width:1190px; margin:0 auto}
.indexCase .imgList { float:left; width:366px; height:158px;padding-top:50px;margin-right:30px}
.indexCase .imgList a.title { width:100%; height:30px; line-height:30px;margin-left:-10px; font-size:18px;padding-bottom:10px; color:#3c3c3c}
.indexCase .imgList a:hover { color:#2fb1fb}
.indexCase .imgList a.img { float:left; width:112px; height:112px}
.indexCase .imgList .infro { float:left; width:230px; margin-left:15px; color:#5e5e5e;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexCase .imgList .infro div { line-height:28px; height:28px}

/**  培训机构 **/
.indexOutfit .section { width:1200px; min-width:1200px}
.indexOutfit .imgList {width:1212px;margin-top:-20px;margin-left:0px}
.indexOutfit .imgList a {float:left;width:290px; height:296px; margin-top:20px;margin-right:13px;overflow:hidden}
.indexOutfit .imgList a:hover div.absTitle { opacity:0; filter:alpha(opacity=0)}
.indexOutfit .imgList > a div.mask {  position:absolute; z-index:2; width:100%; height:100%; background:rgba(114,204,251,.6); left:0px; right:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .5s ease-out; -webkit-transition:all .5s ease-out}
.indexOutfit .imgList > a div.mask > i{color:#fff;font-size:24px}

/** 首页团队 **/
.indexTeam .sectionTitle { padding-bottom:50px}
.indexTeam .teamList { white-space:nowrap; width:1202px}
.indexTeam .teamList .teamItem { width:263px; display:inline-block; position:relative}
.indexTeam .teamList a { text-align:center}
.indexTeam .teamList a div { width:150px; height:150px; background:no-repeat center; background-size:cover; border-radius:50%; margin-bottom:10px}
.indexTeam .teamList a:hover { color:#3fbdff}
.indexTeam .teamList a:hover > .img .mark { opacity:1}
.indexTeam .teamList a:last-child > .img .mark { opacity:1; background:none}
.indexTeam .teamList a:last-child > .img .mark > i { color:#3fbdff}


/**  页面介绍 **/
.pageDetail { padding:40px}

/**  新闻中心列表**/
.artList { width:848px;overflow:hidden; padding-top:20px}
.artList dd { overflow:hidden; clear:both}
.artList dd a { width:auto; max-width:700px; height:auto; margin:8px 0; background:url(/com/img/img.png) 0 -447px no-repeat; padding-left:15px}
.artList dd i.fr { margin:10px 30px 0 0; color:#888}

/**  新闻中心详情 **/
.artDetail .artTop { padding:20px 0 20px 0; margin-bottom:40px; text-align:center; color:#b0afaf; border-bottom:1px dashed #ddd}
.artDetail .artTop h1 { font-size:16px; padding:0px; margin:0px; color:#5e5e5e; margin-bottom:10px}
.artDetail .editorDetail { padding:0px 35px 30px 35px}

/**  产品中心 **/
.main .productLeft dl dd { height:auto}
.main .productLeft dl dd > a { background:#e32f3d; color:#fff}
.main .productLeft dl dd > a i, .main .productLeft dl dd > a i, .main .productLeft dl dd > a:hover i , .main .productLeft dl dd > a.selected i { padding:0 23px; background:url(/com/img/jt2.png) no-repeat center right}
.main .productLeft dl dd > a.selected i { background:url(/com/img/jt1.png) no-repeat center right}
.main .productLeft dl dd > div > a { width:100%; height:100%; line-height:73px; text-align:center; color:#6a6a6a; background:#f1f1f1; font-size:16px}
.main .productLeft dl dd > div > a:hover, .main .productLeft dl dd > div > a.selected { background:#aaa; color:#fff}
.productList { position:relative; width:848px; margin-top:-20px}
.productList a { width:260px; border:1px solid #ddd; margin-top:30px; box-shadow:0 0 10px #ddd}
.productList a div.img { width:260px; height:165px}
.productList a div.title { height:50px; line-height:50px; font-size:14px; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.productList a:hover div.title { color:#e32f3d}

/**  产品详情 **/
.productDetail > div { line-height:24px; color:#555; padding:0 50px; font-size:14px; margin-top:10px}
.productDetail div.img { margin:0 auto; width:500px; height:300px; margin-bottom:30px}

/**  联系我们 **/
.contact { height:auto; overflow:hidden}
.contact .pageDetail { float:left; width:610px; min-height:330px; padding:40px 100px}
.contact .inf {float:left;margin-left:75px; width:600px; padding-bottom:30px}
.contact .inf div { font-size:14px; padding-left:50px; line-height:26px; color:#666666; background:url(/com/img/img.png) no-repeat}
.contact .inf .name { font-size:16px; padding-left:20px; background:none; color:#3b3b3b}
.contact .inf .addr { margin-top:19px; background-position:20px -188px}
.contact .inf .tel { margin-top:15px;  background-position:20px -315px}
.contact .inf .email { margin-top:15px; background-position:21px -250px}
.contact .inf .wz { margin-top:15px; background-position:21px -380px}

/**  案例列表 **/
.main .caseList { width:808px; min-width:0px}
.main .caseList .tmpList { width:800px; padding-left:30px; overflow:hidden}
.main .caseList .tmpList .imgList { margin-right:10px; padding-top:30px}

/**  团队列表 **/
.main .teamList { width:800px; padding:15px 0}
.main .teamList a { width:800px; height:auto; padding:20px 0; border-top:1px dashed #ccc; text-align:left}
.main .teamList a > div.fl { width:150px; height:150px; background:no-repeat center; background-size:cover; border-radius:50%}
.main .teamList a > .fr { width:605px}
.main .teamList a > .fr .title { font-size:16px; color:#6c6e6f; line-height:18px; margin-top:20px}
.main .teamList a > .fr .intro { margin-top:8px; font-size:14px; line-height:28px}
.main .teamList a:first-child { border:0 none}

/**  客户列表 **/
.main .indexOutfit .imgList { width:880px; padding:40px 0 20px 10px}
.main .indexOutfit .imgList a { width:250px; height:80px; margin-right:20px; border:1px solid #ddd; box-shadow:0 0 10px #eee}
.main .indexOutfit .imgList a img { width:100%; height:100%}

/**  分页 **/
.paging { clear:both; padding:20px 0 30px 0; text-align:center; margin:0 auto; margin-top:15px}
.paging a { padding:7px 11px; margin:0 3px; border:1px solid #72ccfb; background:#72ccfb; color:#fff; border-radius:3px; font-size:14px; line-height:100%}
.paging a:hover { border:1px solid #fff; background:#59c4fc}
.paging a.cur { color:#555; border:1px solid #02b4ff}
.paging i { color:#555; padding:5px 10px; font-size:14px; line-height:100%}
.paging i.cur { color:#555; font-weight:bold; border:1px solid #fff; background:none}
.paging i.ml10, .paging i.i555, .paging input { display:none}
.paging input { width:30px}



/** 工具 **/
.clear { clear:both}
.fl { float:left}
.fr { float:right}
.psa { position:absolute}
.psr { position:relative}
.psf { position:fixed}
.vat { vertical-align:top}
.vam { vertical-align:middle}
.vab { vertical-align:bottom}
.cp { cursor:pointer}
.db { display:block}
.di { display:inline-block}
.dn { display:none}
.tal { text-align:left}
.tac { text-align:center}
.tar { text-align:right}
.oh { overflow:hidden}
.oxs { overflow:hidden; overflow-x:scroll}
.oys { overflow:hidden; overflow-y:scroll}
.ha { height:auto; overflow:auto}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml30 { margin-left:30px}
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mb50 { margin-bottom:50px}
.pt5 { padding-top:5px}
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt15 { padding-top:15px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.fs13 { font-size:13px}
.fs14 { font-size:14px}
.fs15 { font-size:15px}
.fs16 { font-size:16px}
.editorDetail { word-break:break-all}
.editorDetail p:first-child { margin-top:0px}
.editorDetail img { max-width:100%}
.emptyTip { clear:both; font-size:12px; color:#888; padding:30px 0; margin:0px; text-align:center; overflow:hidden}
.sl { width:auto; height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.YPMsg { position:fixed; padding:15px 20px; background:rgba(0,0,0,0.7); z-index:-1; border-radius:8px; color:#fff; font-size:15px; line-height:20px; max-width:400px; text-align:center;}
.loading { display:none; width:0px; height:0px}
.loading > div { position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:999; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; z-index:9990}
.loading > div > div { background:rgba(0,0,0,0.8); padding:20px; border-radius:10px;}
.ldi,.ldi>div{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.ldi{display:block;font-size:0;color:#fff}.ldi.la-dark{color:#fff}.ldi>div{display:inline-block;float:none;background-color:currentColor;border:0 solid #ddd}.ldi{width:32px;height:32px}.ldi>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 1s linear infinite;animation:ball-clip-rotate 1s linear infinite}.ldi.la-sm{width:16px;height:16px}.ldi.la-sm>div{width:16px;height:16px;border-width:1px}.ldi.la-2x{width:48px;height:48px}.ldi.la-2x>div{width:48px;height:48px;border-width:4px}.ldi.la-3x{width:96px;height:96px}.ldi.la-3x>div{width:96px;height:96px;border-width:6px}@-webkit-keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ball-clip-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}