/* 通用代码 */
html{color:#404144;background:#FFF;font-family: "微软雅黑";font-weight: 200;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family: "微软雅黑";font-weight: 200;}
.clearfix:after{display: block;content: "\200B";height: 0;overflow: hidden;clear: both;}
.clearfix {*zoom:1;}
input {
outline: none;
border: none;
}
p {
line-height: 1;
}
.pull_left {
float: left;
}
.pull_right {
float: right;
}
.hide {
display: none;
}
.icon {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
/* headertop */
.fixed {
background: #d2d2d2;
}
.fixed_con {
height: 40px;
background: #d2d2d2;
font-size: 12px;
color: #999;
line-height: 40px;
}
.tel_icon {
height: 11px;
width: 14px;
background: url("/style/images/tel_icon.png") center no-repeat;
}
.fixed_con a {
margin: 0 14px;
color: #999;
}
/* 可能没用 */
.fixed_con span.pull_left {
padding-left: 12px;
}
/* header */
.row {
margin: 0 auto;
width: 1200px;
}
.header_con {
padding: 13px 0 8px;
}
.logo_box h1 {
padding: 0px 0 0 72px;
margin: 0 80px 0 0;
width: 171px;
border-right: 1px solid #ddd;
}
.logo_box h1 img {
display: block;
width: 108px;
height: 102px;
}
.txt_img {
display: block;
margin: 30px 0 0 0;
}
.search {
margin: 24px 0 0 0;
width: 578px;
font-size: 13px;
color: #999;
}
.search_opts a {
color: #999;
margin: 0 10px 0 0;
}
.search_box {
position: relative;
margin: 6px 0 0 0;
padding: 9px 46px 9px 8px;
border: 1px solid #df4754;
}
.search_box input {
width: 100%;
height: 16px;
line-height: 16px;
}
.search_btn {
position: absolute;
right: 0;
top: 0;
height: 34px;
width: 46px;
background: #df4754 url("/style/images/search_icon.png") center no-repeat;
}
/* 导航菜单 */
.nav {
background: #df4754;
}
.nav_con {
background: #df4754;
height: 50px;
color: #FFF;
line-height: 50px;
position: relative;
}
.guid_btn {
position: relative;
width: 244px;
height: 50px;
text-align: center;
font-size: 20px;
background: #c32b26;
line-height: 54px;
}
.menu_icon {
position: absolute;
top: 18px;
left: 30px;
margin: 0;
height: 18px;
width: 22px;
background: url("/style/images/menu_icon.png") center no-repeat;
}
.nav_list li {
float: left;
}
.nav_list li a {
display: block;
width: 119px;
height: 50px;
text-align: center;
color: #FFF;
font-size: 14px;
-webkit-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-moz-transition: all 200ms linear;
transition: all 200ms linear;
}
.nav_list li a:hover {
background: #cc3333;
}
.sub_list {
position: relative;
}
.sub_menu {
display: none;
position: absolute;
top: 50px;
left: 0;
z-index: 8;
/*width: 270px;*/
width: 242px;
padding: 10px;
background: #cc3333;
font-size: 12px;
line-height: 1;
}
.sub_menu span {
float: left;
line-height: 22px;
}
.nav_list li .sub_menu a {
float: left;
margin: 0 8px;
width: auto;
height: auto;
font-size: 12px;
line-height: 22px;
}
.nav_list li .sub_menu a:hover {
text-decoration: underline;
}
.fixed .nav_list {
padding-left: 246px;
}
.index_top {
position: fixed;
top: 50px;
z-index: 999;
}
.index_guid {
position: fixed;
top: 0;
z-index: 999;
}
.menu_list {
padding-top: 28px;
width: 242px;
height: 413px;
background: #eeeeee;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.menu_list_hover {
background: #FFF;
}
.menu_list_hover:before {
content: '';
position: absolute;
top: 0;
left: -4px;
width: 4px;
height: 100%;
background: #df4754;
}
.menu_list li {
position: relative;
padding: 0 14px;
}
.menu_item {
padding: 10px 4px 10px 60px;
border-top: 1px dotted #ddd;
font-size: 12px;
color: #999;
}
.menu_item a {
margin: 0 2px;
color: #999999;
font-size: 12px;
}
.menu_item a:hover {
color: #df4754;
text-decoration: underline;
}
.menu_item p.strong {
margin-bottom: 12px;
font-size: 14px;
color: #333;
}
.item_one {
background: url("/style/images/menu_icon1.png") 10px center no-repeat;
}
.item_two {
background: url("/style/images/menu_icon2.png") 10px center no-repeat;
}
.item_three {
background: url("/style/images/menu_icon3.png") 10px center no-repeat;
}
.item_four {
background: url("/style/images/menu_icon4.png") 10px center no-repeat;
}
.item_five {
background: url("/style/images/menu_icon5.png") 10px center no-repeat;
}
.item_six {
border-bottom: 1px dotted #ddd;
background: url("/style/images/menu_icon6.png") 10px center no-repeat;
}
.online_zx {
display: block;
margin: 9px auto;
height: 36px;
width: 120px;
text-align: center;
color: #fFF;
line-height: 36px;
background: #df4754;
border-radius: 4px;
}
.btn_btns {
background: #ff742c;
}
.btn_btns:nth-child(2) {
background: #0b8381;
}
.zx_icon {
margin-right: 4px;
height: 24px;
width: 24px;
background: url("/style/images/qq_icon.png") center no-repeat;
}
/* 子菜单 */
.sub_nav {
display: none;
position: absolute;
top: 0;
left: 242px;
z-index: 999;
background: #FFF;
padding: 22px 30px;
width: 260px;
font-size: 12px;
color: #385960;
}
.sub_item p.strong {
margin-bottom: 16px;
}
.sub_item {
margin: 16px 0;
padding: 0 0 0 14px;
background: url("/style/images/abc_icon.png") 0px top no-repeat;
}
.sub_item p a {
margin: 0 2px;
}
/* footer */
#footer{padding-bottom:10px;width:100%;background:#eee;color:#999;font-size:12px}
#footer .footer_all{margin:0 auto;width:1200px}
#footer .footer_main{padding-top:20px}
#footer .footer_text{float:left;padding:20px 0;padding-right:20px;width:400px}
#footer .footer_text h2{color:#333;font-size:18px;line-height:26px}
#footer .footer_text p{color:#666;font-size:14px;line-height:22px}
#footer .footer_menu{float:left;margin-left:120px;padding:20px;width:340px;border-right:1px dotted #ccc;border-left:1px dotted #ccc}
#footer .footer_menu ul li{float:left;margin:0 16px;text-align:center}
#footer .footer_weixin{float:left;padding-left:100px;width:130px;text-alignc:enter}
#footer .footer_logo{height:90px;border-top:1px dotted #ccc;background:url("/style/images/footer_logo.png") center no-repeat}
#footer .footer_img{float:left;margin-top:14px;margin-left:450px;width:153px;height:47px}
#footer .footer_copyright{border-top:1px dotted #ccc}
#footer .footer_copyright p{text-align:center;line-height:40px}
#footer .ft_4{height:30px;border-top:1px dotted #ccc}
#footer .ft_4 li{float:left;margin-right:10px;list-style:none;line-height:30px}
.footer_weixin p{line-height:2}
.footer_menu{line-height:24px}
.footer_menu a{color:#333;text-decoration:none}
.footer_menu a:hover{color:#6eb92b}
.foot_top{height:30px}
.left_part {
float: left;
width: 215px;
}
.left_part img {
display: block;
margin: 0 auto;
}
.mid_top a {
float: left;
margin: 0 8px;
height: 26px;
width: 70px;
border: 2px solid #df9247;
color: #FFF;
text-align: center;
line-height: 28px;
font-size: 12px;
border-radius: 4px;
}
.mid_top {
margin-bottom: 8px;
}
.mid_bot p {
font-size: 12px;
color: #FFF;
line-height: 24px;
}
.mid_part, .right_part {
float: left;
}
.right_part img {
display: block;
margin: 10px 40px;
width: 86px;
height: 86px;
}
/* 二级头部 */
.team_guid {
position: relative;
z-index: 999;
}
.team_guid .menu_list {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%;
text-align: left;
}
.team_guid .menu_list {
width: 242px;
}