body { margin: 0; padding: 0; font-size: 14px; color: #333; line-height: 1.5; font-family: 'Microsoft YaHei',Arial,Verdana; min-width: 1200px; }
a { font-size: 14px; color: #333; line-height: 22px; text-decoration: none; outline: none; -moz-outline: none; }
a:hover { color: #17aee6; text-decoration: none; }
ul, li, dl, dd, dt, h1, h2, h3, h4, p { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; }
a img { border: none; }
i, em { font-style: normal; }
img { max-width: 100%; }
input, button { outline: none; font-family: 'Microsoft YaHei',Arial,Verdana; }
p { margin: 0 0 10px; }
.wrap { max-width: 1440px; margin: 0 auto; }
.base { width: 1200px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
.fl { float: left; }
.fr { float: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.p { padding: 20px 40px; line-height: 1.5; }
.hide { display: none; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt15 { margin-top: 15px; }
.red { color: #dd2727; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; }
.placeholderColor { color: #A9A9A9 !important; }
.clearfix { overflow: hidden; }
.clearfix:after { content: " "; display: block; clear: both; }
.btn_blue { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #17aee6; color: #fff; display: inline-block; }
.btn_blue:hover { background-color: #338ecc; color: #fff; }

/*头部*/
#header .head_mid { padding: 20px 0 4px; }
#header .head_logo { float: left; width: 315px; position: relative; }
#header .head_logo img { }
#header .head_logo h1 { display: inline-block; font-size: 16px; font-weight: bold; color: #17aee6; }
#header .head_ewm { width: 200px; text-align: right; }
#header .head_ewm img { vertical-align: bottom; }
#nav { background-color: #17aee6; height: 40px; margin-bottom: 10px; }
#nav ul { padding-left: 50px; }
#nav ul li { min-width: 50px; float: left; margin-right: 75px; }
#nav ul li a { line-height: 40px; font-size: 16px; color: #fff; }
#nav ul li.on a { border-bottom: 3px solid #fff; padding-bottom: 5px; }

/*banner*/
#banner_line { background-color: #5cc8ff; position: relative; height: 600px; }
#banner_line #banner { position: relative; width: 100%; height: 600px; overflow: hidden; }
#banner_line #banner .hd { position: absolute; width: 100%;; right: 0; top: 50%; margin-top: -30px; display: none; }
#banner_line #banner .hd a { display: block; width: 32px; height: 60px; text-align: center; background-color: rgba(0,0,0,0.2); position: absolute; text-decoration: none; }
#banner_line #banner .hd a:hover { background-color: #fff; }
#banner_line #banner .hd a i { padding: 4px; color: #fff; line-height: 60px; font-size: 18px; }
#banner_line #banner .hd a:hover { background-color: rgba(0,0,0,0.4); }
#banner_line #banner .hd a.prev { left: 10px; }
#banner_line #banner .hd a.next { right: 10px; }

#banner_line #loginbox { width: 313px; background-color: rgba(255,255,255,0.5); height: 100%; position: absolute; z-index: 9; left: 0; top: 0; }
#banner_line #loginbox dl { background-color: rgba(255,255,255,0.5); height: 442px; width: 260px; margin: 30px auto; }
#banner_line #loginbox dl dt { height: 40px; padding-top: 80px; line-height: 30px; border-bottom: 1px solid #d9d9d9; font-size: 20px; text-align: center; }
#banner_line #loginbox dl dd { padding-top: 10px; }
#banner_line #loginbox dl dd ul { width: 225px; margin: 0 auto; }
#banner_line #loginbox dl dd ul li { margin-top: 18px; }
#banner_line #loginbox dl dd ul li.input { border: 1px solid #ccc; border-radius: 3px; height: 30px; }
#banner_line #loginbox dl dd ul li.input .input-ico { width: 36px; background-color: #fff; text-align: center; float: left; height: 30px; line-height: 30px; }
#banner_line #loginbox dl dd ul li.input .input-ico img { vertical-align: middle; }
#banner_line #loginbox dl dd ul li.input input { border: none; background: transparent; line-height: 30px; padding: 0 5px; height: 30px; width: 172px; }
#banner_line #loginbox dl dd ul li .btn_login { display: block; height: 30px; line-height: 30px; border-radius: 3px; text-align: center; font-size: 16px; }
#banner_line #loginbox dl dd ul li.login_remeber label { color: #999; }
#banner_line #loginbox dl dd ul li.tips { color: #e14242; }
.banner_about { position: relative; }
.banner_about span { position: absolute; left: 50%; bottom: -65px; margin-left: -58px; z-index: 9; }

/*首页内容*/
.h_line_1 { padding: 30px 0; }
.h_line_1 .tel { color: #17aee6; text-align: center; margin-bottom: 25px; }
.h_line_1 .tel span { display: block; font-size: 20px; }
.h_line_1 .tel h2 { font-size: 48px; }
.h_line_1 ul { margin-bottom: 20px; }
.h_line_1 ul li { box-sizing: border-box; width: 380px; background-color: #17aee6; height: 212px; color: #fff; margin-right: 20px; float: left; font-size: 28px; }
.h_line_1 ul li:last-child { margin-right: 0; font-size: 33px; padding: 75px 0 0 40px; background: #17aee6 url(../images/bg_join.jpg) right bottom no-repeat; }
.h_line_1 ul li:last-child img { vertical-align: middle; margin-left: 10px; }
.h_line_1 ul li:first-child { padding-top: 45px; text-align: center; }
.h_line_1 ul li:first-child span { display: inline-block; vertical-align: middle; }
.h_line_1 ul li:first-child span:first-child { font-size: 64px; border-right: 3px solid #fff; padding-right: 15px; margin-right: 15px; }
.h_line_1 ul li:first-child span:last-child { text-align: left; }

.h_line_1 ul li:nth-child(2) { padding-top: 35px; text-align: center; }
.h_line_1 ul li:nth-child(2) span { display: block; }
.h_line_1 ul li:nth-child(2) span:first-child { padding-bottom: 35px; margin-bottom: 20px; border-bottom: 3px solid #fff; }
.h_line_1 ul li:nth-child(2) span:last-child { font-size: 36px; }

.h_line_2 { font-size: 28px; color: #666; }
.h_line_3 { font-size: 18px; margin-bottom: 20px; height: 150px; background: #eeeeee url(/Content/images/pic_h_06.jpg) left top no-repeat; text-align: right; padding: 30px 40px 0 0; box-sizing: border-box; }
.h_line_3 b { font-size: 36px; display: block; font-weight: normal; }

.h_line_4 { position: relative; margin-bottom: 50px; background: url(/Content/images/pic_h_06_pro.jpg) left top no-repeat; background-size: 100% auto; text-align: left; padding: 340px 0 0 0; box-sizing: border-box; }
.h_line_4 .tips { background-color: rgba(14,104,138,0.4); font-size: 22px; color: #fff; padding: 15px 24px; position: absolute; top: 30px; left: 0; }
.h_line_4 ul { overflow: hidden; padding-left: 60px; }
.h_line_4 ul li { float: left; width: 200px; margin-right: 20px; background-color: #eeeeee; }
.h_line_4 ul li b { display: block; line-height: 40px; font-size: 20px; border-bottom: 3px solid #17aee6; padding-left: 15px; }
.h_line_4 ul li p { padding: 10px 15px 20px; min-height: 100px; }

.h_message table { margin: 20px auto; }
.h_message table td { border: 1px solid #bbb; font-weight: bold; font-size: 24px; color: #666; padding: 10px; }
.h_message table td input { border: none; height: 40px; line-height: 40px; width: 100px; }
.h_message .btn_submit { height: 50px; line-height: 50px; width: 200px; border: none; text-align: center; color: #fff; font-size: 32px; border-radius: 20px; background-color: #0091db; margin: 20px auto; }
.h_message .info { font-size: 24px; color: #666; }

#h_content { background-color: #eeeeee; margin-top: 20px; padding: 20px; }
#h_content .h_photos { float: left; width: 360px; height: 215px; overflow: hidden; position: relative; }
#h_content .h_photos .hd { position: absolute; right: 8px; bottom: 8px; }
#h_content .h_photos .hd li { width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 12px; background-color: rgba(255,255,255,0.8); margin-right: 5px; cursor: pointer; display: inline-block; }
#h_content .h_photos .hd li.on { background-color: #17aee6; color: #fff; }
#h_content .h_about { float: left; width: 380px; height: 215px; padding: 0 0 0 20px; box-sizing: border-box; margin-left: 20px; position: relative; }
#h_content .h_about > h3 { color: #40b1ff; font-size: 24px; height: 40px; line-height: 1; position: relative; font-weight: normal; }
#h_content .h_about > h3:after { content: " "; display: block; width: 200px; border-bottom: 1px solid #999; height: 1; position: absolute; bottom: 0; left: 0; }
#h_content .h_about_co { color: #666; padding: 15px 0; }
#h_content .h_join { float: right; width: 380px; height: 215px; padding: 0 0 0 20px; box-sizing: border-box; position: relative; }
#h_content .h_join > h3 { color: #40b1ff; font-size: 24px; height: 40px; line-height: 1; position: relative; font-weight: normal; }
#h_content .h_join > h3:after { content: " "; display: block; width: 200px; border-bottom: 1px solid #999; height: 1; position: absolute; bottom: 0; left: 0; }
#h_content .h_join_co { color: #666; padding: 15px 0; overflow: hidden; }
#h_content .h_join_co a { display: inline-block; padding: 0 7px; line-height: 22px; border: 1px solid #999999; border-radius: 3px; float: left; margin: 0 10px 10px 0; color: #666; font-size: 13px; }
#h_content .h_join_co a:hover { border: 1px solid #40b1ff; color: #40b1ff; }
#h_content .btn_more { display: inline-block; width: 60px; height: 25px; line-height: 25px; text-align: center; color: #fff; position: absolute; bottom: 0; right: 0; }

/*底部*/
.h_baozhang { background-color: #eeeeee; padding: 20px 0; margin-top: 30px; }
.h_baozhang ul { overflow: hidden; padding: 0; }
.h_baozhang ul li { width: 25%; text-align: left; float: left; box-sizing: border-box; color: #333333; padding: 20px 0 30px 40px; border-right: 1px solid #ddd; }
.h_baozhang ul li:last-child { border: none; }
.h_baozhang ul li b { display: block; font-size: 16px; font-weight: normal; line-height: 36px; padding: 15px 0; }
.h_baozhang ul li b i { vertical-align: middle; display: inline-block; font-weight: normal; width: 36px; height: 36px; margin-right: 16px; background: url(../images/icons.png) 0 0 no-repeat; }
.h_baozhang ul li p { line-height: 20px; color: #999; }
.h_baozhang ul li.bz_01 i { background-position: -480px -160px; }
.h_baozhang ul li.bz_02 i { background-position: -520px -160px; }
.h_baozhang ul li.bz_03 i { background-position: -560px -160px; }
.h_baozhang ul li.bz_04 i { background-position: -600px -160px; }

#footer { }
#footer a:hover { text-decoration: underline; }
#footer .foot_menu { background-color: #414141; color: #fff; padding: 25px 0; }
#footer .foot_menu a { color: #fff; }
#footer .foot_menu ul { overflow: hidden; }
#footer .foot_menu ul li { width: 16.6%; float: left; position: relative; padding-left: 65px; box-sizing: border-box; }
#footer .foot_menu ul li::after { content: " "; display: block; height: 100px; width: 1px; background-color: #555; right: 0; top: 20px; position: absolute; }
#footer .foot_menu ul li:first-child::before { content: " "; display: block; height: 100px; width: 1px; background-color: #555; left: 0; top: 20px; position: absolute; }
#footer .foot_menu ul li h4 { font-size: 16px; font-weight: normal; height: 32px; }
#footer .foot_menu ul li span { display: block; height: 25px; }
#footer .foot_menu ul li span a { color: #ccc; }
#footer .foot_menu ul li span a:hover { color: #fff; }
#footer #foot_link { margin-top: 10px; color: #999; }
#footer #foot_link a { color: #999; margin-right: 5px; }
#footer #copyright { text-align: center; color: #999; padding: 30px 0; }
#footer #copyright a { color: #999; }

/*浮动分类*/
#float_category { position: fixed; left: 50%; margin-left: -650px; top: 200px; width: 36px; }
#float_category li { height: 36px; line-height: 36px; font-size: 12px; display: block; text-align: center; background-color: #626262; box-sizing: border-box; margin-bottom: 1px; }
#float_category li a { line-height: 15px; font-size: 12px; color: #fff; display: block; padding: 3px 4px; }
#float_category li a:hover { background-color: #e11921; }
#float_category li.float_tit { background-color: #e11921; color: #fff; }
#float_category li.toTop { background-color: #acacac; }
#float_category li.toTop i { display: block; margin: 0 auto; transform: rotate(90deg); }

/*about*/
.about_tit { padding-bottom: 40px; text-align: center; }
.about_line_1 { padding-top: 80px; }
.about_line_1 .about_co { background-color: #f4f4f4; }
.about_line_1 .about_co .about_img { width: 720px; }
.about_line_1 .about_co .about_info { width: 420px; padding: 15px 40px 0 0; }
.about_line_1 .about_co .about_info_tit { margin-bottom: 10px; }
.about_line_1 .about_co .about_info_tit h3 { font-size: 34px; color: #17aee6; font-weight: bold; line-height: 1.4; }
.about_line_1 .about_co .about_info_tit em { font-size: 16px; display: block; font-weight: normal; white-space: nowrap; }
.about_line_1 .about_co .about_info_tit em:after { content: " "; display: block; border-bottom: 2px solid #17aee6; width: 182px; margin-top: 5px; }
.about_line_1 .about_co .about_info p { text-indent: 28px; font-size: 13px; }

.about_line_2 { padding-top: 80px; margin-bottom: 60px; }
.about_line_2 .about_team { }

.about_line_3 { margin-bottom: 70px; }
.about_line_3 ul { background-color: #17aee6; color: #fff; padding: 8px; height: 100px; overflow: hidden; box-sizing: content-box; }
.about_line_3 ul li { width: 33.33%; float: left; }
.about_line_3 ul li img { float: left; margin: 0 10px; vertical-align: middle; }
.about_line_3 ul li b { font-size: 16px; display: block; margin-top: 20px; margin-bottom: 10px; }

.about_line_4 { margin-bottom: 70px; }
.about_line_4 .about_culture { margin-bottom: 70px; }
.about_line_4 .about_culture .about_culture_info { width: 400px; font-size: 18px; padding: 50px 0 0 30px; }
.about_line_4 .about_culture .about_culture_info b { font-size: 20px; margin-bottom: 10px; display: block; }
.about_line_4 .about_culture .about_culture_info p { margin-bottom: 20px; }
.about_line_4 .about_culture .about_culture_img { }

.about_line_5 { margin-bottom: 80px; }
.about_line_5 ul { overflow: hidden; box-sizing: content-box; }
.about_line_5 ul li { width: 268px; float: left; margin-right: 30px; }
.about_line_5 ul li:nth-child(4n) { margin-right: 0; }
.about_line_5 ul li .img { height: 275px; }
.about_line_5 ul li img { width: 100%; }
.about_line_5 ul li b { font-size: 24px; display: block; text-align: center; line-height: 56px; color: #fff; background-color: #17aee6; }
.about_line_5 ul li p { font-size: 15px; margin-top: 6px; text-align: center; color: #818285; background-color: #e6f7fd; padding-top: 18px; height: 90px; }

.about_line_6 { font-size: 18px; width: 990px; padding: 280px 475px 0 0; background: url(../images/a/pic_a_07.jpg) right bottom no-repeat; height: 630px; margin: 30px auto 40px; }
.about_line_6 b { font-size: 36px; margin-bottom: 10px; display: block; }


/*join*/
.join_tit { padding-bottom: 40px; text-align: center; }
.join_line_1 { padding-top: 60px; margin-bottom: 60px; }
.join_line_1 .join_co { background-color: #fff; padding: 0 50px; }
.join_line_1 .join_co .join_img { width: 580px; }
.join_line_1 .join_co .join_info { width: 460px; padding: 35px 40px 0 0; color: #17aee6; }
.join_line_1 .join_co .join_info_tit { margin-bottom: 10px; }
.join_line_1 .join_co .join_info_tit h3 { font-size: 50px; color: #17aee6; font-weight: bold; line-height: 1.4; }
.join_line_1 .join_co .join_info_tit em { font-size: 16px; display: block; font-weight: normal; white-space: nowrap; }
.join_line_1 .join_co .join_info_tit em:after { content: " "; display: block; border-bottom: 2px solid #17aee6; width: 182px; margin-top: 5px; }
.join_line_1 .join_co .join_info p { font-size: 20px; line-height: 2; }

.join_line_2 { margin-bottom: 60px; margin-top: 60px; }
.join_tit { text-align: center; height: 140px; }
.join_tit h2 { font-size: 56px; color: #fff; height: 100px; width: 320px; background: url(../images/j/tit_bg_01.jpg) center top no-repeat; line-height: 84px; margin: 0 auto; font-weight: bold; letter-spacing: 15px; }
.join_line_2 ul { overflow: hidden; width: 98%; margin: 0 auto; }
.join_line_2 ul li { width: 33.33%; float: left; text-align: center; }
.join_line_2 ul li img { width: 322px; height: 285px; border: 2px solid #17aee6; border-radius: 3px; overflow: hidden; }


.join_line_3 { margin-bottom: 70px; }
.join_line_3 .fl { width: 540px; font-size: 18px; padding: 50px 0 0 60px; }
.join_line_3 .fl h3 { font-size: 52px; color: #17aee6; font-weight: bold; line-height: 1.4; margin-bottom: 15px; }
.join_line_3 .fl em { font-size: 22px; display: block; white-space: nowrap; }
.join_line_3 .fl em:after { content: " "; display: block; border-bottom: 4px solid #17aee6; width: 140px; margin-top: 10px; }
.join_line_3 .fl p { margin-bottom: 20px; font-size: 20px; }
.join_line_3 .fr { padding-right: 60px; }


.join_line_4 { margin-bottom: 70px; }
.join_line_4 .fl { width: 630px; }
.join_line_4 .fr { width: 490px; position: relative; }
.join_line_4 .fr h3 { font-size: 32px; color: #17aee6; letter-spacing: 5px; font-weight: bold; line-height: 1.4; margin-bottom: 15px; position: absolute; left: 0; top: 0; width: 280px; height: 180px; background-color: #17aee6; color: #fff; padding: 30px 15px; }
.join_line_4 .fr em { font-size: 18px; display: block; white-space: nowrap; }
.join_line_4 .fr em:after { content: " "; display: block; border-bottom: 4px solid #17aee6; width: 140px; margin-top: 10px; }
.join_line_4 .fr p { font-size: 16px; margin-top: 95px; padding: 120px 36px 40px; border: 1px solid #17aee6; margin-left: 50px; }


.join_line_5 { padding-top: 60px; }
.join_line_5 ul { overflow: hidden; }
.join_line_5 ul li { background: url(../images/j/pic_item_bg.jpg) right bottom no-repeat; float: left; width: 336px; height: 175px; position: relative; margin: 0 20px 40px; padding: 60px 30px 0; }
.join_line_5 ul li span { font-size: 38px; background-color: #17aee6; color: #fff; text-align: center; line-height: 42px; position: absolute; top: 10px; left: 10px; z-index: 1; display: inline-block; border-radius: 100%; width: 42px; font-weight: bold; }
.join_line_5 ul li b { font-size: 20px; font-weight: bold; color: #17aee6; }
.join_line_5 ul li p { }

.join_line_6 { padding: 55px 0; }
.join_line_6 ul { overflow: hidden; margin: 0 auto; }
.join_line_6 ul li { width: 25%; float: left; text-align: center; }
.join_line_6 ul li img { width: 100%; }

/*product*/
.pro_tit { }
.pro_tit h2 { font-size: 22px; color: #17aee6; height: 60px; line-height: 36px; }
.pro_tit h2 img { vertical-align: middle; margin-right: 15px; }
.pro_line_1 { margin-top: 40px; }
.pro_line_1 ul { overflow: hidden; margin: 0 auto; }
.pro_line_1 ul li { width: 185px; float: left; text-align: center; margin-right: 14px; margin-bottom: 30px; }
.pro_line_1 ul li:nth-child(6n) { margin-right: 0; }
.pro_line_1 ul li img { width: 100%; height: 185px; border-radius: 5px; overflow: hidden; margin-bottom: 10px; }
.pro_line_1 ul li b { line-height: 40px; text-align: center; color: #17aee6; font-size: 16px; border: 1px solid #17aee6; border-radius: 3px; overflow: hidden; display: block; font-weight: normal; height: 40px; }
.pro_line_1 ul li b.f14 { font-size: 14px; }
.pro_line_1 ul li b.f13 { font-size: 13px; }
.pro_line_1 ul li b.f12 { font-size: 12px; }

/*shop*/
.shop_line_1 { margin-bottom: 60px; margin-top: 60px; }
.shop_tit { text-align: center; }
.shop_tit h2 { font-size: 45px; color: #696a6b; height: 64px; width: 278px; padding-left: 10px; border: 1px solid #696a6b; line-height: 60px; margin: 0 auto; font-weight: bold; letter-spacing: 12px; text-align: center; }
.shop_tit em { text-align: center; display: block; padding: 30px 0; }
.shop_line_1 ul { overflow: hidden; margin: 0 auto; }
.shop_line_1 ul li { width: 289px; float: left; text-align: center; margin-right: 8px; }
.shop_line_1 ul li:nth-child(4n) { margin-right: 0; }
.shop_line_1 ul li img { width: 289px; height: 348px; overflow: hidden; }
.shop_line_1 ul li b { font-size: 28px; display: block; text-align: center; line-height: 50px; color: #fff; background-color: #17aee6; letter-spacing: 6px; }

.shop_line_2 { margin-bottom: 60px; margin-top: 60px; background-color: #eeeeee; padding-top: 30px; }
.shop_line_2 .p { font-size: 18px; }
.shop_line_2 ul { overflow: hidden; margin: 20px auto; padding-bottom: 20px; }
.shop_line_2 ul li { width: 33.33%; float: left; text-align: center; margin-bottom: 30px; }
.shop_line_2 ul li:nth-child(3n) { margin-right: 0; }
.shop_line_2 ul li img { height: 284px; overflow: hidden; }
.shop_line_2 ul li b { font-size: 32px; display: block; text-align: center; line-height: 50px; color: #fff; background-color: #17aee6; letter-spacing: 6px; width: 240px; margin: 10px auto; }


.shop_line_3 .shop_tit h2 { width: 320px; }


/*college*/
.college_tit { padding-bottom: 40px; text-align: center; }
.college_line_1 { padding: 130px 0; }
.college_line_1 .college_co { background-color: #e4e4e4; height: 411px; position: relative; }
.college_line_1 .college_co .college_img { width: 720px; position: absolute; z-index: 1; left: 0; top: -50px; }
.college_line_1 .college_co .college_info { width: 490px; padding: 70px 40px 0 0; }
.college_line_1 .college_co .college_info_tit { margin-bottom: 10px; }
.college_line_1 .college_co .college_info_tit h3 { font-size: 44px; color: #17aee6; font-weight: bold; line-height: 1.4; letter-spacing: 4px; }
.college_line_1 .college_co .college_info_tit em { font-size: 27px; display: block; font-weight: normal; white-space: nowrap; color: #696a6b; }
.college_line_1 .college_co .college_info_tit em:after { content: " "; display: block; width: 182px; margin-top: 5px; }
.college_line_1 .college_co .college_info p { font-size: 20px; line-height: 1.8; color: #696a6b; margin-top: 20px; }

.college_line_2 { }
.college_line_2 .p { font-size: 42px; color: #17aee6; height: 110px; font-weight: bold; letter-spacing: 10px; padding: 0; }
.college_line_2 ul { overflow: hidden; }
.college_line_2 ul li { float: left; width: 32%; height: 150px; margin-right: 2%; padding: 22px 20px 0; color: #fff; background-color: #17aee6; text-align: center; }
.college_line_2 ul li:nth-child(3n) { margin-right: 0; }
.college_line_2 ul li span { font-size: 38px; background-color: #17aee6; color: #fff; text-align: center; line-height: 42px; position: absolute; top: 10px; left: 10px; z-index: 1; display: inline-block; border-radius: 100%; width: 42px; font-weight: bold; }
.college_line_2 ul li b { font-size: 30px; font-weight: bold;margin-bottom:8px;display:block; }
.college_line_2 ul li p { font-size: 16px; }

.college_line_3 { padding-top: 60px; }
.college_line_3 ul { overflow: hidden;width: 880px;margin:0 auto; }
.college_line_3 ul li { background: url(../images/c/pic_c_04.jpg) right bottom no-repeat; height: 243px;padding: 0px 80px 0 45px; color:#17aee6;margin-bottom:70px;}
.college_line_3 ul li b { font-size:32px; font-weight: bold; color: #17aee6;line-height:56px;padding-left:100px;letter-spacing:10px;display:block;margin-bottom:20px;}
.college_line_3 ul li b em {font-weight:normal;}
.college_line_3 ul li p {font-size:24px;color:#fff; }


/*news*/
.news_box {width:930px;margin:0 auto; }
.news_box .news_tit {height:65px;padding-top:25px;border-bottom:2px solid #cccccc;box-sizing:content-box; }
.news_box .news_tit h3 { font-size:32px;}
.news_box .news_tit .news_so {margin-top:10px;}
.news_box .news_tit #keywords {border:1px solid #ccc;height:32px;width:200px;}
.news_box .news_tit .btn_so { width:80px;background-color:#00a0e9;border:none;vertical-align:middle;}
.news_list { }
.news_list li {padding:35px 0;height:150px;box-sizing:content-box;border-bottom:1px solid #cccccc; }
.news_list li .news_img {float:left;width:200px;height:150px;overflow:hidden; }
.news_list li .news_img img{width:100%;}
.news_list li .news_info{margin-left:230px;margin-top:10px;}
.news_list li .news_info b{font-size:18px;}
.news_list li .news_info p{color:#666;}
.news_list li .news_info p .more{color:#17aee6;}
.news_list li:last-child {border-bottom:2px solid #ccc; }

.news_box .news_detail_top {border-bottom:1px solid #ccc;margin-top:40px; }
.news_box .news_detail_top h3 {font-size:28px;margin-bottom:20px;line-height:1.3 }
.news_box .news_detail_top .info {color:#999;padding-bottom:15px; }
.news_box .news_detail_top .viewtimes {color:#fff;background-color:#17aee6;padding:0 8px;text-align:center;line-height:26px;border-radius:5px;display: inline-block;float:right;}
.news_box .news_detail_co {padding:30px 0;}
.news_box .news_detail_co img {max-width:100%;}

/*contact*/
.contact_tit {height:65px;font-size:36px;letter-spacing:10px;text-align:center;border-bottom:2px solid #ccc;padding-top:35px;box-sizing:content-box; }
.contact_co { padding:30px 0;font-size:16px;line-height:2;}
/*sub content*/
.content { }
.content .co_tit { font-size: 24px; font-weight: normal; height: 45px; line-height: 45px; border-bottom: 5px solid #d9d9d9; padding: 0 0 0 20px; }
.about { margin-top: 10px; }
.about dd { padding: 10px 0; }
.about dd ul { overflow: hidden; width: 1201px; }
.about dd ul li { width: 295px; margin-right: 7px; background-color: #eeeeee; float: left; }
.about dd ul li:last-child { margin-right: 0px; }
.about dd ul li > h3 { font-size: 20px; font-weight: normal; line-height: 1; height: 60px; padding: 20px 0 0 20px; border-bottom: 1px solid #b4b4b4; box-sizing: border-box; }
.about dd ul li > h3 i { font-size: 24px; font-weight: bold; color: #38bdea; margin-right: 12px; }
.about dd ul li p { padding: 12px 20px; height: 94px; overflow: hidden; }
.about dd ul li img { width: 100%; display: inherit; }

.culture { margin-top: 10px; }
.culture dd { padding: 10px 0; }
.culture dd .culture_co { padding: 30px 20px; font-size: 16px; line-height: 2; }

.shops { margin-top: 10px; }
.shops dd { padding: 10px 0; }
.shops dd .shops_co { padding: 20px 20px; font-size: 14px; line-height: 2; }
.shops dd .shops_img h4 { font-size: 20px; font-weight: normal; height: 40px; padding-left: 20px; line-height: 1; margin-top: 20px; }



.join { padding: 50px 0 0; }
.join .join_tit { font-size: 24px; text-align: center; line-height: 1; margin-bottom: 15px; }
.join .join_tit2 { font-size: 16px; color: #666; text-align: center; margin-bottom: 20px; }
.join .join_advantage { padding: 0 25px; margin-top: 30px; }
.join .join_advantage dl { overflow: hidden; padding-top: 10px; }
.join .join_advantage dd { background-color: #eeeeee; padding: 30px 32px; box-sizing: border-box; min-height: 440px; }
.join .join_advantage dd .txt_tit { font-size: 20px; height: 60px; text-align: center; }
.join .join_advantage dd .txt_tit span { border-bottom: 4px solid #18c1ff; padding: 0 5px 8px; display: inline-block; }
.join .join_advantage dd:first-child { width: 440px; float: left; }
.join .join_advantage dd:last-child { width: 680px; float: right; }
.join .join_advantage .join_advantage_co { }

.contact_map { text-align: center; }
.contact_map iframe { height: 360px; }
.contact_map .btn_map { width: 145px; height: 30px; line-height: 30px; text-align: center; background-color: #333333; color: #fff; display: inline-block; margin: 0 auto; }

/*pager*/
.pager { width: 100%; padding: 10px 0; text-align:center;}
.pager a, .pager span { display: inline-block;  padding: 0 5px; line-height: 22px; }
.pager a:hover { color: #73bcf3; }
.pager .current { color: #73bcf3; font-weight: bold; }

.fenye { clear: both; width: 100%; margin: 0px; height: 30px; line-height: 30px; text-align: center; margin: 15px 0; }
.fenye a { height: 22px; font-size: 12px; border: 1px solid #808080; border-radius: 2px; display: inline-block; padding: 0 8px; line-height: 22px; color: #fff; background-color: #808080; margin-right: 5px; }
.fenye span, .fenye a.current { border: 1px solid #3973a6; display: inline-block; padding: 0 8px; height: 22px; line-height: 22px; color: #fff; background-color: #3973a6; margin-right: 5px; }
.fenye span a { display: inline; background: none; padding: 0; border: none; }

.fenye2 { clear: both; width: 100%; margin: 0px; height: 30px; line-height: 30px; text-align: center; margin: 10px 0; }
.fenye2 a { height: 22px; font-size: 14px; line-height: 22px; margin: 0 6px; }
.fenye2 span { height: 22px; line-height: 22px; color: red; margin: 0 6px; }

/*prev,next*/
.pagePrevNext { width: 100%; margin: 10px auto; padding: 10px 6px; line-height: 28px; color: #666; border-top: 1px dotted #888; }
.pagePrevNext a { line-height: 28px; color: #555; }
.pagePrevNext a:hover { line-height: 28px; color: #333; }
.pagePrevNext span { display: block; height: 28px; }

/*ad*/
#TabID { POSITION: absolute; BOTTOM: 4px; RIGHT: 2px; }
#TabID LI { FLOAT: left; CURSOR: pointer; WIDTH: 78px; HEIGHT: 39px; background: url('images/bg78X39_2.gif'); FILTER: alpha(opacity=50); opacity: 0.5; }
#TabID LI IMG { WIDTH: 66px; HEIGHT: 26px; MARGIN: 6px 6px 7px 6px; }
#TabID LI.active { background: url('../images/bg_1.gif'); FILTER: alpha(opacity=100); opacity: 1; }

.aui_inner { border-radius: 4px; }
.aui_close { width: 20px; height: 20px; line-height: 20px; right: 5px; top: 5px; /* border-radius:20px; */ /* background:#999; */ color: #999; /* box-shadow:0 1px 3px rgba(0, 0, 0, .3); */ -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; font-size: 18px; font-family: 宋体; font-weight: bold; }
.aui_close:hover { width: 20px; height: 20px; line-height: 20px; right: 5px; top: 5px; /* border-radius:20px; */ /* background:#999; */ color: #d1282a; /* box-shadow:0 1px 3px rgba(0, 0, 0, .3); */ -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; font-size: 18px; font-family: 宋体; font-weight: bold; }

@media screen and (min-width: 0) {
    .aui_close { width: 20px; height: 20px; line-height: 20px; right: 5px; top: 5px; border-radius: 0; background: none; color: #999; box-shadow: none; -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; font-size: 18px; font-family: 宋体; font-weight: bold; }
    .aui_close:hover { width: 20px; height: 20px; line-height: 20px; right: 5px; top: 5px; border-radius: 0; background: none; color: #d1282a; box-shadow: none; -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; font-size: 18px; font-family: 宋体; font-weight: bold; }
}