/* 虎豪网络-朱腾QQ 1113679417*/
body, html {
background: #F8F8F8;
}
.home_container {
margin: 0 auto;
width: 1100px;
}
.home_container a:hover {
color: #005ca9;
}
.container {
margin: 0 auto;
width: 1100px;
}
.container a:hover {
color: #005ca9;
}
.footer a:hover {
color: #008bff;
}
.nav1 {
top: 0px;
width: 100%;
z-index: 9999;
}
.nav1 .top {
padding-top: 5px;
}
.nav1 .bot .logo { padding-top: 10px; padding-bottom: 10px;
}
.nav1 .bot ul {
/*background: url(images/nav-ul.png) no-repeat top center;*/
width: 1100px;
height: 37px;
padding: 0 20px;
margin-top: 5px;
margin-bottom: 5px;
/*margin-right: -15px;*/
}
.nav1 .bot ul li {
background: url(images/nav-li.png) no-repeat center left;
float: left;
line-height: 35px;
height: 35px;
color: #000000;
width: 12.5%;
text-align: center; font-size: 16px;
}
.nav1 .bot ul li a {
display: block;
color: #000000;
}
.nav1 .bot ul li.no {
background: none;
}
.banner1 {
height: 525px;
}
.banner {
height: 500px;
position: relative;
}
.banner01 {
height: 345px;
position: relative;
}
#full-screen-slider {
width: 100%;
height: 100%;
float: left;
position: relative
}
#slides {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#slides li {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute
}
#slides li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}
#pagination {
display: block;
list-style: none;
position: absolute;
left: 50%;
margin-left: -100px;
width: 100px;
bottom: 50px;
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: #0092CE
}
.main {
margin-top: -45px;
z-index: 9999;
position: relative;
background:#ffffff url("images/main.jpg") repeat-y center top;
}
.main .container {
background: #fff;
}
.main .mt {
padding: 15px 0px;
}
.main .mt h1 {
font-size: 14px;
height: 31px;
background: url("images/mth1.gif") no-repeat left top;
line-height: 28px;
padding: 0 20px;
font-weight: 200;
color: #fff;
margin-bottom: 12px;
}
.main .mt h1 span {
float: right;
color: #ffffff;
}
.mt1, .mt2, .mt3 {
width: 293px;
height: 270px;
}
.mt1 .text {
padding: 5px;
}
.mt2 {
padding: 0 53px;
}
.list1 {
padding: 5px;
}
.list1 li {
background: url("images/dian.jpg") no-repeat left center;
padding-left: 10px;
}
.list1 li {
text-align: right;
}
.list1 li a {
float: left;
}
.mt3 .text {
line-height: 20px;
width: 278px;
height: 76px;
background: url(images/mt3-1.jpg);
padding: 10px;
}
.mt3 .text span {
color: #D74C2B;
}
.mb {
overflow: hidden;
background: url(images/mb.jpg);
margin-bottom: 20px;
}
.mb-1 {
width: 678px;
height: 305px;
}
.mb h1 {
font-size: 14px;
color: #08ab72;
background: url("images/hbh1.png") no-repeat left top;
padding-left: 20px;
height: 25px;
line-height: 2;
margin: 14px 13px;
margin-bottom: 0px;
}
.mb h1 span {
font-weight: 200;
color: #333333;
}
.mb-1 .content {
padding: 13px;
margin-bottom: 13px;
}
.hide {
display: none;
}
.tab_menu {
width: 250px;
height: 198px;
background: url(images/mb1-ul.png);
padding: 20px 0;
font-size: 14px;
}
.tab_menu li {
cursor: pointer;
height: 40px;
background: url(images/mb1-li.png) no-repeat 8px center;
line-height: 40px;
margin-left: 19px;
padding-left: 25px;
color: #fff;
font-size: 16px;
}
.tab_menu li.current {
background: #6dad23 url(images/mb1-li_h.png)no-repeat 8px center;
}
.tab_box {
width: 400px;
height: 236px;
overflow: hidden;
border: 1px solid #CDCDCD;
}
.tab_box .tab_in {
height: 100%;
width: 100%;
background: #fff;
}
.tab_box .img {
height: 100%;
width: 180px;
padding: 0 10px;
}
.tab_box .img img {
padding-top: 40px;
}
.tab_box .msg {
width: 175px;
height: 100%;
}
.tab_box .msg h2 {
margin-bottom: 5px;
margin-top: 30px;
font-size: 14px;
color: #005CA9;
border-left: 4px solid #005CA9;
line-height: 16px;
padding-left: 10px;
}
.tab_box .more {
float: right;
}
.mb-2 {
width: 310px;
}
.mb-2 .content {
padding: 12px;
}
.mb-2 .content a img {
padding: 5px 0;
}
.footer {
background: url(images/footer-bg.gif);
height: 220px;
color: #fff;
position: relative;
z-index: 99999; padding-top: 25px; padding-bottom: 10px;
}
.footer a {
color: #fff;
}
.footer .container {
padding: 10px 0;
}
.UpLayer {
}
.UpLayer dl {
position: relative;
height: 25px;
width: 100px;
padding-top: 15px;
}
.UpLayer dl dt {
width: 100px;
position: absolute;
z-index: 3;
line-height: 25px;
background: #82b745;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.UpLayer dl dt a {
width: 100%;
height: 100%;
display: block;
text-align: center;
}
.UpLayer dl dt.UpLayer02 {
background: #006BC4;
-moz-box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
}
.UpLayer dl dd {
min-width: 100px;
_width: 100px;
position: absolute;
z-index: 2;
line-height: 30px;
display: none;
right: 0px;
bottom: 25px;
z-index: 100;
background: #006BC4;
-moz-box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
box-shadow: 0px -2px 3px rgba(0,0,0,0.3);
}
.UpLayer dl dd a {
display: block;
text-align: center;
}
.UpLayer dl dd a:hover {
display: block;
text-align: center;
background: #007CDE;
color: #fff;
}
#nav ul {
position: relative;
}
#nav ul li {
position: relative;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#nav ul li a {
height: 100%;
width: 100%;
display: block;
color: #000000;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s; font-size: 16px;
}
#nav ul li a:hover, .nav ul li a.open, .nav ul li:hover, .nav ul li.open {
background: #526A9B;
background: rgba(255,255,255,0.15);
;
color: #003286;
background-size: 122px 39px;
}
#nav ul li .inul {
z-index: 999999;
width: 160%;
background: #ffffff;
background: rgba(255,255,255,0.6);
position: absolute;
top: 23px;
left: 0px;
margin-left: 1px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
opacity: 0;
height: 0px;
display: block;
overflow: hidden;
padding: 0;
}
#nav ul li.open .inul {
display: block;
height: auto;
opacity: 1;
}
#nav ul li .inul li {
display: block;
float: none;
border-bottom: #ffffff solid 1px;
width: 100%;
}
#nav ul li .inul li a {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#nav ul li .inul li, .nav ul li .inul li:hover {
background: none;
}
#nav ul li .inul li a:hover {
background: #ffffff;
background: rgba(255,255,255,0.9);
}
.page-main .page-container {
background: url(images/pagebg.jpg);
}
.pm-l {
width: 218px;
float: left;
background: #EBEBEB;
}
.pm-r {
width: 776px;
float: right;
background: #fff;
padding: 20px 0 20px 0; font-size: 14px; line-height: 30px;
}
.page-banner {
position: absolute;
bottom: 0px;
width: 100%;
}
.page-banner .pm-l, .page-banner .pm-r {
position: absolute;
bottom: 0px;
float: none;
}
.page-banner .pm-l {
height: 61px;
background: #2f6ed7;
color: #fff;
}
.page-banner .pm-l {
left: 0px;
}
.page-banner .pm-r {
right: 0px;
background: url(images/b-pm-l.jpg);
width: 776px;
height: 39px;
overflow: hidden;
}
.page-banner .pm-r .pmr-i {
line-height: 39px;
padding-left: 60px;
text-align: right;
padding-right: 30px;
}
.page-banner .pm-r .pmr-i h1 {
font-size: 14px;
font-weight: 200;
float: left;
}
.page-banner .page-container {
position: relative;
}
.page-banner .pm-l-1 {
line-height: 30px;
height: 30px;
padding-left: 20px;
font-size: 20px;
padding-top: 5px;
}
.page-banner .pm-l-2 {
line-height: 20px;
height: 20px;
padding-left: 20px;
font-size: 10px;
}
.left {
padding: 10px 20px;
}
.left li {
margin: 3px 0;
height: 28px;
line-height: 28px;
border: #DADADA solid 1px;
background: #fff;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.left li a {
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 15px;
border-left: #9E9E9E solid 2px;
line-height: 15px;
color: #666666;
}
.left li:hover, .left li.hover {
margin: 3px 0;
height: 28px;
line-height: 28px;
border: #ffffff solid 1px;
background: #1F5AA2;
}
.left li:hover a, .left li.hover a {
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 15px;
border-left: #ffffff solid 2px;
line-height: 15px;
color: #fff;
}
.left li.i {
margin: 3px 0;
height: 28px;
line-height: 28px;
border: #ffffff solid 1px;
background: #68b212;
}
.left li.i a {
display: block;
padding-left: 15px;
margin: 6px 0;
margin-left: 15px;
border-left: #ffffff solid 2px;
line-height: 15px;
color: #fff;
}
.page-main .pm-l {
min-height: 500px;
}
.page-main .pm-r .pmr-i {
padding: 5px 20px 10px 30px;
}
.page-main .search {
padding: 0px 20px;
padding-right: 21px;
}
.page-main .search h4 {
font-size: 14px;
font-weight: 200;
}
.page-main .search input {
width: 100%;
height: 21px;
border: #D7D7D7 solid 1px;
background: url(images/sousuo.jpg);
}
.list_cp1 {
padding-top: 40px;
overflow: hidden;
}
.list_cp1 li {
float: left;
background: url(images/list_cp_bg1.jpg) no-repeat center top;
width: 218px;
height: 252px;
text-align: center;
padding: 0 12px;
padding-bottom: 40px;
}
.list_cp1 li .title {
height: 44px;
line-height: 44px;
}
.list_cp1 li .img img {
height: 117px;
width: 179px;
}
.list_cp1 li .img {
padding: 19px 0;
}
.list_cp1 li .btn2 {
display: block;
background: url(images/btn2.jpg) no-repeat left top;
width: 132px;
height: 34px;
line-height: 33px;
margin: 0 auto;
}
.list_cp1 li.cp1_bg1 {
background: url(images/list_cp_bg1.jpg) no-repeat center top;
}
.list_cp1 li.cp1_bg2 {
background: url(images/list_cp_bg2.jpg) no-repeat center top;
}
.list_cp1 li.cp1_bg3 {
background: url(images/list_cp_bg3.jpg) no-repeat center top;
}
.list_cp2 {
padding: 20px 0;
overflow: hidden;
}
.list_cp2 li {
overflow: hidden;
background: #F3F7F9;
height: 154px;
margin: 10px 0;
}
.list_cp2 li .fl {
width: 275px;
}
.list_cp2 li .fr {
width: 450px;
}
.list_cp2 li .fl .title {
width: 275px;
background: #053879 url(images/cp2logo.jpg) no-repeat 60px center;
color: #fff;
height: 38px;
line-height: 38px;
text-align: left;
font-size: 14px;
}
.list_cp2 li .fl .title a {
color: #fff;
padding-left: 100px;
display: block;
}
.list_cp2 li .fl .img {
height: 116px;
}
.list_cp2 li .fr .abstract {
padding: 20px 40px;
line-height: 20px;
}
.list_cp2 li .fr {
position: relative;
height: 100%;
}
.list_cp2 li .fr .btnbox {
position: absolute;
left: 40px;
bottom: 10px;
}
.btn3 {
background: url(images/btn3.jpg) no-repeat left center;
padding-left: 15px;
}
.page_us {
/*background: url(images/page_us_bg.jpg) no-repeat left top;*/
padding: 0px 0px;
line-height: 30px;
position: relative;
}
.page_us .btn_dt {
width: 100px;
height: 100px;
display: block;
position: absolute;
top: 65px;
left: 565px;
}
.list_new li {
padding: 20px 0;
background: url(images/new_li_bg.jpg) no-repeat left bottom;
overflow: hidden;
}
.list_new li .fl {
width: 185px;
}
.list_new li .fr {
width: 485px;
padding-right: 40px;
padding-top: 10px;
}
.list_new li .img img {
width: 160px;
height: 90px;
}
.list_new li .img {
border: #DCDEE1 solid 5px;
overflow: hidden;
height: 90px;
width: 160px;
}
.list_new .date {
width: 80px;
float: right;
}
.list_new .title {
float: left;
font-size: 16px;
color: #1D4B86;
}
.list_new .title a {
color: #1D4B86;
}
.list_new li {
position: relative;
}
.list_new .btnbox {
position: absolute;
bottom: 20px;
right: 50px;
}
/*.form{line-height:20px; }*/
.form input, .form textarea {
border: #ABADB2 solid 1px;
width: 100%;
line-height: 20px;
}
.form textarea {
height: 80px;
}
.form .fl, .form .fr {
width: 40%;
}
.form {
background: url(images/form_bg.jpg) no-repeat left top;
width: 607px;
padding: 15px 40px;
}
.form .btn4 {
background: url(images/btn4.jpg) no-repeat left top;
border: none;
width: 54px;
height: 21px;
line-height: 21px;
color: #fff;
margin-top: 10px;
}
.form .btnbox {
margin: 0 auto;
width: 54px;
}
.form b {
color: #F00;
}
.nav01 {
position: absolute;
top: 0px;
width: 100%;
z-index: 9999;
}
.nav01 .top {
padding-top: 25px;
}
.nav01 .bot .logo {
}
.nav01 .bot ul {
background: url(images/nav-ul.png) no-repeat top center;
width: 770px;
height: 37px;
padding: 0 20px;
margin-top: 10px;
margin-right: -15px;
}
.nav01 .bot ul li {
background: url(images/nav-li.png) no-repeat center left;
float: left;
line-height: 33px;
height: 33px;
color: #fff;
width: 12.5%;
text-align: center;
}
.nav01 .bot ul li a {
display: block;
color: #fff;
}
.nav01 .bot ul li.no {
background: none;
}
/*内页导航*/
.nav {
position: absolute;
top: 0px;
width: 100%;
z-index: 9999;background: rgba(255, 255, 255, 0.5);
}
.nav .top {
padding-top: 5px;
}
.nav .bot .logo { padding-top: 10px; padding-bottom: 10px;
}
.nav .bot ul {
background: url(images/nav-ul.png) no-repeat top center;
width: 770px;
height: 37px;
padding: 0 20px;
margin-top: 10px;
margin-right: -15px;
}
.nav .bot ul li {
/*background: url(images/nav-li.png) no-repeat center left;*/
float: left;
line-height: 33px;
height: 33px;
color: #000000;
width: 12.5%;
text-align: center;
}
.nav .bot ul li a {
display: block;
color: #fff;
}
.nav .bot ul li.no {
background: none;
}
/*首页导航*/
.header1 { background: #FFFFFF;}
.biaozhi { float: left; width:200px; padding: 18px 0px 10px 0px;}
.dianhua span{ font-size:12px; color: #a5a5a5; }
.dianhua { text-align: right; padding-top: 30px; padding-right: 50px; float:right;width:270px;font-style: italic; font-size:20px; color: #012177; }
.biaoyu { float: left;width:550px; text-align: left;font-size: 20px; padding-top: 30px;
color: #012177;
/* font-style: italic;*/}
.top_xt { border-top:1px #dddddd solid; width: 100%; height: 37px;}
.gongsi {float: left; width:1100px; height: 30px; line-height: 30px; font-weight: bold;
font-size: 26px;color: #000000; padding-bottom: 15px;
}
#daohang ul {
position: relative;
}
#daohang ul li {
position: relative;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#daohang ul li a {
height: 100%;
width: 100%;
display: block;
color: #000000;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#daohang ul li a:hover, .daohang ul li a.open, .daohang ul li:hover, .daohang ul li.open {
background: #526A9B;
background: rgba(255,255,255,0.15);
color: #356cf8;
background-size: 122px 39px;
}
#daohang ul li .inul {
z-index: 999999;
width: 160%;
background: #ffffff;
background: rgba(255,255,255,0.8);
position: absolute;
top: 25px;
left: 0px;
margin-left: 1px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
opacity: 0;
height: 0px;
display: block;
overflow: hidden;
padding: 0;
}
#daohang ul li.open .inul {
display: block;
height: auto;
opacity: 1;
}
#daohang ul li .inul li {
display: block;
float: none;
border-bottom: #ffffff solid 1px;
width: 100%;
}
#daohang ul li .inul li a {
display: block;
width: 100%;
height: 100%;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
#daohang ul li .inul li, .daohang ul li .inul li:hover {
background: none;
}
#daohang ul li .inul li a:hover {
background: #dedede;
background: rgba(222,222,222,0.8); color: #526A9B;
}
/*首页标题*/
.index-bt-bj { width: 100%; height: 50px; color: #012177; text-align: center; margin: 0 auto;
background: url("images/index-bt-bj.gif") no-repeat center center; float: left; }
.index-bt-bj span{ width: 100%; display: block; height: 30px; line-height: 30px;font-size: 22px;}
.index-bt-bj font{ width: 100%; display: block; height: 20px; line-height: 20px;font-size: 12px;color: #a5a5a5;}
.index-about {width: 100%;margin: 0 auto; margin-top: 20px;float: left; }
.index-about-img { float: left;width:410px; height: 300px; padding-right: 10px; }
.index-about-nr { float: left;width:680px; height: 300px;text-align: left;}
.index-about-nr h4{color: #012177; font-size: 22px;}
.index-about-nr h5{text-align: left;font-size: 14px;color: #a5a5a5; font-weight: normal;}
.index-about-js {font-size: 14px; line-height: 30px;}
.index-about-lx {font-size: 14px; line-height: 30px;float: left;}
.index-about-lx A:link {border:1px #dddddd solid; padding: 5px 8px 5px 8px; margin-right: 10px;color: #a5a5a5;}
.index-about-lx A:visited {color: #a5a5a5;}
.index-about-lx A:hover {color: #012177;}
.index-about-lx A:active {color: #a5a5a5;}
.about-m {float: left;font-size: 14px; line-height: 30px;}
.about-m A:link {border:1px #012177 solid; padding: 5px 8px 5px 8px; margin-right: 10px;color: #012177;}
.about-m A:visited {color: #012177;}
.about-m A:hover {color: #012177;}
.about-m A:active {color: #012177;}
/*首页产品*/
#syys {
width: 1100px;
height: 425px; margin-top: 20px; margin-bottom: 20px; float: left;}
#syys .syys_ny {
width: 350px;
float: left;
height: 425px;
margin: 0 7px;
background: url(images/index_31.jpg) no-repeat top center;}
#syys .syys_ny .ysbt {
font-size: 18px;
font-weight: normal;
text-align: center;
height: 50px;
line-height: 50px;}
#syys .syys_ny .ystp {
padding: 15px;
width: 230px;
height: 210px;}
#syys .syys_ny .ysny {
padding: 0 15px;
line-height: 24px;
height: 100px;}
#syys .syys_ny .ysmore {
color: #fff;
text-align: center;
height: 30px;
line-height: 30px;}
#syys .syys_ny .ysmore a {
color: #fff;
text-align: center;
height: 30px;
line-height: 30px;
display: inline-block;}
/*新闻*/
.box_news {width: 1100px; height: 425px; margin-top: 20px; margin-bottom: 20px; float: left;}
.news_li {width: 1100px; float: left;border-bottom:1px dashed #dddddd; height: 130px; margin-top: 10px;}
.news_riqi {float: left;width: 70px; margin-right: 10px; text-align: center;}
.news_riqi span {float: left;width: 70px; height: 40px; line-height: 40px; background: #d6f8d7; font-size: 22px;}
.news_riqi font {float: left;width: 70px; height: 30px;line-height: 30px; background: #e3e3e3;font-size: 14px;}
.news_img {float: left;width: 150px;margin-right: 10px;}
.news_nr {float: left;width: 860px;}
.news_nr h3 {font-size: 18px; font-weight: normal;}
.news_nr A:link { color: #000000;}
.news_nr A:visited {color: #000000;}
.news_nr A:hover {color: #012177;}
.news_nr A:active {color: #000000;}
.news_nr p {font-size: 14px; line-height: 30px;color: #7e7e7e;}
.news_nr A:link {color: #012177;}
.news_nr A:visited {color: #012177;}
.news_nr A:hover {color: #012177;}
.news_nr A:active {color: #012177;}
.huoban {width: 1100px; height: 125px; margin-top: 20px;float: left; margin-bottom: 20px; }
/*底部*/
.LOGO_SJ { width: 300px;float: left;}
.foot-liebiao { width: 800px;float: left;}
.liebiao-lx {float: left; width: 40%;}
.liebiao-lx li{list-style-type:none; line-height: 35px;color: #888e9f;}
.liebiao-u {float: left; width: 20%;}
.liebiao-mc { font-size: 16px;color:#ffffff;}
.liebiao-u li{list-style-type:none; line-height: 32px;color: #888e9f;}
.liebiao-u A:link {font-size: 14px;color: #888e9f;}
.liebiao-u A:visited {font-size: 14px;color: #888e9f;}
.liebiao-u A:hover {font-size: 14px;color: #a0c4ff;}
.liebiao-u A:active {font-size: 14px;color: #888e9f;}
.banquan { width: 100%;float: left;
height: 50px;
line-height: 50px;
font-size: 12px;
color: #888e9f;
text-align: center;
background-color: #0b0f1a;}