@import url("base.css");
.foot{ margin-top: 30px; }
/*******二级页面banner样式******/
.banner{ width: 100%; height: 440px; background: url(../images/banner-sem.jpg) no-repeat center center; }
.box-public .tit { height: 80px; font-size: 16px; text-transform: uppercase; text-align: center; }
.box-public .tit b { display: block; height: 45px; line-height: 45px; text-transform: uppercase;font-size: 30px;  }
.box-public .tit span {color: #999; margin: 5px 0;text-transform:uppercase; }
.box-public .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: 310px; float: right; }
.side .temp { padding: 20px;border: 1px solid #f0f0f0; }
.side .temp .tit { height: 40px;  border-bottom: 1px solid #f0f0f0; position: relative; }
.side .temp .tit:before{ content: '';position: absolute;left: -21px;top: 2px;width: 3px;height: 21px;background: #ff9900 }
.side .temp .tit b { font-size: 18px; color: #ff9900; font-weight: normal;  margin: 0; width: 150px; float: left; }
.side .temp-cate .con { padding: 10px; }
.side .temp-cate .con a {transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;border-radius: 3px;
color: #535353;display: inline-block;font-size: 14px;background: #f6f6f6;padding: 10px 33px;}
.side .temp-cate .con a.on,.side .temp-cate .con a:hover {color: #fff;background: #e75c1e; }


.side .temp-news .con { padding: 10px 0; }
.side .temp-news .con li { line-height: 25px;}
.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: #c84537; }
.side .temp-news .con li a { padding: 0; margin: 0; font-size: 14px; width: 100%; color: #555;  display: block;  height: 25px; line-height: 25px; position: relative; }
.side .temp-news .con li a:before {content: '';width: 7px;height: 3px;position: absolute;background: #f3ad8e;left: -21px;top: 12px;}
.side .temp-news .con li p {font-size: 14px;color: #999;line-height: 23px;margin: 10px 0 30px;overflow: hidden;}



.content { width: 830px; padding:20px; border: 1px solid #f0f0f0; float: left; }
.position { height: 45px; line-height: 45px; border-bottom: 1px solid #eee; }
.position b { font-size: 16px; padding-left: 10px; color: #666; font-weight: normal; border-left: 4px solid #ff9900; 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; }
ul.case-list li .more{ color: #ff9900; margin-left: 5px; }

.box-list{ width: 870px; float: left;}
.list li { width: 870px; height: 150px; background: #fff; padding: 30px 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; font-size: 22px; }
.list li .txt .title:hover{ color: #ff9900 }
.list li .txt p { height: 75px; overflow: hidden; line-height: 22px; color: #999; font-size: 14px; margin-top: 10px; }
.list li .txt .more { color: #ff9900; margin-left: 5px;}
.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 .desc{padding: 15px 10px;background-color: #E5E5E5;line-height: 28px;color: #626262;margin-bottom: 20px;}

.content .pro_intro{ width:100%; height:364px; margin-top:20px;}

.content .pro_intro .litpic{ width:445px; height:364px; float:left;}
.content .pro_intro .litpic img{width:445px; height:364px;}
.content .pro_intro .intro{ float:right; width:400px}
.content .pro_intro .title{ text-align:left; padding:0}
.content .pro_intro .intro .tel{ color:#cd1726; font-size:30px; line-height:37px; font-weight:bold; margin:40px 0 30px 0; padding-left:55px; background:url(../images/icon_400.jpg) no-repeat 0 center;}
.content .pro_intro .intro .tel i{ font-size:60px; float:left;}
.content .pro_intro .intro .qq { margin:30px 0;}
.content .pro_intro .intro .qq a{ display:inline-block; width:250px; height:50px; background:#cd1726; color:#fff; font-size:18px; text-align:center; line-height:50px; }
.content .tit{ border-bottom:2px solid #eee; height:40px; line-height:40px; margin-top:20px;}
.content .tit b{ display:block; float:left; font-size:18px; border-bottom:2px solid #cd1726}

.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_arrow.jpg) no-repeat center;color: #fff;}
.content .con { line-height: 25px; }

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

.content .body{ height: 350px; margin-top: 30px; }
.content .body .pic{ width: 410px; height: 340px; border: 1px solid #eee; float: left; text-align: center; }
.content .body .pic img{ width: auto; max-width: 410px; height: auto; max-height: 340px; }
.content .body .info{ width:430px; float: right; height: 340px; overflow: hidden; text-align: left; border-bottom: none;  }
.content .body .info p{color: #666}
.content .body .info p span{ display: inline-block; width: 120px; }
.content .body .info .equiry_tel{ width: 430px;height: 40px;margin-top: 20px;background: url(../images/tel.jpg) right no-repeat;}
.content .body .info .title{ color: #333; font-weight: normal; text-align: left; margin: 0; padding: 0; line-height: 38px; }
/***分页样式***/
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: #c84537; border-color: #c84537; color: #fff; }
.pagelist .thisclass{ border: 1px solid #eee; padding: 3px 14px; font-size: 14px; _padding: 3px 10px; }
/***其他样式***/
.autoshare{ margin-top: 20px; }
.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; }
.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;}