/*全局样式*/
body{padding:0;margin:0;font-size:14px;font-family:微软雅黑;color: #272727;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0;border: 0;}
ul{list-style:none;}
a{text-decoration: none;color: #000;}
input{border: 0;padding: 0;}
i,em{font-style: normal;}
img{max-width: 100%;height: auto;display: block;}
/*去掉 input 默认边框*/
input{outline:none;border:0;font-family: 微软雅黑;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;font-family: 微软雅黑;}
/*清除浮动*/
.clearfloat{border:0px;clear:both;height:0px;font-size:0px;line-height:0px;}
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决ie/firefox 浏览器中，点击一个链接后有一个虚线边框的问题*/
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　
a:focus{-moz-outline-style: none;} /* IE不支持 */ 
a:focus{outline:none;-moz-outline:none;}
/*解决chrome 浏览器，当文本框，多行文本获得焦点的时候，会有一个边框的问题*/
input,textarea{outline:none;}

/*head*/
#head_con{position: relative; width: 1002px; height: 102px; margin: 0 auto; }
#head_con a.logo{float: left; margin-top: 45px; width: 200px; }
#head_con .phone{position: absolute; top: 17px; right: 170px; }
#head_con .phone img{float: left; width: 25px; height: 25px; }
#head_con .phone span{float: left; margin-left: 8px; font-size: 24px;line-height: 25px; font-weight: bold; color: #d40000; }
#head_con .search{position: absolute; top: 14px; right: 0; width: 132px; height: 24px; border: 1px solid #ae2940; border-radius: 12px; }
#head_con .search img{float: left; width: 12px; height: 12px; margin-top: 6px; margin-left: 9px; }
#head_con .search input{float: left;width: 55px;padding-left: 5px;line-height: 24px;}
#head_con .search button{float: left;line-height: 24px;color: #ae2940; background: transparent;cursor: pointer;}
/*一级导航*/
.nav{position: absolute; bottom: 0; right: -42px; height: 64px; }
.nav > li{position: relative; float: left; margin-right: 35px; z-index: 10; }
.nav > li > a{display: block; padding: 0 5px; font-size: 14px; line-height: 62px; }
.nav > li:hover > a{border-bottom: 2px solid #d4040e; }
.nav > li > a.active{border-bottom: 2px solid #d4040e; } 
/*二级导航*/
.sub_nav{position: absolute; left: -12px; top: 64px; width: 90px; background-color: rgba(0,0,0,.5); display: none;}
.sub_nav li{border-bottom: 1px solid #595959; }
.sub_nav li a{display: block; padding: 0 5px; font-size: 12px; line-height: 40px; text-align: center;color: #fff;}
.sub_nav li a:hover{color: #c60211; }
/*head结束*/

/*banner*/
#banner{width: 100%;}
.banner_con{position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
/*轮播banner图横向排列*/
.banner_con .img_list{position: relative; min-width: 4000px; overflow: hidden; }
.banner_con .img_list li{float: left; }
.banner_con .img_list li a{display: block; }
.banner_con .prev{position: absolute; left: 0; top: 50%; margin-top: -35px; width: 35px; height: 70px; background-color: rgba(0,0,0,.5); cursor: pointer; display: none;	/*默认隐藏*/ }
.banner_con .prev a{display: block; width: 10px; height: 11px; margin-top: 30px; margin-left: 10px; }
.banner_con .next{position: absolute; right: 0; top: 50%; margin-top: -35px; width: 35px; height: 70px; background-color: rgba(0,0,0,.5); cursor: pointer; display: none;	/*默认隐藏*/ }
.banner_con .next a{display: block; width: 10px; height: 11px; margin-top: 30px; margin-left: 15px; } 
/*banner结束*/

/*footer*/
#footer{width: 100%; height: 101px; background-color: #434343; }
#footer .ftr_nav{width: 240px; margin: 0 auto; padding-top: 30px; overflow: hidden; }
#footer .ftr_nav li{float: left; padding: 0 12px; border-right: 1px solid #999; }
#footer .ftr_nav li:last-child{border-right: 0; }
#footer .ftr_nav li a{color: #999; }
#footer .ftr_nav li a:hover{color: #c60211; }
#footer p{margin-top: 5px; text-align: center; color: #999;}
#footer p a{color: #999;}
#footer p a:hover{text-decoration: underline;}
/*footer结束*/

/*内页公共部分*/
#content{width: 1002px; margin: 0 auto; padding-top: 30px; overflow: hidden;}
/*左侧*/
.conL{float: left; width: 195px; }
.conL h1{font-size: 16px; padding-left: 29px; font-weight: normal; line-height: 50px; background-color: #d4040e; color: #ffffff; }
.conL h1 div{float: right; margin-right: 39px; margin-top: 18px; width: 14px; height: 14px; background-color: #ffffff; border-radius: 50%; }
.conL h1 div span{float: left; margin-left: 5px; margin-top: 3px; width: 0; height: 0; border: 4px solid transparent; border-left: 6px solid #d4040e; }
.conL .menu{border: 2px solid #d4040e;}
.conL .menu li{font-size: 16px;font-weight: normal;line-height: 50px;border-bottom: 1px solid #d4040e;}
.conL .menu li a{display: block; width: 164px; height: 50px; padding-left: 29px; }
.conL .menu li.menu_on a,.conL .menu li a:hover{color: #d4040e; }
.conL h2{height: 33px;margin-top: 42px;font-size: 16px;color: #666666;}
.conL h2 span{margin-left: 5px;font-size: 18px;color: #dcdcdc;}
.conL > img{width: 100%;}
.conL .call{margin-top: 10px; overflow: hidden;}
.conL .call img{float: left; margin: 2px 0 0 2px; width: 20px; height: 17px; }
.conL .call span{float: left; margin-left: 10px; font-size: 16px; font-weight: bold; color: #d4040e;}
.conL .addr{margin-top: 5px;color: #d4040e;}
/*左侧结束*/
/*右侧*/
.conR{float: right;width: 752px;min-height: 800px;padding-bottom: 50px;}
.conR .tit{position: relative;height: 31px; border-bottom: 1px solid #e6e6e6;}
.conR .tit em{position: absolute;top: 1px;padding-bottom: 8px; font-size: 16px; color: #666666; border-bottom: 2px solid #d4040e;}
.conR .tit .loca{float: right;margin-top: 3px;font-size: 12px; color: #666666;}
.conR .tit .loca span{float: left;}
.conR .tit .loca ul{float: left;}
.conR .tit .loca ul li{float: left;}
.conR .tit .loca ul li a{color: #666666;}
.conR .tit .loca ul li a:hover{color: #d4040e;}
.conR .paging{float: left; margin-top: 37px; margin-left: 337px; margin-bottom: 18px;}
.conR .paging li{float: left; margin-right: 10px;}
.conR .paging li a{display: block; width: 18px; height: 18px; border: 1px solid #999; text-align: center; line-height: 18px; color: #999;}
.conR .paging li a:hover{color: #d4040e; border: 1px solid #d4040e;}
.conR .paging li .on{color: #d4040e; border: 1px solid #d4040e;}
/*右侧结束*/
/*内页公共部分结束*/

/*about页*/
.conR .show_tit{margin-top: 40px; width: 100%; height: 165px; }
.conR .show_tit i{float: left; width: 525px; height: 165px; }
.conR .show_tit i img{width: 100%;height: 100%;}
.conR .show_tit div{float: right; width: 205px; height: 165px; padding-left: 15px; background-color: #b4b4b4; color: #ffffff; }
.conR .show_tit div h3{margin-top: 30px;padding-bottom: 10px;font-weight: normal;position: relative;}
.conR .show_tit div h3:after{content: "";position: absolute;left: 0;bottom: 0px;width: 25px;height: 2px;background: #fff;}
.conR .show_tit div p{margin-top: 35px;font-size: 12px;line-height: 14px;}
.conR > h5{margin-top: 50px;font-size: 14px;font-weight: normal;color: #666;}
.conR > p{margin-top: 20px;color: #666;line-height: 24px;}
.conR > img{width: 100%;margin: 50px 0;}
/*about页结束*/

/*news页*/
.conR .news_tit{margin-top: 40px; width: 100%; height: 165px;}
.conR .news_tit i{float: left; width: 251px; height: 165px;}
.conR .news_tit div{position: relative; float: right; width: 463px; height: 165px;}
.conR .news_tit div span{font-size: 16px; font-weight: bold; color: #d4040e;}
.conR .news_tit div p{margin-top: 22px; line-height: 24px; color: #595959;}
.conR .news_tit div a{position: absolute; left: 0; bottom: 0; color: #d4040e;}
.conR .news_list{margin-top: 28px;}
.conR .news_list li{height: 50px;line-height: 50px;border-bottom: 1px dashed #999;}
.conR .news_list li a{float: left;width: 650px;color: #595959;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.3s ease;}
.conR .news_list li span{float: right;color: #6f6f6f;}
.conR .news_list li:hover a{text-indent: 1em;color: #d4040e;}
.conR .news_list li:hover span{color: #d4040e;}
/*news页结束*/

/*news details页*/
.conR .news_con{margin-top: 40px;}
.conR .news_con h2{text-align: center;font-size: 16px;}
.conR .news_con .record{margin-top: 20px;text-align: center;color: #999;}
.conR .news_con .record em{margin-left: 50px;}
.conR .news_con .text{margin-top: 40px;width: 100%;}
.conR .news_con .text p{margin-bottom: 20px;color: #666;line-height: 24px;}
.conR .news_con .text img{margin: 50px auto;}
/*news details页结束*/

/*product页*/
.conR .pro_list{width: 780px; margin-top: 40px;}
.conR .pro_list li{position: relative;float: left;width: 235px;height: 190px;margin-right: 25px;margin-bottom: 26px;overflow: hidden;}
.conR .pro_list li img{width: 100%;height: 100%;transition: all 0.3s ease;}
.conR .pro_list li .more{position: absolute;left: 0;bottom: 0;width: 95%;height: 0px;padding-left: 5%;background: rgba(0,0,0,.6);font-size: 16px;color: #fff;line-height: 64px;transition: all 0.3s ease;}
.conR .pro_list li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.conR .pro_list li:hover .more{height: 64px;}
/*product页结束*/

/*contact_us页*/
.conR iframe{width: 100%;height: 450px;margin-top: 30px;}
.conR .addr{margin-top: 30px;}
.conR .addr p{line-height: 24px;}
/*contact_us页结束*/