@charset "gb2312"; /* 1.BODY ---------------------------------------------------------------------- */ body{padding:0;font-family:"Microsoft YaHei"; margin:0;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; background: #f5f5f5;} ol,ul{list-style:none} *{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;} ul,li{ list-style:none;} img{border:0;} em{ font-style:normal;} a{ text-decoration:none; color:#333;} .clearf:after,clearf:before{content:"";display:block; } .clearf:after {clear:both;} .clearf{zoom:1;} .mhome{ min-width: 320px;max-width: 640px;margin: 0 auto;} /* 2.1 sj_header ---------------------------------------------------------------------- */ .sj_Header{ width:100%; padding:1%; background:#FFF;} .sj_Header_left{ float:left; margin-top:1%;} .sj_Header_right{ float:right; margin-top:2%;} /* 2.2 pro_header ---------------------------------------------------------------------- */ .pro_Header{ width:100%; background:#F97F12; font-weight:normal;} .pro_Header_left{ margin-left:1%; float:left;} .pro_title{ text-align:center; width:80%; line-height:4rem;float: left; display: block; font-size:2.5rem;} .pro_title a{ color:#FFF;} .pro_Header_right{ float:right; margin-right:2%;} .pro_Header_left,.pro_Header_right{ margin-top: .25em;} /* 3.menu ---------------------------------------------------------------------- */ #sj_menu{border-bottom:1px solid #FFF;} .sj_menu_bg{ background:#fc9820; width:100%;} .sj_menu_ul{ border-top:1px solid #FFF; margin:.5em 0;} .sj_menu_ul li{ float:left; width:24.99%; border-left:1px solid #FFF;text-align:center; line-height:50px; height:50px;} .sj_menu_ul li:first-child{ border-left:none; width:25%;} .sj_menu_ul li a{ color:#FFF;} /*4.footer ---------------------------------------------------------------------- */ .footMenu{height:4.5rem;max-width:640px; width:100%;margin:0 auto; position:fixed;bottom:0;background:#FFF;padding:0 .5rem;} .footMenu li{width:17%;float:left;} .footMenu li a{display:block;height:4rem;padding-top:.5rem;} .footMenu li a dt{text-align:center; margin: 0 auto;} .footMenu li a dt img{display:block;margin:0 auto;} .footMenu li a dd{height:2rem;line-height:2rem;font-size:.9em;color:#ee7800;text-align:center;} .footMenu li:nth-child(3) a dd{ margin-top:.5rem;} .footMenu li.footMenu_m{width:32%;height:4.5rem;position:relative;} .footMenu li.footMenu_m a {width: 100%; height: 4rem; padding-top: .5rem; position: absolute; top: -10px; left: 0; background: url(/images2015/footbg.png) no-repeat center 0; background-size: auto 100%;} /* 5.nav7 online registration ---------------------------------------------------------------------- */ .nav7_1{ background:#FFF;} .Fform{padding: 10px 0;} #testTable{ width:100%;} .coolbgbg{ display:none; border:none; color:#F00; background:#FFF; margin-right:2em;} .coolbg{width: 93%; display:block; margin:0 auto;height: 35px; border: none; background: #FF8C01; color: #fff;} #bmleft { width:90px; height:auto; } #bmrig{width:125px; height:auto; } #bmleft ul li{ text-align:right; height:30px; padding-top:5px; width:80px; font-size:13px; color:#440211; font-size:14px;} #bmrig ul li{ text-align:left; height:30px; padding-top:5px; width:120px; font-size:13px; color:#440211;} #bmrig ul li.fg{ height:60px;} table{border:none;} table tr td{font-size:1em; height:40px;} #sbmt{ text-align:left;height:30px; padding-top:10px; padding-left:10px;} #fx{ height:30px; border-top:#F60 1px dashed; padding-top:10px;} .ghee{ height:20px;} #bzsp{ margin-top:40px; color:#600; background-color:#FEFCF1; text-indent:10px; line-height:30px; height:30px; border:#F90 1px dotted; clear:both; } #bzsp span{ margin-left:20px;} .dede_pages{ height:20px;} #bmts{ font-size:14px; line-height:22px; margin-bottom:10px; border:#F90 1px solid; padding:5px;} #bmts span{ padding-left:40px; } p#vtip {position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999} p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px } .input_validation-failed { border: 2px solid #FF0000;} .select_validation-failed { color: red;} #specialty,#specialty_time{ background:#FFF;} #name,#tell,#qq,#timeer,#specialty,#specialty_time{ height:35px; width:100%; color: #574D4D;} .Fontstyle{padding-top: 4px; padding-bottom: 4px;} .solidW{min-width:90px;} /* 6.section7 footer adress ---------------------------------------------------------------------- */ .section7{ background:#FF8C01; margin-bottom:3.5em;} .adress{ width:70%; margin:0 auto;padding: .5rem 0;} .adress li{ font:.9em/2.5em "Microsoft YaHei"; color:#FFF;} .adress li a{ color:#FFF; float:left;} /*7.backtop ---------------------------------------------------------------------- */ .backtop{position:fixed; right:20px; bottom:60px;} .backtopimg{ display:block; background:url(../images2015/ico.png)-131px 0; width:47px; height:45px;} .cd-container {width: 90%;max-width: 768px;height:3000px; margin: 2em auto; display:block} .cd-container::after {content: '';display: table; clear: both;} .cd-top { display: inline-block; height:45px; width:47px; position: fixed; bottom: 30%; right: 2%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background:url(../images2015/ico.png)-131px 0; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .cd-top.cd-is-visible { visibility: visible; opacity: 1;} .cd-top.cd-fade-out {opacity: .5;} .no-touch .cd-top:hover { background-color: #e86256; opacity: 1;} .shake{margin:0 auto; display:block; position:fixed; top:80%; right:0;} /*8.h3-title ---------------------------------------------------------------------- */ .n_h3{border-bottom:#7385e9 1px solid;} .n_h3_ico{width:10px; height:37px; background:#7385e9; display:block; float:left;} .n_h3 b{ font:1em/2em "Microsoft YaHei"; float:left; margin-left:.5em; color:#7385e9;} .n_h3 a{ float:right; color:#333; margin-right:2%; font-weight:normal;font:1em/2em "Microsoft YaHei";} /*9.news-page ---------------------------------------------------------------------- */ .pag{ padding: 1rem;} .pag li{text-align:center; background:#FFF; line-height:2.2rem; display:block; float:left; padding:0 .5rem; border:#CCC 1px solid; margin: 0 .2rem 0 0;} .pag li a{font-size:80%;} .pag li select{border:none; background:#FFF; width:auto;} .pag li.thisclass a{ font-weight:bold; color:#F00;} /* 10.XXX_content.htm XXX_section1 ---------------------------------------------------------------------- */ .news_section1{margin-bottom:.5rem; font:1.2rem/2em "Microsoft YaHei";color:#333; padding:.5rem; background:#FFF;} .news_section1 h1{ font:1.2rem/2em "Microsoft YaHei"; font-weight:bold; color:#333; padding-top:.7rem; text-align:center;} .news_section1 p.pnews{ text-align:center; font:1.2rem/2em "Microsoft YaHei"; color:#666;} .news_section1 p,.news_section1 div,.news_section1 span{font:normal 1.2rem/2.5rem "Microsoft YaHei"; color:#333; text-indent:2em;} .news_section1 img{ background:#FFF; padding:.2rem; border:#EDEDED 1px solid; margin:0 auto;} .news_section1 p.ce_video{text-align:center;} .R_h2{ font:normal 1.2rem/2.5rem "Microsoft YaHei"; background:#F2EFEF; margin: 1rem 0; padding-left:.5rem; color: #E40D2D;} .Recommend_ul li{ float:left;width: 32%; margin-left: 1%; text-align:center;} .Recommend_ul li span{font:normal 1rem/2rem "Microsoft YaHei";} #uyan_frame{ background:#FFF;padding:.5rem;} @font-face {font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /* chromeˇ˘firefox */ url('iconfont.ttf') format('truetype'), /* chromeˇ˘firefoxˇ˘operaˇ˘Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont {font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;} .icon-left:before { content: "\e600"; } .icon1{font-size:3rem;} .icon2{font-size:3.3rem;} .icon3{font-size: 3.1rem; color: #E77817;} .icon1,.icon2{ color:#FFF; } .icon4{ font-size:1.2rem;} .icon5{ font-size:1.8rem;} .icon6{ font-size:1.6rem; color:#ee7800;} .icon7{ font-size:1.6rem; color:#ee7800;} .icon7{ display: block; float: left;margin:2% 2% 1% 1%;width: 6%;} .icon8,.icon9{font-size:1.6rem; color:#FFF;float:left;margin:.7% 0 0 30%;} @media only screen and (min-width: 768px) { .cd-top {right: 20px;bottom: 20px;} } @media only screen and (min-width: 1024px) { .cd-top { height: 45px;width: 50px;right: 30px; bottom: 60px;} } @media screen and (min-width: 435px) and (max-width: 550px){ .adress{ width:90%;} .coolbg{ width:97%;} .sj_Header_left{ width:85%;} .sj_Header_left img{ width:100%;} .pro_title{ width:70%;} } @media screen and (max-width:435px){ .sj_Header_left{ width:75%;} .sj_Header_left img{ width:100%;} .adress{ width:95%;} .adress li{ font:.7em/3.3em "Microsoft YaHei"; color:#FFF;} .pro_title{font-size:2rem; width:75%;} .coolbg{ width:100%;} .icon1{font-size:2rem;} .icon2{font-size:2.3rem;} .icon3{font-size: 2.1rem;} .icon6{ font-size:1.2rem;} .icon7{font-size: 1.2rem;margin-top: 3%; width:5%;} .icon8,.icon9{font-size: 1.4rem;margin:1% 0 0 2% ;} .footMenu{height:4rem;} .news_section1{font:.9rem/2em "Microsoft YaHei";} .n_h3 b,.n_h3 a{ font:.8em/3em "Microsoft YaHei";} .Fontstyle{padding-right: 18px;} }