﻿@charset "utf-8";
/*reset*/
@media  screen and (max-width: 750px){
	.header_center { overflow:hidden;height:125px;}
	.header , .content , .footer , .container{margin-left:auto; margin-right:auto; }

	.header_center .wen{ overflow:hidden;float:left;  border-left:1px dotted #ccc; margin-top:25px;}
	.header_center .wen h2{ font-size:20px; color:#c30101;}
.header_center .wen p{ font-size:14px; color:#333; margin-top:10px;}
	.header_nav li{ float:left; line-height:62px; font-size:14px; background:url(../Img/nav.png) no-repeat right center;}

.header_center .phone{ overflow:hidden; float:left; margin-top:40px; padding-left:40px; background:url(../Img/phone.png) no-repeat left center;}

}
/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}








/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1300px;}

.container1{margin-left:auto; margin-right:auto; width:1300px;}



/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}

.header_top { overflow:hidden; width:100%; height:37px; background:url(../Img/header_top.png) repeat-x left top;}
.header_top p{ float:left; line-height:37px; font-size:13px; color:#333;}
.header_top ul{ overflow:hidden; float:right; line-height:37px;}
.header_top li{ float:left; font-size:13px; padding:0 10px; background:url(../Img/header_d.png) no-repeat right center; padding-right:12px;}
.header_top li a{ color:#333;}
.header_top li.last{ background:none; padding-right:0}

.header_center { overflow:hidden; width:1300px; height:125px;}
.header_center h1{ float:left; margin-top:20px;}
.header_center .wen{ overflow:hidden;float:left; padding-left:10px;  border-left:1px dotted #ccc; margin-top:25px;}
.header_center .wen h2{ font-size:26px; color:#c30101;}
.header_center .wen p{ font-size:18px; color:#333; margin-top:10px;}
.header_center .phone{ overflow:hidden;  margin-top:40px; padding-left:50px; background:url(../Img/phone.png) no-repeat left center;}
.header_center .phone p{ font-size:13px; color:#333;}
.header_center .phone h3{ font-size:26px; color:#333; font-family:Arial;}

.header_nav { overflow:hidden; width:100%; height:62px; background-color:#202020;}
.header_nav li{ float:left; line-height:62px; font-size:14px; background:url(../Img/nav.png) no-repeat right center;}
.header_nav li a{ display:block; color:#fff; text-decoration:none}
.header_nav li.last{ background:none} 
.header_nav li.cur,.header_nav li:hover{ background:url(../Img/nav_cur02.png) repeat center;}
.header_nav li.cur a,.header_nav li:hover a{ background:url(../Img/nav_cur01.png) no-repeat center;}

/*footer*/
.footer { overflow:hidden; width:100%; background-color:#1c1c1c; padding-top:40px; padding-bottom:70px;}
.footer .fnav{ overflow:hidden; width:860px; margin:0 auto;}
.footer .fnav li{ float:left; font-size:14px; color:#fff; padding:0 19px; border-right:1px solid #333;}
.footer .fnav li.last { border:none;}
.footer .fnav li a{ color:#fff;}
.footer dl{ overflow:hidden; width:730px; float:left; margin-top:60px;}
.footer dt{ overflow:hidden; float:left; margin-top:20px;}
.footer dd{ overflow:hidden; width:410px; float:left; margin-left:40px;}
.footer dd p{ font-size:13px; color:#fff; line-height:36px;}
.footer dd a{ color:#fff;}
.footer dd i{ margin:0 10px;}
.footer .phone{ overflow:hidden;  margin-top:90px; padding-left:50px; background:url(../Img/phone.png) no-repeat left center;}
.footer .phone p{ font-size:13px; color:#fff;}
.footer .phone h3{ font-size:26px; color:#c30101; font-family:Arial}


.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:65%; right:53%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}


.newslist { padding:2em;}
.newslist li{ padding:0.5em; border-bottom: dotted 1px #CCCCCC;}
.newslist li span{ float:right; margin-right:10px;}






@media only screen and (min-device-width : 320px) and (max-device-width : 1136px) {
.header, .content, .footer, .container,.news .newsbox,.about dl,.about .aboutBox{
	width:100%;
}
.pro .proRight{
    width: calc(100% - 255px);
}
.news .newslist{
	width:26%;
}
}