@import url("base.css");
.foot{ margin-top: 30px; }
/*******二级页面banner样式******/

.public_box .tit { height: 80px; font-size: 16px; text-transform: uppercase; text-align: center; }
.public_box .tit b { display: block; height: 45px; line-height: 45px; text-transform: uppercase;font-size: 30px;  }
.public_box .tit span {color: #999; margin: 5px 0;text-transform:uppercase; }
.public_box .tit i { display: block; width:220px; height: 11px; margin: 10px auto; background: url(../images/tit-icon.png) no-repeat center }



.box-cate{ height: auto; padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 20px; text-align: center; }
.box-cate a{ display:inline-block; height: 35px; line-height: 35px; padding: 10px 15px; margin: 0 10px 10px 0;  background: #ddd; font-size: 16px; text-align: center; position: relative; }
.box-cate a.on,.box-cate a:hover{ background: #de0b19;color: #fff;  }
.box-cate a.on:after,.box-cate a:hover:after{ content: ' '; width: 0; height: 0; position: absolute; left: 50%; margin-left: -5px; bottom: 0; margin-bottom: -10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #de0b19; }


.side { width: 300px; }
.side .temp { background: #f6f6f6 }
.side .temp .tit { color: #fff;
    background: #007fbc;
    width: 100%;
    border-bottom: 10px solid #fff;
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
.side .temp .tit b { }
.side .temp_sort .con {     border: 1px solid #ececec;
    background: #f5f5f5;
    padding: 20px 25px 20px;}
.side .temp_sort .con h3 {
    border-bottom: 1px solid #e6e6e6;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    font-weight: normal;
}
.side .temp_sort .con a { display: block; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/side-news-ico.jpg) no-repeat left center;
    height: 40px;
    line-height: 40px;
    padding-left: 22px;
    font-size: 14px;
    color: #777;border-bottom: 1px solid #e6e6e6; }
.side .temp_sort .con a:hover { color: #007fbc }

.side .temp_news {border: 1px solid #ececec;
    background: #f5f5f5;
    padding: 20px 25px 20px;}
.side .temp_news h3 {
    border-bottom: 1px solid #e6e6e6;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    font-weight: normal;
}
.side .temp_news .con { }


.side .temp_news .con li { height: 35px; line-height: 35px; overflow: hidden;border-bottom: 1px solid #e6e6e6; padding: 5px 0; }
.side .temp_news .con li i { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; margin-top: 5px; float: left; color: #fff; font-size: 12px; background: #007fbc; }
.side .temp_news .con li a { font-size: 14px; width: 210px; color: #555; padding-left: 10px; display: inline-block; float: left; height: 35px; overflow: hidden }

.side .temp_top a{ display: block; position: relative; }
.side .temp_top a img{display: block; width: 100%; height: auto;}
.side .temp_top a span{ display: block; position: absolute; bottom: 0; z-index: 1; width: 100%; height: 30px; line-height: 30px; background: rgba(255,255,255,0.5); text-align: center; overflow: hidden; }


.side .temp_contact {background: #fff;}
.side .temp_contact .con{border: 1px solid #ececec; padding: 10px; }
.side .temp_contact img{ width: 100%; height: auto; position: relative; }
.side .temp_contact h2{ color: #007fbc; text-align: center; border-bottom: 1px solid #ddd; margin:10px 0; padding-bottom: 10px; font-size: 30px; }
.side .temp_contact p{ line-height: 25px; color: #666 }
.side .temp_contact p span{ color: #333 }



.content { width: 870px; }
.position { height: 45px; border-bottom: 1px solid #eee; }
.position b { font-size: 16px; padding-left: 10px; color: #666; font-weight: normal; border-left: 4px solid #007fbc; margin: 12px 0 0 0; height: 20px; line-height: 20px; width: auto; float: left; }
.position b strong{ font-weight:bold;}


ul.case-list{ width: 1225px; }
ul.case-list li{ width:355px; height: 310px; padding: 12px; border: 2px solid #eee; float: left; margin: 10px 25px 20px 0; }
ul.case-list li img{width:355px; height: 220px; }
ul.case-list li .title{ font-size: 18px; color: #000; text-align: center; display:block; padding: 10px 0;}
ul.case-list li p{ color: #666; height: 40px; line-height: 20px; overflow: hidden; }

.list li { width: 870px; height: 150px; background: #fff; padding: 15px 0; position: relative; border-bottom: 1px solid #efefef; }
.list li .litpic { float: left; width: 220px; height: 150px; overflow: hidden; position: relative; }
.list li .litpic img { width: 220px; height: 150px; }
.list li .txt { float: right; width: 630px; position: relative; }
.list li .txt .title { width: 100%; height: 20px; overflow: hidden; line-height: 20px; margin-bottom: 15px; }
.list li .txt p { height: 75px; overflow: hidden; line-height: 22px; color: #999; font-size: 12px; margin-top: 10px; }
.list li .txt .more { }
.content .title { font-size: 20px; text-align: center; line-height: 40px; padding: 10px 0 }
.content .info { text-align: center; line-height: 35px; border-bottom: 1px solid #ddd; color: #999; margin-bottom: 20px; }
.content .info span { margin: 0 5px }


.content .con img{ max-width:870px;}
.box .con img{ max-width: 1200px; width: auto; }
.content .con iframe,.content .con embed{ width: 100%; height: 550px; }



.product-info{ margin-top: 40px; }
.product-info .litpic{ width: 360px; height: 300px; border: 1px solid #ddd; text-align: center; line-height: 300px; margin-right: 30px; }
.product-info .litpic img{ display: block; width: auto; height: 300px; margin: 0 auto }
.product-info h2.title{  text-align: left; color: #333; font-weight: normal; }
.product-info .info{text-align: left; line-height: 25px; border: none; }
.product-info .autoshare{ margin-top: 10px; }
.product-info .equiry-tel{ width: 100%;height: 40px;margin-top: 20px;background: url(../images/tel.jpg) right no-repeat;}


.content .detail-tit{  background: url(../images/product_title_bg.jpg) repeat-x top;height: 46px; line-height: 36px; margin-top: 30px;}
.content .detail-tit b{display: block;height: 46px;width: 215px;border-right: 1px solid #fff;float: left;text-align: center;font-weight: bold;cursor: pointer; background: url(../images/product_title_arrow.jpg) no-repeat center;color: #fff;}
.content .con { line-height: 25px; margin-top: 20px; }
/***分页样式***/
ul.pagelist { text-align: center; height: auto; width: auto; margin: 20px; }
ul.pagelist li { padding: 0; margin: 0; display: inline-block; margin-right: 4px; line-height: 30px; height: auto; width: auto; border: none; background: none; }
ul.pagelist a, .pagelist .pageinfo { border: 1px solid #eee; padding: 8px 14px; font-size: 14px; _padding: 5px 10px; font-weight: normal; overflow: hidden; overflow: hidden; height: auto; width: auto; }
ul.pagelist a:hover, .pagelist .thisclass a, .pagelist .active,.pagelist .thisclass { background: #007fbc; border-color: #007fbc; color: #fff; }
.pagelist .thisclass{ border: 1px solid #eee; padding: 3px 14px; font-size: 14px; _padding: 3px 10px; }
/***其他样式***/
.autoshare .bdshare-button-style0-16 a { background-image: url(../images/share_icon.png); height: 20px; line-height: 20px; padding-left: 22px; }
.autoshare .bdshare-button-style0-16 .bds_more { background: none; padding: 0; }
.autoshare .bdshare-button-style0-16 a { margin-right: 10px; }
.con .tag { padding-left: 2px; line-height: 40px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.con .tag a { padding-right: 10px; }
.tags_list dd { padding: 0; margin: 0; }
.context { padding: 10px 0; line-height: 30px; }
.subform { padding: 20px; height: auto; margin-top: 0px; border: 1px solid #eee; font-size: 14px; }
.subform div { display: block; margin-bottom: 10px; }
.subform span { margin-right: 10px; float: left; }
.subform span i { color: #F00 }
.subform .intxt { width: 250px; height: 20px; line-height: 20px; outline: none; border: 1px solid #ddd; padding: 5px; font-size: 14px; }
.subform .question span { line-height: 75px; }
.subform .question textarea { width: 450px; padding: 5px; color: #ee2f72; margin-top: 10px; height: 75px; line-height: 25px; }
.subform .submit_btn { cursor: pointer; width: 160px; height: 40px; line-height: 40px; border: none; background: #900; color: #fff; font-size: 16px; font-family: "微软雅黑"; margin-left: 86px; margin-top: 10px; }
.ask_title { font-size: 16px; height: 30px; line-height: 30px; font-weight: bold; margin: 0; background: #eee; padding: 5px 10px; }
/***相关内容样式***/
.recommend { overflow: hidden; background: #f3f3f3; padding: 0px; margin: auto; }
.recommend .title { width: auto;  height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; background: #fff; color: #3f484f; border-bottom: 1px solid #cdcdcd; text-align: left; }
.recommend .title b { border: none; }
.recommend .title a { color: #3f484f; }
.recommend .list, .recommend .listtext { width: auto; padding-top: 4px; background: #fff; line-height: 25px; }
.recommend .list p { display: inline; float: left; width: 190px; height: 215px; float: left; margin: 0 18px; text-align: center; }
.recommend .list .img { width: 190px; height: 190px; text-align: center; overflow: hidden; border: 1px solid #ddd; padding: 1px; display: block; display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center;         /* 针对IE的Hack */ *display: block;
 *font-size: 131px;/*约为高度的0.873，200*0.873 约为175*/
 *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.recommend .list .img img { margin: 0 auto; display: block; max-width: 190px; height: 190px; vertical-align: middle; }
.recommend .list .text { width: 100%; height: 30px; line-height: 25px; }
.recommend .listtext a { display: inline; float: left; width: 100%; height: 30px; line-height: 30px; overflow: hidden; float: left; text-align: left; }
.recommend .listtext i { display: inline-block; content: " "; width: 5px; height: 5px; border-radius: 50%; background: #a0a0a0; margin-right: 5px; float: left; margin-top:13px;}
/**其他样式**/
.kf_bdd { background: url(../images/kf_bj.jpg) no-repeat; width: 155px; height: 277px; padding-top: 188px; position: fixed; right: 1px; top: 50%; margin-top: -232px; z-index: 999 }
.kf_bdd a { display: block; margin-top: 1px; width: 140px; height: 28px; overflow: hidden; text-indent: -999px; }
/*tags&&网站地图&*/
.share { line-height: 16px; display: block; width: 100%; height: 30px; }
.con .tags_list { padding-left: 2px; line-height: 40px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.con .tags_list a { padding-right: 10px; }
.tags_list dd { padding: 0; margin: 0; }
.context { font-size: 15px; }
.box_map .con { padding: 10px; }
.linkbox { border-bottom: 1px dashed #ddd; width: 100%; float: left; line-height: 30px; margin-bottom: 20px; }
.linkbox h3 { width: 10%; float: left; }
.linkbox h3, .linkbox h3 a { font-size: 14px; color: #0a4797; font-weight: bold; }
.linkbox ul { width: 90%; float: left; }
.linkbox ul li { float: left; height: 30px; margin-right: 15px; }


/***联系我们样式***/
.contact_box .con{ width:100%; margin-top:30px;}
.contact_box .con p{ display:block; width:315px; float:left; margin-right:27px; text-align:center; line-height:30px; background:#faf8f8; padding-bottom:10px;}
.contact_box .con p b{ display:block; font-size:15px; margin-top:10px;}

.message_box .con{ width:100%;margin:50px auto; overflow:hidden;}
.message_box .con .intxt{ background:#f7f8fa; border:none; padding:10px;outline:none; border-radius:5px;}
.message_box .con .input{ height:40px; line-height:40px; margin-bottom:30px; width:850px; }
.message_box .con .input .intxt{ width:540px; height:20px; line-height:20px; float:left; border:1px solid #ddd}
.message_box .con .area .intxt{ width:780px; height:125px; line-height:25px;border:1px solid #ddd}
.submit_btn{display:block; margin:0 auto; width:300px; text-align:center; height:56px; line-height:56px; border-radius:10px; background:#cd1726; font-size:20px; color:#fff; border:none; margin-top:40px; cursor:pointer; font-family: "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif; outline:none;}
.submit_btn:hover{ background:#ac1421;}