@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: 2em;
}
.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 {/*width: 270px;*/margin-top: 20px;}

.content .arrow a {color: #666;display:block;font-size: 16px;/*width: 380px;*/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: 98px;

   margin: 10px auto 0px;

   overflow: hidden;

   position: relative;

}

.mod18 .listBox ul.cf {

   position: absolute;

   left: 0;

}

.mod18 .listBox ul.cf li {

   float: left;

   cursor: pointer;

}

.mod18 .listBox ul.cf li img {

   width: 206px;

   height: 90px;

   margin-right: 15px;

   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: 25px;

   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;
   outline: 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;
}