@charset "utf-8";
/* CSS Document */
.more{ width:80px; height:28px; line-height:28px; padding:0; margin:0 auto; margin-top:43px; margin-bottom:50px;}
.more a{ display:block; border:1px #024fb8 solid; color:#024fb8; text-align:center;}
.more a:hover{ background:#024fb8; color:#fff;}
/*banner*/
.www51buycom {
width: 1920px;
height: 460px;
position: relative;
overflow: hidden;
margin-left: 50%;
left: -960px;
top: 0px;
}
/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; zoom:1; z-index:3;left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #024fb8; } /*当前项*/
/*上一个 下一个*/
.www51buycom .prev,
.www51buycom .next { display: none; width: 40px; height: 100px; background:url(btn.png) no-repeat; position: absolute; top: 180px;}
.www51buycom .prev { left: 0; }
.www51buycom .next { right: 0; background-position: right }
/*banner end*/
/*search*/
#search {
width: 100%;
height: 76px;
z-index: 999;
float: left;
position: absolute;
margin-top: -40px;
}
.search {
width: 1180px;
height:76px;
padding: 0;
margin: 0 auto;
background:#024fb8;
}
.search_left {
line-height: 76px;
float: left;
color: #e8e8e4;
margin-left: 20px;
}
.search_left img{ margin-right:10px;}
.search_left a {
line-height: 76px;
color:#e8e8e4;
margin: 0 6px;
}
.search_right {
width: 397px;
float: right;
margin-top: 23.5px;
margin-right: 20px;
}
.searchbar {
width: 296px;
line-height: 30px;
height: 30px;
float: left;
border: 1px;
outline: none;
padding-left: 20px;
}
.searchbtn {
width: 70px;
line-height: 30px;
height: 30px;
margin-left: 10px;
border: 0;
background: #fcf038;
float: left;
outline: none;
color: #333;
cursor: pointer;
}
/*search end*/
/*product*/
#product {
width: 100%;
height: 1245px;
background: url(product_bg.jpg) no-repeat 50%;
padding-top: 1px;
position: relative;
}
.product{ width:1180px; height:auto; padding:0; margin:0 auto; position:relative;}
.title{padding:0; margin:0 auto; margin-top:50px; margin-bottom:30px; text-align:center;}
.title h3{ font-size:24px; text-align:center; color:#222; position:relative; display:inline-block;}
.title h3 span{ color:#204fb8;}
.title h3 p{ font-size:16px; color:#878787; text-align:center; margin-top: 10px;}
.product_top {
width: 1180px;
height: 196px;
overflow: hidden;
}
.product_top>h4 {
width: 100%;
height: 64px;
line-height: 64px;
font-size: 19px;
color: #024FB8;
margin-left: 50px;
margin-top: -5px; margin-bottom: 20px;
}
.fenlei{ line-height:27px; padding:0 30px;}
.fenlei>span>a{ display:inline-block; color:#fff; background:#024fb8;}
.fenlei a{ margin:8px; display:inline-block; padding:0 20px;}
.product_bot {
width: 1180px;
height: auto;
margin-right: -5.5px; margin-top:10px;
}
.product_bot h4 {
font-size:16px;
text-align:center;
}
.product_bot>h4>ul>li.selected{
width: 194px; height:58px;
display: inline-block;
text-align: center; font-weight:16px; background:#fff; border:1px solid #024fb8;
margin-top: 20px;
line-height: 58px;}
.selected{ color:#024fb8 !important; }
.product_bot>h4>ul>li {
width: 194px; height:58px; line-height:58px;
display: inline-block; cursor: pointer;
text-align: center; font-weight:16px; color:#fff; background:#024fb8;
}
.product_bot>h4>ul>li:first-child{ margin-right: 30px;}
.tab_box .hide{ display:none;}
.product_show {
margin-top: -14px;
width: 1212px;
}
.product_show li {
width: 371px;
margin-right: 33px;
float: left;
margin-top: 40px;
}
.product_show li h5{ height:55px; line-height:55px; text-align:center; background:#e9e9e9; font-size: 14px;}
.product_show li h5:hover{ background:#024fb8; color:#fff;}
.product_img{ width:371px; height:257px; overflow:hidden;}
.product_img a{ display:block; width:283px; height:202px;}
.product_img img{ width:100%; height:100%;}
/*product end*/
/*pk*/
#pk{ width:100%; height:1014px; background:url(pk_bg.jpg) 50% no-repeat; margin-top:-1px;}
.pk {
width: 1180px;
height: 1172px;
position: relative;
padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.youlie_t{ text-align:center; color:#fff; font-size:30px; font-weight:600; line-height:79px;}
.youlie_t b{ font-size:60px; line-height:79px;}
ul.pk_con {
padding: 66px 60px;
}
.pk_text {
width: 420px;
line-height: 26px;
}
.pk_con b {
margin-left: 95px;
color: #fff;
font-size: 18px;
}
.left.pk_text h3 {
width: 405px;
text-align: right;
}
.pk_text h3 { margin-bottom:20px; font-size:24px;}
.right.pk_text h3{ color:#024fb8;}
ul.pk_con li{ height:98px; margin-bottom:78px;}
/*pk end*/
/*banner01*/
#banner01{ width:100%; height:259px; background:url(banner01.jpg) 50% no-repeat;}
.banner01{ width:1180px; height:259px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.tantou1 {
width: 200px;
height: 134px;
position: absolute;
right: 55px;
top: 122px;
}
.tantou1 p{color: #fff;
font-size: 18px;}
.tantou1 h5{ color: #FCF038;
font-size: 24px;
font-weight: 600;}
.btn1 a {
width: 175px;
height: 60px;
text-align: center;
display: block;
line-height: 62px;
font-size: 18px;
}
/*banner01 end*/
/*case*/
#case{ width:100%; height:683px; background:url(case_bg.jpg) 50% no-repeat;}
.case{ width:1180px; height:683px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
#focus_Box{position:relative; width:1180px; height:335px ;margin:67px auto;}
#focus_Box ul{position:relative; width:910px; height:335px; margin:auto;}
#focus_Box li{z-index:0; position:absolute; width:0px; height:0px; top:146px; cursor:pointer; left:377px; border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1);}
#focus_Box li img{width:100%; height:100%;}
#focus_Box li p{position:absolute; right:0; bottom:0px; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,.5); text-align:center;}
#focus_Box li p a{ color:#fff; font-size:14px;}
#focus_Box .prev,#focus_Box .next{display:block; z-index:100; overflow:hidden; cursor:pointer; position:absolute; width:54px; height:53px; top:120px;}
#focus_Box .prev{background:url(btn.png) left bottom no-repeat;left:0px; width:45px; height:100px;}
#focus_Box .next{background:url(btn.png) right bottom no-repeat;right:0px; width:45px; height:100px;}
/*case end*/
/*youshi*/
#youshi{ width:100%; height:1172px; background:url(youshi_bg.jpg) 50% no-repeat;}
.youshi{ width:1180px; height:1172px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.youshi1,.youshi2,.youshi3,.youshi4{ width:400px; height:180px;}
.youshi1{ position: absolute;
left: 58px;
top: 212px;
}
.youshi2{ position: absolute;
left: 802px;
top: 574px;
}
.youshi3{ position: absolute;
left: 58px;
top: 926px;
}
.youshi4{ position: absolute;
left: 802px;
top: 926px;
}
.youshi h3{ margin-bottom:40px;}
.youshi p{ color:#f1f1f1; line-height:26px;}
/*youshi end*/
/*banner02*/
#banner02{ width:100%; height:270px; background:url(banner02.jpg) 50% no-repeat;}
.banner02{ width:1180px; height:270px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.tantou2 {
width: 200px;
position: absolute;
right: 6px;
top: 141px;
}
.tantou2 p{color: #fff;
font-size: 18px;}
.tantou2 h5 {
color: #083A7F;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.btn2 a {
width: 175px;
height: 60px;
text-align: center;
display: block;
line-height: 62px;
font-size: 18px;
}
.liucheng {
margin-top: 193px;
margin-left: 76px;
color: #E4E4E4;
}
/*banner02 end*/
/*client*/
#client{ width:100%; height:630px; background:url(client_bg.jpg) 50% no-repeat;}
.client{ width:1180px; height:630px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.client_img{ width:130px; height:130px; border-radius:50%; overflow:hidden; margin-top:33px; margin-left:42px; transition:all ease 600ms;}
.client_img img{ height:100%; width:auto;}
.client_img:hover{ transform:rotate(15deg);}
.client ul { width:1220px; margin-top:69px;}
.client ul li{ width:570px; height:190px; border-radius:10px; background:#fff; border:3px solid #024fb8; float:left; margin-left:14px; margin-bottom:27px;}
.client_text {
width: 300px;
height: 120px;
overflow: hidden;
margin-top: 47px;
margin-left: 40px;
}
.client_text h4{ line-height:30px;}
.client_text h4 a:hover{ color:#024fb8;}
.client_text p{ height:37px; overflow:hidden; margin-bottom:10px;}
.client_text>a:hover{ text-decoration:underline;}
/*client end*/
/*banner03*/
#banner03{ width:100%; height:182px; background:url(banner03.jpg) 50% no-repeat;}
.banner03{ width:1180px; height:182px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px;
}
.tantou3 {
width: 280px;
position: absolute;
right: 6px;
top: 34px;
}
.tantou3 p{color: #fff;
font-size: 18px;}
.tantou3 h5 {
color: #fff;
font-size: 24px;
font-weight: 600;
}
.btn3 a {
width: 175px;
height: 50px;
display: block;
line-height: 62px;
font-size: 18px; color:#fff;
}
/*banner03 end*/
/*about*/
#about {
width: 100%;
height: 589px;
background: url(about_bg.jpg) 50% no-repeat;
padding-top: 1px;
margin-top: -1px;
}
.about {
width: 1104px;
height: 372px;
position: relative;
padding: 0;
margin: 0 auto;
padding-top: 1px; background:#fff; border:3px solid #024fb8; padding:35px;
}
.about_1{ height:244px; border-bottom:1px #ccc solid; margin-bottom:20px;}
.about_text {
width: 407px;
margin-right: 23px;
border-right: 1px #ccc dashed;
line-height: 28px;
margin-top: 22px;
padding-right: 33px;
}
.about_text h3{ margin-bottom:20px;}
.about_text p{overflow: hidden; height:84px; margin-bottom:20px; }
.about_text a:hover{ text-decoration:underline;}
.about_img{ width:319px; height:219px; margin-right:30px; overflow:hidden;}
.about_img img{ width:100%; height:auto;}
.ryzz{ margin-top:22px; margin-left:87px;}
/*荣誉资质*/
.gd_03{ position:relative; width:128px; height:188px;}
.gd_03 em{
position: absolute;
top: 150px;
}
.gd_03 .t_l {
left: -55px;
top: 66px;
}
.gd_03 .t_r{
right: -55px;
top: 66px;
}
div#simgs03 {
width: 128px !important;
}
.gd_03 #simgs02{ margin:0;}
.gd_03 li{ float:left; width:128px; text-align:center;}
.gd_03 li.last{ padding-right:0;}
.gd_03 li img{ display:block; width:128px; height:188px; margin-bottom:19px;}
.gd_03 li a{ color:#000000;}
.gd_03 .fl { float:left;}
.gd_03 .fr { float:right;}
.gd_03 .pa{ position:absolute;}
.gd_03 .pr{ position:relative}
/*荣誉资质 end*/
/*合作伙伴*/
.hzhb b {
font-size: 29px;
color: #606060;
margin-top: 10px;
}
.gd_01{ position:relative; height:68px; width:960px;}
.gd_01 em{
position: absolute; top:0;
}
.gd_01 .t_l{ left:0px;}
.gd_01 .t_r{ right:0px;}
.gd_01 #simgs{ margin: 0 36px;}
.gd_01 li{ float:left; width:149px; padding: 0 16px 0 0; text-align:center;}
.gd_01 li.last{ padding-right:0;}
.gd_01 li img{ display:block; width:149px; height:68px; margin-bottom:19px; border:1px solid #d3d3d3;}
.gd_01 li a{ color:#000000;}
.gd_01 .fl { float:left;}
.gd_01 .fr { float:right;}
.gd_01 .pa{ position:absolute;}
.gd_01 .pr{ position:relative}
/*合作伙伴 end*/
/*about end*/
.r_more{ font-size:13px; font-weight:100; color:#666; float:right;}
/*news*/
#news{ width:100%; height:638px; background:url(news_bg.jpg) 50% no-repeat;}#news {
width: 100%;
height: 638px;
background: url(news_bg.jpg) 50% no-repeat;
padding-top: 1px;
margin-top: -1px;
}.news {
width: 1180px;
height: 638px;
position: relative;
padding: 0;
margin: 0 auto;
padding-top: 1px;
margin-top: 42px;
}
.news_left {
width: 335px;
float: left;
margin-right: 30px;
}
.m_title {
background-color: #266AD1;
margin-bottom:0px;
color:#fff;
height:41px;
line-height:41px; font-size:16px; padding-left:20px;
}
.m_title a{ font-weight:100; color:#fff;}
.news_box,.cjwt_box {
padding: 20px;
border: 1px #266AD1 solid;
height: 472px;
}
.news_right{ width:335px; float:right;}
.news_bt{ width:335px;line-height:35px; padding-left:20px; float:left; margin-top: 9px;}
.news_bt h4{ color:#333;}
.news_bt a{ color:#266ad1;}
.news_img{ width:335px; height:205px; overflow:hidden; position:relative; float:left;}
.news_img a{ display:block;}
.news_img a img{ width:100%;}
.news_menu>li {
float: left;
padding: 0px 10px;
margin: 3px 10px;
line-height: 35px;
height: 35px;
}
.news_menu>li a{ color:#fff; font-weight:100;}
.news_menu>.selected {
background: #FFFFFF;
font-weight: 400;
}
.news_menu>.selected a {
color: #266AD1;
font-weight: 400;
}
ul.new{ margin-top:25px;}
ul.new li{ line-height:47px; border-bottom:1px dashed #826751;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.new li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.new li::before{ content:"> "}
/************文字滚动************/
.da {
line-height: 24PX;
padding-bottom: 16.5px;
padding-top: 10px;
color: #555;
padding-left: 23px;
}
.wen {
margin-top: 15px;
}
.wen a{ font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.wen::before{ content:url(Q.png); color:#C99968; font-size:18PX; margin-right:5px; margin-top:15px;}
.cjwt { width:420px;}
#ticker2 {
width: 100%;
height: 460px;
overflow: hidden;
position: relative;
margin: 15px 0;
}
#ticker2 li {
position: relative;
width: 100%;
line-height: 22px;
margin: 5px auto;border-bottom:1px dashed #826751;
}
/*news end*/
/*link*/
#link{ width:100%; height:92px; background:url(link_bg.jpg) 50% no-repeat;}
.link{ width:1180px; height:56px; position:relative; padding: 0;
margin: 0 auto;
padding-top: 1px; background:#024fb8;
}
.link b{ font-size:16px; color:#fff; margin-right:20px; line-height:56px; margin-left:30px; }
.link a{ color:#fff; margin:20px; line-height:56px;}
.link a:hover{ text-decoration:underline;}
/*link end*/