/* 页面宽度1200 */ /* (备注) */ @charset "utf-8"; /* -------------------Initialization--------------------------------------------------------------------------------- */ img {border: none;} *:focus {outline: none;} a {text-decoration: none;} a:hover {color: #333333;} input,textarea {margin: 0px; padding: 0px;} body { margin: 0px; /*↑→→→→→→→→→ BODY STYLE →→→→→→→→→→*/ padding: 0px; /*↑ ↓*/ background: url(../images/body_Bg.jpg) repeat; /*↑ Initialize some style ↓*/ font-size: 12px; /*↑ ↓*/ font-family: "微软雅黑"; /*↑←←←←←←←←← BODY STYLE ←←←←←←←←←↓*/ color: #333; } 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; } ul,dl,table {width: 100%; height: 100%; list-style: none; padding: 0px; margin: 0px; } ul{height:auto;} .fontFz {font-family: "方正大黑简体";} /* clear:both */ .cf {clear: both; font-size: 1px; line-height: 1px; display: block;} /* clear:both */ /* -------------------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: 20px;} .font24 {font-size: 24px;} .font26 {font-size: 26px;} .font28 {font-size: 27px;} .font30 {font-size: 30px;} /* -------------------FontSize Settings------------------------------------------------------------------------------ */ /* -------------------FontCorlor Settings---------------------------------------------------------------------------- */ .corRed {color: #000000;} /* 红色 */ .corBlue {color: #000000;} /* 蓝色 */ .corGreen {color: #8bc82d;} /* 绿色 */ .corYellow {color: #000000;} /* 黄色 */ .corOrange {color: #ff9d3c;} /* 橙色 */ .corWhite {color: #000000;} /* 白色 */ .corBlack {color: #000000;} /* 黑色 */ .corGary {color: #5e5e5e;} /* 灰色 */ /* -------------------FontCorlor Settings---------------------------------------------------------------------------- */ /* -------------------Background Settings---------------------------------------------------------------------------- */ .bgRed {background-color: #000000;} /* 红色 */ .bgBlue {background-color: #000000;} /* 蓝色 */ .bgGreen {background-color: #000000;} /* 绿色 */ .bgYellow {background-color: #000000;} /* 黄色 */ .bgOrange {background-color: #000000;} /* 橙色 */ .bgWhite {background-color: #000000;} /* 白色 */ .bgBlack {background-color: #000000;} /* 黑色 */ .bgGary {background-color: #000000;} /* 灰色 */ /* -------------------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;} .marL0 {margin-left: 0px;} .marL10 {margin-left: 10px;} .marL20 {margin-left: 20px;} .marL30 {margin-left: 30px;} .marR10 {margin-right: 10px;} .marR20 {margin-right: 20px;} .marR30 {margin-right: 30px;} /* -------------------Marging Settings------------------------------------------------------------------------------- */ /*◎◎ Customizing Style Is Start ◎◎ 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */ /*top*/ .top_Box {height: 165px; background: #ffffff; z-index: 900; position: relative;} .top {width: 1200px; margin: 0px auto; padding-top: 45px;} .top .top_L {width: 300px; float: left;} .top .top_R {width: 880px; float: right;} .top .float {float: left;} .top .logo {position: relative; top: 20px;} /*search*/ .search {width: 175px; padding: 0 10px; height: 28px; line-height: 28px; float: right; position: relative; background: url(../images/search_Bg.jpg) no-repeat center center;} .search .text {width: 145px; height: 22px; position: relative ; top: 3px; text-indent: 10px; float: left; line-height: 22px; border: none; background: none; color: #999999;} .search .submit {width: 30px; height: 20px; position: relative ;top: 3px; border: none; cursor: pointer; float: right; background: url(../images/search_Btn.png) no-repeat center center;} /*search*/ /*top*/ /*menu*/ .menu {border-left: 1px solid #e1e1e1;} .menu li {width: 108px; height: 45px; text-align: center; float: left; border-right: 1px solid #e1e1e1; position: relative;} .menu li a {display: block; width: 100%; height: 100%;} .menu li:hover {background: #8bc82d;} .menu li:hover a .ch {color: #FFFFFF;} .menu li:hover a .en {color: #FFFFFF;} .menu li span {display: block;} .menu .select {background: #8bc82d;} .menu .select a .ch {color: #FFFFFF;} .menu .select a .en {color: #FFFFFF;} .ch {font-size: 16px; color: #000000; margin-top: 4px;} .en {font-size: 13px; color: #726F6F; font-family: arial; text-transform: capitalize;} .child_Nav {background: #FFFFFF; position: absolute; top: 45px; left: 0px;display: none;} .child_Nav li {height: 30px; line-height: 30px; border: none; float: none; font-size: 14px;} .child_Nav li a {color: #000000;} .child_Nav li:hover a {color: #ffffff;} /*menu*/ /* main_Body */ .main_Body {width: 1200px; margin: 0px auto; position: relative;} .main_L {width: 290px; float: left;} .main_R {width: 880px; float: right;} /* main_Body */ /* banner */ .banner {height: 500px; background: #ccc; position: relative; overflow: hidden;} #sign {width:880px; height:500px; overflow:hidden; position:relative;} #sign ul {height:500px; position:absolute;} #sign ul li {float:left; width:880px; height:500px; overflow:hidden; position:relative;} #sign ul li div {position:absolute; overflow:hidden;} #sign .btnBg {position:absolute; width:auto; height:auto; right:0; bottom:0;} #sign .btn {position:absolute; width:auto; height:auto; right:30px; bottom:20px; padding-left:10px;} #sign .btn span {display:inline-block; _display:inline; _zoom:1; text-indent: -9999px; width:16px; height:16px; line-height:20px; text-align:center; background: url(../images/banner_Btn.png) no-repeat left 0px; font-size:12px; margin-left:10px; cursor:pointer;} #sign .btn span.on {background: url(../images/banner_Btn.png) no-repeat left -16px} /* banner */ /* main_News */ .main_News {height: 480px;} .main_News .m_News_Title h1 {text-indent: 5px;} .main_News .m_News_Title img {position: relative; top: 3px; margin-left: 6px;} .main_News .m_News_Img {height: 390px; margin-top: 15px;} /* main_News */ /* main_About */ .main_About .m_About_Title {height: 30px; line-height: 30px; margin-top: 45px;} .main_About .m_About_Title span {margin-left: 10px;} .main_About .m_About_Txt {color: #505050; font-size: 13px; text-indent: 20px; display: block; margin-top: 5px;} .main_About h3 {font-family: '方正大黑简体';} /* main_About */ /* main_Product */ .main_Product li {width: 171px; float: left; margin-right: 6px;} .main_Product .noMar {margin-right: 0px;} .m_Pro_Title {height: 45px; line-height: 20px; font-size: 16px;} .m_Pro_Title span {margin-left: 0px;} /* main_Product */ /* foot */ .foot {height: 50px; text-align: center; padding: 30px 0; margin-top: 35px;} /* foot */ .nav_link {position: absolute; top: 10px; left: 0px;} .spirit li h4 {color: #969696;} /*◎◎ Customizing Style Is End ◎◎ 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */