@charset "utf-8"; /* CSS Document */ html{ height: 100%; /* The html and body elements cannot have any padding or margin. */ } body { padding-top: 0px; background-color:#fff; # font-family:"微软雅黑", "幼圆", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family:"宋体"; font-size: 14px; line-height: 23px; color: #333333; height: 100%; /* The html and body elements cannot have any padding or margin. */ } .navbar .container{ *width:1100px; } .clearfix{ clear:both;} /* Custom container */ .container { margin: 0 auto; width: 1100px; min-width:1100px; } #wrap { box-shadow: 0 0 8px rgba(0,0,0,0.11); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.11); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.11); min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by it's height */ margin: 0 auto -40px; } #push, #footer { clear:both; height: 40px; } .logo { margin:0 auto; width:1100px; min-width:1100px; z-index:200; position:absolute; top:0; left:12%; } .navbar-search{ margin-top:0; } .navbar-search .search-query { padding: auto 0px; width:150px; margin-top:8px; font-size:12px; background-color:#eee; } /* ---------------------------------------- */ /* Search /* ---------------------------------------- */ .widget_search {float: right; text-align: right;} .widget_search #searchform {margin: 20px 0 0 0;} .widget_search input[type="text"] { padding: 0px 10px; width: 155px; height: 25px; border: none; left:5px; background-color: #fff; font-size: 12px; line-height: 1; -webkit-box-shadow: inset 0 1px 0 #c7c7c7; -moz-box-shadow: inset 0 1px 0 #c7c7c7; box-shadow: inset 0 1px 0 #c7c7c7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .widget_search input::-moz-input-placeholder {color: #7d7d7d;} .widget_search input::-webkit-input-placeholder {color: #7d7d7d;} .widget_search button[type="submit"] { position: relative; right:4px; width: 25px; height: 26px; border: none; background-color: #efa70c; background-image: url(../img/search-btn.png); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; vertical-align: top; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); box-shadow: inset 0 -1px 0 rgba(0,0,0,.1); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } .widget_search button:hover {background-color: #ebc677;} /* -------------------------------------------------- */ /* Main Navigation /* -------------------------------------------------- */ .box{height: 85px; background:#f06d68; min-width:1100px; } .navigation { width:1100px; min-width:1100px; margin:0 auto; } #navigation ul{ margin:0; padding:0; } #navigation ul li { position: relative; float: left; margin: 0; list-style: none; } #navigation ul li{ font-family:"幼圆","黑体","微软雅黑", "Arial Unicode MS"'Yanone Kaffeesatz', sans-serif; line-height: 85px; font-size: 20px; } #navigation ul li a{ position: relative; display: block; padding: 0 24px; padding:0 16px\9; text-align: center; font-size: 20px; font-family: "幼圆","黑体","微软雅黑", "Arial Unicode MS"'Yanone Kaffeesatz', sans-serif; line-height: 85px; text-decoration:none; color:#fff; } .navigation ul li a, .navigation { color: #eee;} .navigation ul li:hover a, .navigation ul li.current-menu-item a {color: #fff;} .navigation ul li:hover > a, .navigation ul li.current-menu-item a, .navigation ul li.current-menu-parent a, .navigation ul li.current-menu-ancestor a { } .navigation > ul > li:first-child:hover > a, .navigation > ul > li.current-menu-item:first-child > a { } .navigation ul li:first-child a{ padding: 0 25px; } .navigation ul li:last-child a{ border-right:none; padding: 0 27px; } /* Nav Responsive */ .navigation .nav-responsive { display: none; margin: 15px 20px; padding: 4px 8px; width: 90%; border-color: #fff; background-color: #fff; background-image: url(../img/nav-bg.png); background-position: right center; background-repeat: no-repeat; } /* -------------------------------------------------- */ /* Top Panel /* -------------------------------------------------- */ .top-panel { margin:0; min-width:1100px; } .top-panel .span7{ width:600px; } .top-panel .span5{ width:335px; margin-left:10px; } .top-panel .span5 h3{ background:url(../img/newtitle.png) no-repeat top center; height:55px; padding-left:55px; color:#1f6db3; font-size:22px; padding-top:2px; font-weight:400; margin-bottom:5px; } a{ text-decoration:none; } a:hover{ text-decoration:none; color:#1f6db3; } .span5 ul{ margin-left:5px; } .red{ color:#f06d68;} /*--------------------------------------*/ .main_box_h{ background-color:#e9e9e9; border-top:4px solid #f06d68; } .main_box{ width:1100px; margin:0 auto; margin-bottom:15px;} .main_box .span9 { width:760px; } .main_box .span3 { width:300px; } .main_box h3{ margin:0; font-family:"幼圆", "黑体","微软雅黑", Arial,Tahoma ; font-size:20px; font-weight:400; border-bottom:1px solid #c0bfbf; color:#444; padding:0; line-height:40px; margin-bottom:10px; height:40px; } .img_box{ background-color:#f5f5f5; border:1px solid #e0e0e0; width:342px; height:212px;} .main_box h3.widget-title{ border:none; } .link{ border:1px solid #e0e0e0; height:166px;} .link .link_ul{ width:100px; float:left; list-style:none; margin:0; padding-top:5px;} .link .link_ul .link_li{ padding-left:20px;} .link .link_ul .link_li .link_a{ color:#999; line-height:32px;} .link .link_ul .link_li .link_a a{ color:#000;} .link .link_ul_1{ list-style:none; margin:0; padding-top:4px;} .link .link_ul_1 .link_li_1{ padding-left:20px; border-bottom:1px solid #f5f5f5;} .link .link_ul_1 .link_li_1 .link_a_1{ color:#999; line-height:26px;} .link .link_ul_1 .link_li_1 .link_a_1 a{ color:#000;} /*--------------------------------------*/ .mainleft_box{ margin:30px 0px 5px 10px; } .mainleft_box .h4border{ -khtml-user-select: none; padding-bottom:15px; color:#333; font-family:"微软雅黑", "Arial Unicode MS"; font-weight:400; font-size:22px; padding-top:7px; border-bottom:1px solid #e0e0e0; margin-top:0; text-align:center; } .icon-circle-arrow-right{ background:url(../img/main_more.png) 0 2px no-repeat; } .icon-circle-arrow-right-left{ background:url(../img/main_more_left.png) 5px no-repeat; } .mainleft_box .main_ul{ margin-left:0px; } .main_more{ color:#999; font-size:12px; text-decoration:none; line-height:30px; font-family: Arial, Tahoma; margin-top: 15px; } .mainleft_box a:hover,.mainleft_box a:focus{ text-decoration:none; color:#1f6db3; } .color_blue{ color:#1f6db3; padding:10px 0; line-height:30px; } .line_gray{ border-bottom:1px solid #cbd1d3; margin-bottom:0; height:36px; } .main_ul{ margin:0;} .main_li{ text-decoration:none; list-style:none; font-size:12px; line-height:26px; color:#333; } .main_a{ background:url(../img/li.png) left no-repeat; font-size:12px; background-position: 0px 10px; padding-left:15px; color:#333; } .main_a a{ color:#333; } .link_a{ background:url(../img/link.jpg) left no-repeat } .main_a a:hover, .main_a a:active{ color:#000; text-decoration:none; } .color_gray{ color:#999; } /*banner*/ .jd_bannerbox{ width:306px; height:235px; background:#f3f3f3; border-bottom: 3px solid #4d9543;} .bggay{ background:#e7e7e8; width:1200px; margin:0 auto; } /*------------------------------------------*/ /* Main marketing message and sign up button */ .main_pic { float:left; } .login { height:252px; background:url(../img/login.png) no-repeat; float:left; width:220px\9; } .login_on { height:252px; background:url(../img/login_1.png) no-repeat; float:left; width:220px; } .login_on .login_p{ padding:50px 25px 10px 25px; color:#fff; font-size:14px; } .login_on .login_btn{ padding:10px 25px;} .masthead img{ margin:0; padding:0; } .form-horizontal input{ margin-bottom:40px; margin-left: 30px; } .button_group{ margin-top:0px; margin-left: 40px; } .button_group .marginright{ margin-right:15px; } .input_group{ margin-top:75px; } .input_group .input-small{ width:145px; } .input_group input[type="text"],.input_group input[type="password"] { background-color:#b8cfe6; border:none; color:#333; font-weight:100; } .form-horizontal button{ } .form-horizontal .input_group{ margin-bottom:0; } .form-horizontal input { margin-left: 0px; margin-bottom:0; } .form-horizontal .control-label { float: left; width: 50px; padding-top: 5px; text-align:right; } .form-horizontal .controls { margin-left: 60px; *margin-left:0; *padding-left:10px; } .input-medium { width: 110px; } .form-horizontal .control-group { margin-bottom: 10px; } .btn_grp{ *width:110px; } form{ margin-bottom:0;} /*--------------------------------------------*/ .nav-tabs { border:none; } .nav-tabs_title{ border-bottom:1px solid #e4e4e4; } .nav-tabs_title ul{ margin:0; padding:0; } .nav-tabs_title ul li{ list-style:none; font-size:18px; font-weight:400; } .nav-tabs_title .nav-tabs > .active > a{ border: 1px solid #e4e4e4; line-height:38px; border-bottom-color:transparent; width:120px; padding:8px 20px; border-top:solid 2px #1f6db3; background-color:#f8f8f8; color:#1f6db3; } .nav-tabs_title .nav-tabs > li > a { border: 1px solid #e4e4e4; line-height:38px; margin-right:0; border-bottom-color:transparent; width:120px; padding:8px 20px; color:#333; } .bgcolor{ background-color:#f8f8f8; padding:10px; } /* blog sidebar */ .blog_sidebar { margin:20px 10px 0 0; } .blog_sidebar .h4border { margin:0 ; padding-left:0px; line-height:48px; font-size:20px; font-weight:400; color:#f06d68; } .blog_sidebar .h4border img{ margin:2px 3px;} .blog_sidebar ul{ margin: 10px } /*------------------------*/ .project { position:relative; padding-left:20px; } .project .h4border { margin:10px 0 0px 0; padding:0; line-height:48px; font-size:20px; font-weight:400; color:#fff; } .project .h4border img{ margin:2px 10px 2px 0;} .project .link{ border-bottom:1px dotted #eee; color:#eee; margin:10px 60px 10px 40px;} .project .link a{ color:#ddd;} .project .link a:hover{ color:#fff;} .project .link p{ margin:0; line-height:24px;} .project .link .link_l{ width:80px; float:left;} .project .link .link_r{ float:left; width:730px;} /*------------------------------*/ #footer{ text-align: center; line-height:22px; padding:15px 0; background-color:#333;} #footer p{ margin:0; color:#eee;} .nav-tabs { border:none; } .nav-tabs_title{ border-bottom:1px solid #e4e4e4; } .nav-tabs_title ul{ margin:0; padding:0; } .nav-tabs_title ul li{ list-style:none; font-size:18px; font-weight:400; } .nav-tabs_title .nav-tabs > .active > a{ border: 1px solid #e4e4e4; line-height:38px; border-bottom-color:transparent; width:120px; padding:8px 20px; border-top:solid 2px #1f6db3; background-color:#f8f8f8; color:#1f6db3; } .nav-tabs_title .nav-tabs > li > a { border: 1px solid #e4e4e4; line-height:38px; margin-right:0; border-bottom-color:transparent; width:120px; padding:8px 20px; color:#333; } .notice_cat{ font-size:12px; margin-left:30px; line-height:30px; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display:none; } .nav-tabs:after, .nav-pills:after { clear: both; } .nav-tabs > li, .nav-pills > li { float: left; list-style:none; } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 5px; padding-left: 5px; margin-right: 2px; line-height: 14px; } .nav-tabs { border-bottom:none; display: inline-block; margin-bottom:0; } .nav-tabs > li > a { padding-top: 0px; padding-bottom: 0px; border:none; font-weight:normal; color:#efa70c; line-height:30px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border:none; color:#f15a23 } .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #0055a1; cursor: default; background-color:#eee; border:none; line-height:30px; } .banner{ width:100%; min-width:1100px; overflow: hidden; position: relative;} .rslides { position: relative; overflow: hidden; width: 100%; min-width:1100px;padding: 0; margin:0 auto; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; min-width:1100px; text-align:center; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides .img { display: block; height: auto; float: left; width: 100%; min-width:1100px;border: 0; } .slide_container { position: relative; float: left; width: 100%; min-width:1100px;overflow:hidden; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%;min-width:1100px; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; min-width:1100px; left: 0; top: 0; } .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%;min-width:1100px; border: 0; } .slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../img/lf.png) no-repeat left top; margin-top: -22px; } .slide_nav:active { opacity: 1.0; } .slide_nav.next { left: auto;background:url(../img/rt.png) no-repeat left top; right: 10px; } .slide_tabs{position:absolute;right:242px;bottom:67px;z-index:999;} .slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:19px;background-color:#fff;float:left;color:#fff;} .slide_tabs li a{color:#fff;display:block;text-indent:-999em;} .slide_tabs li.slide_here{background:none;border:2px solid #fff;border-radius:15px;width:10px;height:10px;} /*图片轮播*/ .flexslider{ width:100%; min-width:1100px; height: 235px; overflow: hidden;} .flexslider a{display:block;height:235px;} .flexslider li a {display: block; transition: all 1s ease 0s;} .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; } .flexslider img{ display: block; width:100%; min-width:1100px; height: 235px;} .flexslider .til_slides{ width:100%; min-width:1100px; height: 40px; position: absolute;bottom:0; left:0;background:url(../inmg/banner_bg.png) repeat; line-height: 40px;font-size:14px;color:#fff; padding-left: 15px;} .flex-control-nav{ position:absolute;bottom:11px;right:1px; text-align: right;z-index:999} .flex-control-paging li{ margin:0 10px 0 0;float:left;} .flex-control-paging li a{ width: 12px; height: 12px; line-height: 12px; background-color:#fff;border-radius:15px;text-indent:999px;} .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:10px;height:10px;border:2px solid #fff;border-radius:15px;} .circle-box{ text-align:right; margin:35px 0 0 0;} .circles ul li { display: inline-block; font-size: 18px; font-weight: 400; text-align: center; line-height: 18px; color: #ffffff; width: 120px; height: 120px; padding: 15px; -webkit-border-radius: 50% 50% 5% 50%; -moz-border-radius: 50% 50% 5% 50%; border-radius: 50% 50% 5% 50%; background: #3cc4c9; vertical-align: middle; position: relative; } .circles ul li.promo1 { z-index: 1; } .circles ul.circle-box li { margin-left: -30px; *float:right; } .bubble { display: table; width: 98%; height: 98%; padding-top: 40px; } .bubble p { text-align: center; } .circles ul li.promo2 { background:#666666; z-index: 2; } .circles ul li.promo3 { background:#dfd400; z-index: 3; } .circles ul li.promo4 { background:#f39a27; z-index: 4; } .circles ul li.promo5 { background:#f06d68; z-index: 5; } .circles ul li.promo6 { background:#366972; z-index: 6; } .btn1 { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; line-height: 30px; text-decoration: none; border:none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background:#f06d68; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 400; color: #fff; font-size: 14px; padding: 0px 20px; } .btn1:hover{ text-decoration:none; color:#eee; } .btn2 { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; line-height: 50px; text-decoration: none; border:none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#f06d68; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 400; color: #fff; font-size: 14px; padding: 10px 10px; margin-right:5px; } .btn2:hover{ text-decoration:none; color:#eee; } #searchform input[type="text"]{ border: 1px solid #3cc4c9; width:190px; } #searchform p{ margin:0;} #searchform img{ margin:30px 0;} #searchform{ margin:50px 10px 0 0;}