@charset "utf-8";

/*标题*/
#heading {padding: 100px 0 30px;}

.heading h2 {
color: #da251e;
font-size: 42px;
}

/*位置链接*/
.position a {
color: #666;
font-size: 14px;
margin: 0 3px;
}

.position a:hover {
color: #da251c;
}

/*标题导航*/
#listnav {
padding-bottom: 60px;
}
.listnav a {
color: #333;
margin-right: 40px;
}
.listnav a:hover,.listnav a.on {
color: #da251c;
}
.listnav a.no {
margin-right: 0px;
}
#search {
padding-bottom: 80px;
}
#search .search {
float: right;
width: 180px;
height: 24px;
border: 1px solid #ccc;
background: #fff;
}

#search .search input.text {
color: #666;
font-size: 12px;
width: 140px;
height: 24px;
line-height: 24px;
padding: 0 5px;
outline: none;
float: left;
background: none;
}

#search .search input.submit {
float: right;
width: 28px;
height: 24px;
cursor: pointer;
outline: none;
border-left: 1px solid #eee;
background:#fff url(../images/icons.png) no-repeat -105px -142px;
}

/*内容*/
#content {padding-bottom: 10px;}

/*关于我们*/
.content .about-con {
float: left;
width: 660px;
}
.content  p {
color: #666;
font-size: 14px;
line-height: 24px;
margin-top: 15px;
}
.content > img {
float: right;
}

/*合作伙伴*/
.links ul li{float: left;width: 280px;height:80px;text-align: center;margin-bottom: 30px;}
.links ul li img {width: 200px;height: 80px;}

/*新闻 产品*/
.news-con ul li {
height: 212px;
margin-bottom: 80px;
position: relative;
}
.news-con ul li .img{
display:block;
float: left;
width: 380px;
height: 212px;
overflow: hidden;
margin-right: 30px;
}
.news-con ul li img,.pro-con ul li img {
width: 100%;
height: 100%;
}
.news-con ul li .txt {
float: left;
width: 790px;
height: 212px;
overflow: hidden;
position: relative;
}

.news-con ul li .txt h4 a,.pro-con ul li .txt h4 a {
color: #333;
font-size: 18px;
}

.news-con ul li .txt h4 a:hover,.pro-con ul li .txt h4 a:hover {
color: #da251c;
}

.news-con ul li .txt p {
color: #333;
font-size: 14px;
line-height: 24px;
margin-top: 20px;
}

.news-con ul li .txt .more {
display: block;
float: left;
width: 140px;
height: 32px;
line-height: 32px;
text-align: center;
border: 1px solid #da251c;
color: #da251c;
font-size: 16px;
margin-top: 20px;
}

.news-con ul li .txt .more:hover,.pro-con ul li .txt .see:hover {
color: #fff;
border: 1px solid #da251c;
background: #da251c;
}

.news-con ul li .txt span {
color: #666;
font-size: 13px;
position: absolute;
bottom: 0px;
left: 0px;
}

.news-con .page,.pro-con .page {
padding-top: 30px;
text-align: center;
}

.news-con .page a,.news-con .page span,.pro-con .page a,.pro-con .page span {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
color: #666;
font-size: 16px;
}

.pro-con .page span.current {
color: #da251c;
}

.news-con .page a:hover,.pro-con .page a:hover {
color: #da251c;
}

/*新闻详情*/
.news-list .listL {
float: left;
width: 900px;
}
.news-list .listL h4.title {
color: #333;
font-size: 24px;
}
.news-list .listL .info {
display: block;
color: #333;
font-size: 14px;
margin-bottom: 20px;
}
.news-list .listL p {
color: #333;
font-size: 14px;
line-height: 26px;
text-indent: 0px;
}
.news-list .listR {
float: right;
width: 270px;
}
.news-list .listR .tuij h4.title,.news-list .listR .zuixin h4.title {
color: #333;
font-size: 16px;
padding-bottom: 5px;
border-bottom: 1px solid #666;
}
.news-list .listR .tuij .newslist {
margin-top: 20px;
position: relative;
overflow: hidden;
}
.news-list .listR .tuij .newslist ul li a img {
width: 270px;
height: 180px;
}
.news-list .listR .tuij .newslist ul li a p {
color: #333;
font-size: 14px;
line-height: 28px;
text-indent: 0px;
}
.news-list .listR .tuij .newslist ul li a span {

color: #666;

font-size: 12px;
}

.news-list .listR .tuij .newslist:hover .arrows {

display: block;

}

.news-list .listR .tuij .newslist a.arrows {

display: none;

width: 40px;

height: 68px;

background: url(../images/arrows_new.png) no-repeat;

opacity: 0.6;

position: absolute;

top: 25%;

}

.news-list .listR .tuij .newslist a.arrows:hover {

opacity: 1;

}

.news-list .listR .tuij .newslist a.prev {

left: 5px;

background-position: -3px 0px;

}

.news-list .listR .tuij .newslist a.next {

right: 5px;

background-position: -57px 0;

}



.news-list .listR .zuixin {

margin-top: 60px;

}

.news-list .listR .zuixin ul {

margin-top: 20px;

}

.news-list .listR .zuixin ul li {

height: 75px;

margin-top: 21px;

}

.news-list .listR .zuixin ul li a img {

float: left;

width: 120px;

height: 75px;

margin-right: 10px;

}

.news-list .listR .zuixin ul li a h4 {

color: #333;

font-size: 14px;

}

.news-list .listR .zuixin ul li a h4:hover {

color: #da251c;

}

.news-list .listR .zuixin ul li a span {

color: #666;

font-size: 12px;

line-height: 26px;

}
.share {margin-top: 20px;}
.content .arrow {display:inline-block;margin-top: 20px;}

.content .arrow a {color: #666;display:block;font-size: 16px;height: 24px;line-height: 24px;margin: 0 0 10px;}

.content .arrow a:hover {color: #da251c;text-decoration: underline;}

/*PRODUCTS*/

.pro-con ul li {
width: 100%;
height: 140px;
margin-bottom: 80px;
}
.pro-con ul li .img {
display: block;
width: 400px;
height: 140px;
float: left;
overflow: hidden;
margin-right: 30px;
}

.pro-con ul li a.img img {
width: 100%;
height: 100%;
}
.pro-con ul li .txt {
float: left;
width: 600px;
height: 140px;
overflow: hidden;
position: relative;
}
.pro-con ul li .txt p {
color: #333;
font-size: 14px;
height: 72px;
line-height: 24px;
margin-top: 10px;
}
.pro-con ul li .txt .see {
display: inline-block;
width: 140px;
height: 32px;
line-height: 32px;
text-align: center;
border: 1px solid #da251c;
color: #da251c;
font-size: 16px;
}

/*产品详情*/
.mod18 {
width: 1200px;
position: relative;
}
.mod18 .picBox {
width: 1200px;
height: 400px;
overflow: hidden;
position: relative;
}
.mod18 .picBox ul.cf {
width: 1200px;
height: 400px;
position: absolute;
}

.mod18 .picBox ul.cf li { 
width: 1200px;
height: 400px;
float: left;
}

.mod18 .picBox ul.cf li img {
width: 100%;
height: 100%;
}

.mod18 .listBox {
width: 1100px;
height: 75px;
margin: 10px auto 0px;
overflow: hidden;
position: relative;
}

.mod18 .listBox ul.cf {
position: absolute;
left: 0;
}

.mod18 .listBox ul.cf li {
width: 220px;
height: 80px;
float: left;
cursor: pointer;
}

.mod18 .listBox ul.cf li img {
width: 218px;
height: 73px;
border-bottom: 1px solid #fff;
}

.mod18 .listBox ul.cf li.on img {
border-bottom: 1px solid #da251c;
}

.mod18 .btn{ 
width: 23px;
height: 43px;
position:absolute;
bottom: 16px;
cursor:pointer;
z-index: 3;
}

.mod18 #prevTop {
left: 1px;
background: url(../images/icons.png) no-repeat 0px -147px;
}

.mod18 #prevTop:hover {
background: url(../images/icons.png) no-repeat -24px -147px;
}

.mod18 #nextTop{ 
right: 1px;
background: url(../images/icons.png) no-repeat -48px -147px;
}

.mod18 #nextTop:hover {
background: url(../images/icons.png) no-repeat -72px -147px;
}


.prolist {

padding-bottom: 100px;

}

.contact_map {

background: url(../images/contact_map.jpg) no-repeat fixed center 66px ;

height: 560px;

overflow: hidden;

}

.proinfo {

width: 100%;

padding: 20px 0;

background: #fff;

}

.proinfo .con {

text-align: left;

}
.proinfo .con p{

/*text-indent:2em;*/

}
.proinfo .con p img{max-width: 1200px;}

.proinfo .con .heading h4.title {

color: #333;

font-size: 40px;

}

.proinfo .con .heading p {

color: #666;

font-size: 14px;

}

.proinfo .con .infocon {

position: relative;

}

.proinfo .con .infocon .left {

position: absolute;

left: 0px;

top: 0px;

}

.proinfo .con .infocon .right {

position: absolute;

right: 0px;

top: 180px;

}





/*服务支持 招聘*/

.recruit-item {

margin-bottom: 20px;

}

.recruit-item h3 {

color: #333;

font-size: 18px;

height: 30px;

line-height: 30px;

padding-left: 25px;

cursor: pointer;

background: url(../images/icons.png) no-repeat left -62px;

}

.recruit-item h3.on {

background: url(../images/icons.png) no-repeat left -109px;

}

.recruit-item .recruit-box {

display: none;

padding: 10px 20px;

padding-left: 30px;

}

.recruit-item .recruit-box p {

color: #333;

font-size: 14px;

text-indent: 1em;

line-height: 26px;

}

.recruit-item .recruit-box p.tit {

text-indent: 0;

background: none;

}



/*CONTACT*/

.contact-con .con_info {

float: left;

}

.contact-con .con_info p {

color: #333;

font-size: 14px;

line-height: 28px;

}

.contact-con .map {

float: right;

}

.contact-con .liuyan {
margin-top: 30px;
position: relative;
}

.contact-con .liuyan .txt {

width: 588px;

height: 38px;

border: 1px solid #bbb;

margin: 10px 0;

}

.contact-con .liuyan .txt input {

color: #666;

font-size: 14px;

width: 580px;

height: 38px;

line-height: 38px;

padding: 0 4px;

background: none;

}

.contact-con .liuyan .text {

width: 588px;

height: 138px;

border: 1px solid #bbb;

position: absolute;

right: 0px;

top: 0px;

}

.contact-con .liuyan .text textarea {

color: #666;

font-size: 14px;

width: 580px;

height: 130px;

padding: 4px;

font-family: Helvetica;

background: none;

resize: none;

}

.contact-con .liuyan .all_dl {

float: right;

color: #da251c;

font-size: 14px;

width: 86px;

height: 34px;

margin-top: 20px;

cursor: pointer;

border:1px solid #da251c;

background: none;

}
.contact-con .liuyan .all_dl:hover {
color: #fff;
background: #da251c;
}
/*add by blues*/
.product_info{list-style: none;padding: 0px;margin: 10px 0;text-align: left;}
.product_info li {line-height: 24px;padding-bottom: 12px;}

.blue_foot{width: 100%;min-width: 1180px;position: fixed;bottom: 0px;z-index: 8;}
.f_nav {
    width: 100%;
    min-width: 1000px;
    margin: 0px auto;
    padding:35px 0 10px 0;
    text-align: center;
    background: #1f1f1f;
}
.f_nav a, .f_nav span {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    margin: 0 20px;
    text-decoration: none;
}
.bq_bg {
    width: 100%;
    min-width: 1180px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #1f1f1f;
}
.bq {
    width: 1100px;
    margin: 0px auto;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    color: #fff;
}