@charset "utf-8";
/* ============================================================ web css reset  ============================================================ */
* { margin:0 auto;}
body {  color:#313131; font-size:12px; font-family:"微软雅黑",Arial Narrow,arial,serif; background:url(images/beijing_tj2.jpg) repeat-y center;}
ul,li,dl,dt,dd,h3,p,h4,h1,h2 { margin:0; padding:0; list-style:none;}
img { border:0;}
a:link, a:visited { color:#31313b; text-decoration:none;outline:0 none;}
a:hover { color:#ff6600; text-decoration:none;}
a.blue:link, a.blue:visited { color:#005ea7; text-decoration:none;outline:0 none;}
a.blue:hover {text-decoration:underline;}
a.red:link, a.red:visited { color:#C60707; text-decoration:none;outline:0 none;}
a.red:hover {color:#ff6600; text-decoration:none;}
.red { color:#C60707;}
.clear { clear:both; width:100%; height:0px; overflow:hidden;}
.hight { width:100px; height:10px; overflow:hidden;}
input,select,button{font:12px Verdana,Arial,Tahoma; vertical-align:middle; padding:0; margin:0;}
input:focus {outline: none}
em,i{font-style:normal}
.fl { float:left;}
.fr { float:right;}
.hidden { display:none;}
.text_fr { text-align:right;}
.center { text-align:center;}

/*首页*/
.header_top_bg { width:100%; min-width:1000px; overflow:hidden; height:40px; background:#000000;}
.header_top { width:1000px; height:40px; line-height:40px; color:#FFFFFF;}
.header_top p { float:left;}
.header_tel { font-size:16px;}
.header_tel span { float:right; background:url(images/logo_ph.png) no-repeat 0 0; padding-left:25px; margin-left:10px; display:inline;}
.header_bg { width:100%; min-width:1000px; height:110px; overflow:hidden; background:url(images/logo_beijing.jpg) no-repeat top center; border-bottom:1px solid #cccccc;}
.header { width:1000px; height:100px;  margin:0 auto;}
.header h1 { float:left; width:270px; height:67px; margin-top:17px;}
.nav { float:right; width:700px; height:40px; overflow:hidden; margin-top:40px;}
.nav li { float:left; width:120px; height:40px; text-align:center; font-size:16px;}
.nav li em,.nav li a { display:block; width:110px; height:40px; line-height:40px; cursor:pointer;}
.nav li a { color:#C60707;}
.nav li.hover em { display:none;}

/*banner*/
.z_banner{ width:100%;   min-width:1000px;  position:relative;  height:550px;  }	
.z_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.z_banner .bd ul{ width:100% !important;  }	
.z_banner .bd li{ width:100% !important;  height:550px; overflow:hidden; text-align:center;  }	
.z_banner .bd li img { height:550px;}
.z_banner .bd li a{ display:block; height:550px; }	
.z_banner .hd{ width:100%;  position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px; text-align:center;/* background:#000000;filter:alpha(opacity=60); -moz-opacity:0.6;opacity: 0.6;*/}	
.z_banner .hd ul{ text-align:center;  padding-top:2px;  }	
.z_banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:18px; margin:5px; background:url(images/banner.png) 0 -26px; overflow:hidden; 		line-height:9999px; 	}	
.z_banner .hd ul .on{ background-position:0 0; }


/*case*/
.z_case { width:1000px; overflow:hidden; margin:30px auto;}
.title { width:1000px; height:40px; line-height:40px; text-align:center; margin:20px auto 30px auto;}
.title p { color:#000000; font-size:30px;}
.title p span { color:#C60707;}
.case_main { width:1000px; overflow:hidden; margin:0 auto;}
.case_list { width:1050px; overflow:hidden;}
.case_list li{float:left; width:300px; height:200px; overflow:hidden; margin:30px auto; margin-right:50px; display:inline; position:relative}
.case_list li img{ display:block; width:300px; height:200px;}
.case_list li p { width:300px; height:40px; line-height:40px; background:url(images/case_bg.png) repeat; position:absolute; left:0; top:200px;}
.case_list li p a { display:block; width:300px; height:40px; font-size:14px; color:#FFFFFF; text-align:center;}

/*why*/
.box_bg { width:100%; min-width:1000px; overflow:hidden; background:url(images/beijing_tj4.jpg) repeat center; border-bottom:1px solid #CBCBCB; border-top:1px solid #CBCBCB; padding:30px 0;}
.index2 { width:1000px; margin:0 auto; overflow:hidden}

.index2_ul{ width:1000px; margin:30px auto; overflow:hidden; text-align:center;}
.index2_ul li{ display:inline-block; width:160px; font-size:14px; margin:15px 15px; text-align:center;}
.index2_ul li a{ width:165px; height:173px; display:block; background:url(images/index2.png) no-repeat;}
.index2_ul li a.index2_p1{ background-position:0 0}
.index2_ul li a.index2_p2{ background-position:-180px 0}
.index2_ul li a.index2_p3{ background-position:-360px 0}
.index2_ul li a.index2_p4{ background-position:-540px 0}
.index2_ul li a.index2_p5{ background-position:-720px 0}
.index2_ul li b{ font-size:16px; display:block; width:100%; clear:both; margin:10px auto;}
.index2_ul li p{ color:#8f8f8f; line-height:20px;}


/*product*/
.z_product { width:1000px; overflow:hidden;}
.pro_list{ width:1000px; margin:50px auto 30px auto; overflow:hidden;}
.pro_list li{ float:left; width:200px; height:200px; text-align:center; font-size:14px; line-height:24px; color:#8f8f8f; overflow:hidden;}
.pro_bg{ background:url('images/cpabg2.png') no-repeat; width:105px; height:110px; display:block; margin:0 auto 15px; text-align:center;}
/*.pro_bg:hover{ background:url('images/cpabg2.png') no-repeat;}*/
.pro_list li span{ color:#cd2828;}

/*news*/
.z_news { width:1000px; overflow:hidden; margin:30px auto;}
.news_main { width:1100px;overflow:hidden; margin:0 auto;}
.news_in { float:left; width:320px; overflow:hidden; margin-right:20px; display:inline;}
.news_title { width:320px; height:40px; line-height:40px;}
.news_title p { float:left; font-size:16px; color:#000000;}
.news_title a { float:right; color:#999999;}
.news_title a:hover { color:#C60707;}

.mews_in_dl { width:320px;overflow:hidden; margin:10px auto;}
.mews_in_dl dt { float:left; width:130px; height:88px;border:1px solid #CBCBCB;}
.mews_in_dl dt img { width:130px; height:88px;}
.mews_in_dl dd { float:right; width:180px; overflow:hidden;}
.mews_in_dl dd h3 { width:180px; height:30px; line-height:30px; font-size:16px;}
.mews_in_dl dd h3 a { color:#C60707;}
.mews_in_dl dd h3 a:hover { color:#ff6600;}
.mews_in_dl dd p { width:180px; line-height:20px; }
.mews_in_dl dd p a { float:left; background:#bc1b1b; color:#FFFFFF; text-align:center; width:70px; height:20px;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
.news_ul { width:320px; overflow:hidden;}
.news_ul li { width:320px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px dashed #959595; background:url(images/ico2.png) no-repeat left center;}
.news_ul li a { float:left; margin-left:10px; display:inline;}
.news_ul li span { float:right;}

/*link*/
.z_link { width:1000px; overflow:hidden; margin:30px auto;}
.webmian { width:1000px; overflow:hidden; margin:20px auto;}
.webmian a.aleft,.webmian a.aright{ width:12px; height:21px; margin-top:20px;background:url(images/arrow.png) no-repeat;}
.webmian a.aleft,.webmian a.agrayleft{ background-position:0 0;}
.webmian a.aright,.webmian a.agrayright{ background-position:-40px 0;}
.re_mid { width:960px; height:65px; margin-left:5px; display:inline; overflow:hidden; position:relative;}
.re_mid ul { width:20000px;position:absolute;left:0px;top:0px;}
.re_mid ul li { float:left; width:145px; height:60px; margin:0 6px; display:inline; border:1px solid #d2d2d2;}
.re_mid ul li img { width:145px; height:60px; display:block;}

/*footer*/
.footer_btn { width:100%; min-width:1000px; overflow:hidden; margin:0 auto; background:#b20505;}
.footer_btn p { width:1000px; overflow:hidden; margin:0 auto; text-align:center;}
.footer_bg { width:100%; overflow:hidden; margin:0 auto; background:#242424;}
.footer { width:1000px; min-width:1000px; overflow:hidden; margin:30px auto;}
.footer p { width:1000px; line-height:25px; text-align:center; color:#FFFFFF; font-size:14px;}
.footer p span { margin:0 15px;}

/*content*/
.content { width:1000px; overflow:hidden; margin:0 auto;  min-height:550px;}
.text_main { width:1000px; overflow:hidden; margin:30px auto;}
.text_main p { width:980px; line-height:25px; font-size:14px; margin:10px auto;}

.pages { width:600px; height:30px; line-height:30px; margin:30px auto; text-align:center; }
.pages strong { margin:0 5px; color:#ffffff; padding:4px 9px;  background:#bc1b1b; font-weight:lighter;}
.pages a { margin:0 5px; color:#858585;  padding:4px 9px; background:#e1e1e1;  text-decoration:none; }
.pages a:hover { color:#ffffff;  background:#bc1b1b;}

/*news*/
.side_left { width:200px; overflow:hidden; border:1px solid #d3d3d3; padding-bottom:100px;}
.side_right { width:770px; overflow:hidden;}
.menu { width:200px; overflow:hidden; margin:0 auto;}
.menu li { width:200px; line-height:45px; text-align:left; text-indent:20px; border-bottom:1px solid #e3e3e3; overflow:hidden;  font-family:"微软雅黑";}
.menu li a { display:block; width:200px; height:45px; color:#292929; text-decoration:none; font-size:16px; }
.menu li a:hover { color:#FFFFFF; background:#b80506 url(images/line_1.jpg) no-repeat 180px 18px;}
.menu li.hover a { color:#FFFFFF; background:#b80506 url(images/line_1.jpg) no-repeat 180px 18px;}

.news_list { width:750px; overflow:hidden; margin:0 auto;}
.news_list li { width:750px; height:35px; line-height:35px; overflow:hidden; border-bottom:1px dashed #959595; background:url(images/ico2.png) no-repeat left center;}
.news_list li a { float:left; margin-left:10px; display:inline; font-size:14px;}
.news_list li span { float:right;}

.news_text { width:750px; overflow:hidden; margin:0 auto; padding-bottom:50px;}
.news_text h3 { width:750px; overflow:hidden; margin:15px auto; line-height:30px; font-size:18px; text-align:center;}
.news_text p { width:750px; line-height:25px; font-size:14px; margin:10px auto;}

/*contact*/
.con_main { width:1000px; overflow:hidden; margin:30px auto 100px auto;}
.con_left { width:550px; overflow:hidden;}
.map { width:500px; overflow:hidden; border:3px solid #d2d2d2;}
.con_right { width:450px; overflow:hidden;}
.con_right h3 { width:450px; height:40px; line-height:40px; font-size:18px; margin-bottom:20px;}
.con_right p { width:450px; line-height:30px; font-size:14px; margin:15px auto;}
.con_right p span { color:#C60707; font-size:16px;}

.btn { position:fixed; left:0; bottom:0;}