@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#333;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em; font-size:14px;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#FFF; }
a:hover{ color:#FFF;}
a:focus { outline:none; }
a:active{ outline:none;}

/*通用宽度*/
#logo_main,.common{ width:100%;}
#logo,.common_block{ width:1200px; margin:0 auto;}

/*通用属性*/
.btn-block {display: block;}
.mb25{ margin-bottom:25px;}
.bg_colorone{ background:#cce2ff; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}


/*Logo*/
#logo_main { background:#03316d;  }
#logo {overflow:hidden; }
#logo .WebLogo{ float:left;}
#logo .WebLogo a{ float:left;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}
#logo #tel{ background:url(../images/tel.png) no-repeat left center; width:268px; float:right; height:80px; }
.add_title{ display:block; width:140px; height:20px; margin-top:30px; margin-left:15px;}

/*banner*/
#banner_main { width:100%; height:450px; overflow:hidden;}
#banner { width:1920px; height:450px; overflow:hidden; display:block; left:50%; margin-left:-960px; position:relative;}
.banner_word{ width:640px; position:absolute; top:0; margin-left:640px;}
.banner_word span.click_talk{ display:block; width:294px; margin:220px auto 0;}
.banner_word p{ text-align:center; color:#fff; font-size:18px;}

/*单招对象*/
.common_block{ margin-bottom:50px;}
.left_title{ padding:35px 0 30px;text-align:center;  }
.left_title h2 { margin-bottom:10px; font-size:36px; color:#03316d; }
.bg_t1{ background:url(../images/bg_img1.png) no-repeat center;}
.bg_t2{ background:url(../images/bg_img2.png) no-repeat center;}
.gridlist{ overflow:hidden; width:1230px; }
.gridlist li { overflow:hidden; margin-right:30px; float:left; width:378px; overflow:hidden; margin-bottom:24px; display:inline; border:1px solid #ccc; text-overflow:ellipsis; }
.gridlist li img { width:378px; display:block; height:224px; border-bottom:1px solid #ccc; }
.gridlist li div{ padding:20px 10px 30px; line-height:20px;}
.gridlist li .InfoTitle { white-space:nowrap; display:block; color:#fff; font-size:20px; font-weight:bold; width:255px; height:44px; background:#0f80d0; border:1px solid #03316d; text-align:center; line-height:44px; margin:0 auto 20px; width:255px; height:44px; border-radius:44px; -moz-border-radius:44px; -webkit-border-radius:44px; }

/*培训优势*/
.gridlist2{ width:1124px; overflow:hidden; padding:0 23px 0 53px; height:330px; overflow:hidden;}
.gridlist2 li{ width:530px; border:1px solid #94c3ff; float:left; height:82px; background:#fff; margin:15px 30px 15px 0;}
.gridlist2 li h2{ font-size:56px; font-weight:bold; display:block; width:78px; text-align:center; line-height:82px; color:#0f80d0; border-right:1px solid #94c3ff; float:left;}
.gridlist2 li .list_li{ float:left; margin-left:20px; width:420px;}
.gridlist2 li .list_li p{ height:32px; line-height:32px; margin-bottom:5px; font-size:16px; font-weight:bold; width:65px; border-bottom:1px solid #94c3ff;}
.gridlist2 li .list_li span{ line-height:20px;;}

/*为什么要培训*/
.gridlist3,.gridlist4,.gridlist5,.gridlist6,.gridlist8,.gridlist9{ width:1200px; overflow:hidden;}
.loop_li{ float:left; overflow:hidden}
.loop_li dl dd div.loop_one{ overflow:hidden;}
.loop_li dl dd div.loop_one i{ display:block; width:48px; height:40px; float:left;}
.loop_li dl dd div.loop_one span{ font-size:20px; float:left; font-weight:bold; display:block; height:40px; line-height:40px; margin-bottom:15px;}
.loop_li dl dd i.bg_img1{ background:url(../images/title_img1.png) left center no-repeat;}
.loop_li dl dd i.bg_img2{ background:url(../images/title_img2.png) left center no-repeat;}
.loop_li dl dd i.bg_img3{ background:url(../images/title_img3.png) left center no-repeat;}
.loop_li dl dd i.bg_img4{ background:url(../images/title_img4.png) left center no-repeat;}
.loop_li dl dd i.bg_img5{ background:url(../images/title_img5.png) left center no-repeat;}
.loop_li dl dd div.loop_two{ margin-bottom:25px; line-height:26px; font-size:12px; overflow:hidden;}

/*选择单招理由*/
.bg_colortwo{ background:#cce2ff url(../images/danzhao1.png) center bottom no-repeat;}
.gridlist4{ padding:60px 0;}
.gridlist4 li{ width:385px; height:230px; color:#fff; background:#0f80d0; padding:10px; position:relative;}
.reason_one{ border-radius:10px 10px 0 10px;}
.reason_two{ border-radius:10px 10px 10px 0;}
.reason_three{ border-radius:10px 0 10px 10px;}
.reason_four{ border-radius:0 10px 10px 10px;}

.gridlist4 li.reason_one,.gridlist4 li.reason_two{ margin-bottom:25px;}
.gridlist4 li.reason_one,.gridlist4 li.reason_three{ float:left;}
.gridlist4 li.reason_two,.gridlist4 li.reason_four{ float:right;}
.gridlist4 li p{ font-size:20px; font-weight:bold;}
.gridlist4 li span{ line-height:28px;}
.gridlist4 li i{ position:absolute; height:0; width:0; overflow:hidden;}
.bg_reason1{ border-bottom:60px solid #0f80d0; border-right:30px solid transparent; bottom:0; right:-30px;}
.bg_reason2{ border-bottom:60px solid #0f80d0; border-left:30px solid transparent; bottom:0; left:-30px;}
.bg_reason3{ border-top:60px solid #0f80d0; border-right:30px solid transparent; top:0; right:-30px;}
.bg_reason4{ border-top:60px solid #0f80d0; border-left:30px solid transparent; top:0; left:-30px;}

/*培训学员*/
.gridlist5 ul{ width:1220px;}
.gridlist5 ul li{ width:246px; border:1px solid #ccc; padding:20px; float:left; margin-right:16px; position:relative; text-align:center;}
.gridlist5 ul li div.gridli_img{ display:block; width:140px; height:140px; border-radius:140px; -moz-border-radius:140px; -webkit-border-radius:140px; overflow:hidden; margin:5px auto 40px;}
.gridlist5 ul li a{ width:215px; height:40px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; background:#e69414; color:#fff; font-size:20px; font-weight:bold; line-height:40px; position:absolute; top:160px; left:35px; text-align:center;}
.gridlist5 ul li p{ padding-top:25px; font-size:16px; font-weight:bold; color:#ec1c14;}
.gridlist5 ul li span{ line-height:28px;}

/*培训案例*/
.gridlist6{ text-align:center;}
.pro1{ font-size:50px; color:#0f80d0; margin-bottom:20px; font-family:"宋体";}
.pro2{ width:1065px; height:92px; line-height:90px; margin:0 auto; color:#fff; background:#0f80d0; font-size:50px; font-weight:bold; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.pro3{ width:253px; height:98px; margin:10px auto 30px;}
.pro4{ width:1200px; height:562px; overflow:hidden;}

/*专业团队*/
.gridlist7{ width:1200px; height:230px; position:relative; overflow:hidden;}
.team{ width:1140px; height:230px; float:left; margin:0 30px}
.team li{ width:273px; float:left; border:1px solid #0f80d0; margin:0 5px;}
.team_top{ margin:15px 12px; width:249px; overflow:hidden;}
.team_top span{ display:block; width:127px; height:154px; float:left; overflow:hidden;}
.team_top_right{ float:right; width:110px; text-align:center;}
.team1{ color:#0f80d0; height:20px; line-height:20px; font-size:12px;}
.team2{ color:#0f80d0; font-size:16px; font-weight:bold; height:20px; line-height:20px;}
.team3{ width:88px; height:88px; margin:10px auto 0;}
.team4{ font-size:12px;}
.team_bottom{ height:18px; width:253px; background:#0f80d0; color:#fff; font-size:12px; line-height:24px; padding:10px;}

.swiper-button-next,.swiper-button-prev{ width:21px; height:330px; z-index:999; position:absolute; cursor:pointer;}
.swiper-button-prev{ background:#fff url(../images/img14.jpg) center no-repeat; left:0;}
.swiper-button-next{ background:#fff url(../images/img15.jpg) center no-repeat; right:0;}

/*学员风采*/
.stu1{ height:262px; margin-bottom:7px; width:1220px;}
.stu1 span{ float:left; margin-right:6px; width:597px; display:block; overflow:hidden; height:262px;}
.stu2{ height:196px; margin-bottom:7px; width:1220px;}
.stu2 span{ float:left; margin-right:5px; width:196px; display:block; overflow:hidden; height:196px;}

/*电话咨询*/
.bg_colorthree{ background:url(../images/danzhao4.png) center no-repeat;}
.height663{ height:663px;}
.tel_left{ width:490px; height:642px; padding-top:21px; float:left;}
.tel_right{ width:625px; margin-top:70px; color:#fff; float:right;}
.tel_right div{ font-size:34px; line-height:46px; font-weight:bold; padding-bottom:25px;}
.tel_right p{ font-size:26px; margin-top:20px;}
.tel_right span{ font-size:30px; color:#edef00; font-weight:bold;}

/*常见问题*/
.ques1{ color:#03316d; font-size:36px; text-align:center; height:50px; line-height:50px; margin-bottom:20px;}
.ques2,.ques3{ line-height:24px;}
.ques3{ margin-bottom:20px;}
.gridlist9 a{ display:block; width:1198px; height:90px; border:1px solid #ccc; overflow:hidden;}

/*预约报名*/
.gridlist10{ width:1192px; border:4px solid #0f80d0;}
.title_img{ height:29px; padding:17px 17px; border-bottom:1px solid #0f80d0;}
.studentall{ padding:30px; overflow:hidden;}
.student_left{ width:830px; float:left;}
.student_right{ float:right; width:259px; height:418px;}
.student_li{ width:830px; margin-bottom:15px; overflow:hidden;}
.student_li label{ font-size:18px; height:34px; line-height:34px; width:100px; display:block; float:left;}
.student_li label span{ color:#e30606;}
.student_li input{ float:left; width:726px; text-indent:10px; height:34px; border:1px solid #ccc;}
.student_li textarea{ float:left; width:706px; height:90px; padding:10px; border:1px solid #ccc;}
.student_click{ width:245px; height:52px; overflow:hidden; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:40px auto;}
.student_click input{ width:245px; border:0; font-size:22px; height:52px; color:#fff; background:#e30606; cursor:pointer;}


.footer{ background:#161835; color:#fff; height:205px; padding-bottom:0; width:100%; margin:70px 0 85px;}
.foot{ width:1200px; margin:0 auto; overflow:hidden;}
.foot_left{ width:700px; float:left; overflow:hidden; margin-top:20px;}
.foot_left span{ font-size:22px; margin:0; line-height:30px}
.foot_left p{ line-height:30px; height:90px; text-align:left; color:#fff; margin-top:10px;}
.foot_right{ float:right; width:340px; overflow:hidden; margin-top:20px;}
.foot_right dl{ width:90px; float:left; margin-right:15px;}
.foot_right dl dt{ font-size:18px; line-height:30px; margin-bottom:5px;}
.foot_right dl dd{ width:90px; line-height:30px;}
.foot_right dl dd a{ color:#fff;}
.foot_wx{ width:122px; height:122px; float:right;}
p.foot_b{ float:left; height:34px; margin-top:20px; line-height:34px; font-size:12px; color:#fff; border-top:1px solid #3a4094; text-align:left; width:1200px;}

/*快速导航*/
.back_w{ position:fixed; right:10px; top:200px;}
.q_f{ width:133px; height:360px; border:4px solid #03316d; position:relative; background:#fff; padding-top:15px;}
.q_f p{ width:122px; height:26px; color:#fff; line-height:26px; text-align:center; position:absolute; top:-15px; background:#03316d; left:5px;}
.q_f a.btone{ width:122px; height:32px; display:block; background-color:#0f80d0; line-height:32px; color:#fff; text-indent:10px; margin:5px auto 0;}
.back_top{ background:url(../images/img26.jpg) center 5px no-repeat; background-color:#fff; padding-top:25px; cursor:pointer; color:#03316d; width:122px; height:22px; display:block; margin:5px auto 0; text-align:center;}
.q_f a.back_top:hover{ color:#03316d;}
.taste_foot{ height:86px; width:100%; background:#0F80D0; position:fixed; bottom:0;}
.taste_foot_b{ margin:0 auto; width:1200px; padding-top:12px; height:74x;}
.taste_foot_img{ float:left;}
.taste_foot_b span{ font-size:30px; font-weight:bold; color:#fff; line-height:70px; float:left; margin-left:35px;}
.taste_foot_b a{ float:right;}

@media (max-width:1080px){ body{width:135%;} }