/* 页面宽度1000 */ /* (备注) */ /* -------------------Initialization--------------------------------------------------------------------------------- */ img {border: none;} *:focus {outline: none;} a {text-decoration: none; color: #666;} a:hover {color: #f40707;} input,textarea {margin: 0px; padding: 0px;} body { margin: 0px; /*↑→→→→→→→→→ BODY STYLE →→→→→→→→→→*/ padding: 0px; /*↑ ↓*/ background: url(../images/body_Bg.jpg) repeat-x center center; /*↑ Initialize some style ↓*/ font-size: 12px; /*↑ ↓*/ font-family: "微软雅黑"; /*↑←←←←←←←←← BODY STYLE ←←←←←←←←←↓*/ color: #333; background-size: 100% 100%; } body * { /* CSS3 animate */ -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-property: background-color; -moz-transition-duration: 0.3s; -moz-transition-duration: 0.3s; } /* CSS3 animate */ h1,h2,h3,h4,h5,h6 {font-size: 12px; font-weight: 400; margin: 0px; padding: 0px;} .cf {clear: both; font-size: 1px; line-height: 1px; display: block;} ul,dl,dd {width: 100%; height: 100%; list-style: none; padding: 0px; margin: 0px; } /* -------------------Initialization--------------------------------------------------------------------------------- */ /* -------------------FontSize Settings------------------------------------------------------------------------------ */ .font12 {font-size: 12px;} .font14 {font-size: 14px;} .font16 {font-size: 16px;} .font18 {font-size: 18px;} .font20 {font-size: 20px;} .font22 {font-size: 22px;} .font24 {font-size: 24px;} .font26 {font-size: 26px;} .font28 {font-size: 28px;} .font30 {font-size: 30px;} /* -------------------FontSize Settings------------------------------------------------------------------------------ */ /* -------------------FontCorlor Settings---------------------------------------------------------------------------- */ .corRed {color: #f40707;} /* 红色 */ .corBlue {color: #257abb;} /* 蓝色 */ .corBlack {color: #1b1b1b;} /* 黑色 */ .corYellow {color: #ff9c00;} /* 黄色 */ .corGreen {color: #4ac408;} /* 橙色 */ .corWhite {color: #ffffff;} /* 白色 */ .corGary {color: #3e4145;} /* 灰色 */ .corGrayish {color: #b0b0b1;} /* 浅灰色 */ /* -------------------FontCorlor Settings---------------------------------------------------------------------------- */ /* -------------------Background Settings---------------------------------------------------------------------------- */ .bgBlue {background-color: #036eb8;} /* 蓝色 */ .bgGary {background-color: #f7f7f7;} /* 灰色 */ .bgBlack {background-color: #eb6100;} /* 黑色 */ .bgWhite {background-color: #eb6100;} /* 白色 */ .bgGreen {background-color: #eb6100;} /* 绿色 */ .bgYellow {background-color: #eb6100;} /* 黄色 */ .bgOrange {background-color: #eb6100;} /* 橙色 */ /* -------------------Background Settings---------------------------------------------------------------------------- */ /* -------------------Marging Settings------------------------------------------------------------------------------- */ .marT10 {margin-top: 10px;} .marT20 {margin-top: 20px;} .marT30 {margin-top: 30px;} .marB10 {margin-bottom: 10px;} .marB20 {margin-bottom: 20px;} .marB30 {margin-bottom: 30px;} .marL10 {margin-left: 10px;} .marL20 {margin-left: 20px;} .marL30 {margin-left: 30px;} .marR10 {margin-right: 10px;} .marR20 {margin-right: 20px;} .marR30 {margin-right: 30px;} .marR40 {margin-right: 40px;} /* -------------------Marging Settings------------------------------------------------------------------------------- */ /*◎◎ Index Style Is Style ◎◎ 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */ /* top */ .top_Box {height: 150px; background: url(../images/repeat-x.png) repeat-x left 0px;} .top {width: 1000px; margin: 0px auto;} .top .top_Logo {float: left;} .top .top_Rban {float: right;} /* top */ /* menu */ .menu_Box {height: 75px; background: url(../images/repeat-x.png) repeat-x left -150px;} .menu {width: 1000px; margin: 0px auto;} .menu .select {background: url(../images/repeat-x.png) repeat-x left -225px;} .menu li {float: left; height: 75px; line-height: 75px; color: #fff; padding: 0 25px;} .menu li:hover {background: url(../images/repeat-x.png) repeat-x left -225px;} .menu li a {color: #fff; text-shadow:2px 2px 4px #000;} /* menu */ /* banner */ .banner {position: relative; height: 350px;} #slides {display:block; width:100%; list-style:none; position:relative} #slides li {display:block; width:100%; height:auto; list-style:none; padding:0; margin:0; position:absolute;} #slides li img {width: 100%; border: none;} #slides li a {width:100%; text-indent:-9999px} #pagination {display:block; list-style:none; width: auto; height: auto; position:absolute; left:49%; bottom:10px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li {display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a {display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current {background:#8f0019} /* banner */ /* main_Body */ .main_Body {width: 1000px; margin: 180px auto;} .main_Body .main_L {width: 270px; min-height: 900px; padding: 15px 15px; float: left; background: url(../images/main_L_Bg.png) no-repeat left top; background-size: 100% 100%; position: relative;} .main_Body .main_R {width: 660px; padding: 10px 20px; float: right; background: #fff;} /* main_Body */ /* pro_Type */ .pro_Type {padding: 0px 10px; text-align: center; background: #630011; color: #fff; height: 25px; line-height: 25px; width: 90px; } .pro_List dd {margin-bottom: 30px;} .pro_List dd .pro_Name {height: 25px; line-height: 25px; text-align: center; background: #a4a6a8; color: #fff;} .pro_Text {position: relative; height: 35px;} .pro_Text a {position: absolute; right: 0px; bottom: 0px;} .banner_index {position: relative;overflow:hidden; width: 270px; margin:10px auto;} .banner_index .banner_wrap {position: relative;left:0px;top: 0px; z-index: 2;} .banner_index .banner_wrap li {width: 270px; height: auto; float: left;} .indexBanner_num {width:auto; padding:10px 0;text-align: center; position: absolute; top: 15px; right: 20px} .indexBanner_num a {width: 10px;height: 10px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: inline-block;_zoom:1; background: #ffffff; font-size: 0px;line-height: 0px;margin:0 5px;} .indexBanner_num a.on,.indexBanner_num a:hover{background: #630011;} /* pro_Type */ /* clude_Box */ .clude_Box {width: 310px; float: left;} .clude_Head {height: 40px; background: url(../images/repeat-x.png) repeat-x left -300px; line-height: 40px; text-align: left; text-indent: 20px; color: #fff;} .clude_Main {height: 195px;} .clude_Text {height: 80px; line-height: 20px;} .clude_More_Link a {padding: 5px 15px; display: inline-block; background: #8e0019; color: #fff;} .clude_More_Link a:hover {background: #000000;} /* clude_Box */ /* case */ .case .case_Head {height: 40px; line-height: 40px; background: #2b2b2b; text-indent: 20px; position: relative;} .case .case_List {padding: 10px 0;} .case .case_List li {width: 205px; float: left; margin-right: 22px; margin-bottom: 20px;} .case .case_List .noMar {margin-right: 0px;} .case .case_Text {height: 35px; line-height: 20px;} .case .case_Head .case_More {position: absolute; right: 10px; top: 0px;} /* case */ /* foot */ .foot_Box {height: 80px; background: #7d7d7d;} .foot {width: 1000px; margin: 0px auto; color: #ffffff; line-height: 25px; padding-top: 20px;} .foot a {color: #ffffff;} .foot .email {display: block; float: right;} /* foot */ /* PAGE STYLE START 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */ /* min_banner */ .min_banner {height: 325px; overflow: hidden;} /* min_banner */ /* content */ .content {width: 960px; margin: 0px auto;} .content .con_L {width: 240px; float: left;} .content .con_R {width: 690px; float: right; background: #fff;} .con_L_Head {height: 45px; line-height: 45px; text-align: center; background: url(../images/repeat-x.png) repeat-x left -150px;} .con_L_List {padding: 10px; background: #f0f0f0;} .con_L_List li {padding: 10px 0; border-bottom: 1px solid #ccc;} .con_L_List .comm_L {width: 80px; height: 70px; background: #ededed; float: left; border: 2px solid #fff;} .con_L_List .comm_R {width: 120px; height: 55px; padding-top: 15px; line-height: 20px; float: left;margin-left: 10px;} .con_L_Contact {background: #232222; padding: 20px 40px;} .con_R_Head {height: 30px; line-height: 30px; text-indent: 10px; background: url(../images/repeat-x.png) repeat-x left -150px; position: relative;} .con_R_Head b {display: block; position: absolute; left: 0px; top: 0px;} .con_R_Head span {display: block; text-indent: 30px;} .con_R_Head .pos {position: absolute; right: 10px; top: 0px;} .con_R_Head .pos a {color: #e6e6e6;} .con_R_List {padding: 10px 20px;} /* content */ /* pro_Show */ .pro_Show .pro_Show_Head {height: 30px; background: url(../images/repeat-x.png) repeat-x left -340px;} .pro_Show .pro_Show_Head li {float: left; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 10px;} .pro_Show .pro_Show_Head .select {background: url(../images/repeat-x.png) repeat-x left -370px;} .pro_Show .pro_Show_Head .select a {color: #fff;} .pro_Show_List li {width: 185px; margin: 15px; float: left; text-align: center;} .pro_Show_List li .pro_Img {display: block; background: #dddddd;} .pro_Show_List .pro_Show_Name {text-align: center; margin: 20px 0;} .pro_Show_Img {width: 270px; height: 230px; background: #dddddd; text-align: center; margin: 0px auto;} .pro_Clude_Head {border-bottom: 1px solid #b5b5b5; position: relative;} .pro_Clude_Head span {display: inline-block; padding: 5px 10px; text-align: center; font-size: 14px; color: #fff; background: #b5b5b5; width: auto; position: relative; top: 15px;} .pro_Clude_List {padding: 20px;} /* pro_Show */ /* ord_Editr */ .ord_Editr {min-height: 409px;} /* ord_Editr */ /* case_Picture */ .case_Picture li {text-align: center; padding: 10px 55px; border-bottom: 1px solid #ccc;} .case_Picture li span {display: inline-block; padding: 5px 20px; background: #b5b5b5; margin: 0px auto; color: #fff;} .case_Pic_Box {width: 210px; height: 160px; float: left; margin: 10px 30px;} /* case_Picture */ /* news */ .news {padding: 15px;} .news li {height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; text-indent: 30px; position: relative; background: url(../images/news_Li.png) no-repeat left 10px;} .news li span {position: absolute; right: 0px; top: 0px; color: #808080;} .news_List .news_Title {text-align: center; border-bottom: 1px solid #ccc; height: 40px; line-height: 40px;} .news_List .news_Editr {padding: 15px;} /* news */ /* docu_DownLoad */ .docu_DownLoad li {padding: 10px 0; border-top: 1px solid #ccc;} .docu_DownLoad li dd {width: 300px; float: left; margin-bottom: 20px; margin-right: 20px;} .docu_DownLoad li dd .downLd_L {width: 125px; height: 125px; border: 2px solid #d7d8d8; border-radius: 4px; background: #fff; float: left;} .docu_DownLoad li dd .downLd_R {width: 145px; float: left; margin-left: 10px; padding-top: 15px;} .docu_DownLoad li dd .downLd_R a {display: block; width: 80px; height: 35px; line-height: 35px; font-size: 14px;color: #fff; text-align: center; background: url(../images/repeat-x.png) left -400px; margin-top: 30px; margin-left: 20px;} .docu_DownLoad li dd .downLd_R a:hover {background: #000;} /* docu_DownLoad */ /* honor_Photo */ .honor_Photo dd {float: left; width: auto; margin: 10px;} .honor_Photo dd h3 {height: 30px; text-align: center; line-height: 30px;} /* honor_Photo */ /* pop_Apply_Box */ .pop_Apply_Box {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 900; display: none;} .pop_Apply_Box .box_Bg {position: absolute; z-index: 200; width: 100%; height: 100%; background: #000; opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);} .pop_Apply_Box .box_Main {width: 580px; padding: 50px 50px; margin: 15% auto; background: #fff; position: relative; z-index: 400;} .apply_From_Box {width: auto; display: none;} .apply_From_Box td {height: 40px;} .apply_From_Box .goSubmit {text-align: center; margin-top: 20px;} .box_Main .alignR {text-align: right; padding: 0 10px; color: #666;} .box_Main .text {width: 200px; height: 25px; border: 1px solid #ccc; text-indent: 5px; color: #666;} .box_Main .submit_Apply {height: 35px; line-height: 35px; color: #ccc; padding: 0 50px; background: url(../images/repeat-x.png) repeat-x left -300px; border: none; cursor: pointer;} .enter_Mumber {width: 380px; margin: 0px auto;} .enter_Mumber .title {height: 35px; line-height: 35px; margin-bottom: 5px; color: #fff; text-align: center; background: #57575a;} .enter_Mumber .text {width: 100%; height: 30px; line-height: 30px; text-indent: 5px; color: #666; border: 1px solid #ccc;} .enter_Mumber .enter_Ok {height: 35px; line-height: 35px; padding: 0 50px; background: url(../images/repeat-x.png) repeat-x left -300px; border: none; color: #fff; cursor: pointer;} .closed_Pop {position: absolute; right: 10px; top: 10px; cursor: pointer;} /* pop_Apply_Box */ .replace{position: relative;width: 650px;height: 150px;overflow: hidden;} .replace .word{position: absolute;top:0px;left:0px;width: 100%;height: 100px;padding:25px 0px;z-index:10;} .text3,.text4{letter-spacing: 5px;font-size:26px;font-family:"楷体";line-height: 50px;} .text3{margin-left:100px;} .text4{margin-left:220px;} .replace p{padding:0px;margin-top:0px;margin-bottom:0px;} /* page_Num */ .page_Num {text-align: right; margin: 30px 0; padding: 0 30px;} .page_Num a {padding: 5px 20px; display: inline-block; background: #b5b5b5;} /* page_Num */ /*◎◎ Index Style Is End ◎◎ 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */