@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;}