@charset "utf-8";
/*reset*/

/* 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;}
/*end reset*/



/* CSS Document */
header .navbar-default{ box-shadow:none; border:none; background:none}
header .navbar{ min-height:auto}
header .col-sm-9{ padding:0}
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/
/*@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:70%;}
}
@media screen and (min-width:550px) {
	html{font-size:80%;}
}
@media screen and (min-width:640px) {
	html{font-size:90%;}
}
@media screen and (min-width:768px) {
	html{font-size:80%;}
}
@media screen and (min-width:992px) {
	html{font-size:50%;}
}
@media screen and (min-width:1200px) {
	html{font-size:62.5%;}
}
*/

/*页眉*/
header{width:100%; background-color:#fff; position:relative}

header .headerTop{ overflow:hidden; background-color:#252629; padding:0.7rem 0}
header .headerTop p{color:#858584;font-size:1.1rem;}
header .headerTop span{ color:#f08200;font-size:1.1rem;}
header .headerTop li{ border-right:1px solid #858584;}
header .headerTop li a{ color:#858584; font-size:1rem;}
header .headerTop li:nth-child(4){ border:none}
header .logo_nav{ overflow:hidden; padding:1rem 0; }
header .logo_nav h1{  z-index:3;}
header .logo_nav nav{ margin-top:2rem}
.center-block{width:60%;}
header .logo_nav nav li a{ border-radius:30px; font-size:1.1rem; color:#000}
header .logo_nav nav li.active a,header .logo_nav nav li:hover a{ background-color:#f08200; color:#fff;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
 background-color: #f08200; 
}


/*newscon*/


.inpagebox { overflow:hidden; margin-top:2em; margin-bottom:5em;}
.inpagebox a{ color:#0098d5;}
.inpagebox h4{ font-size:2em; color:#333; padding-bottom:0.5em;}
.inpagebox p{ font-size:1em; color:#666; line-height:1.5em; text-align:justify;}
.inpagebox h5{ font-size:1.3em; padding-bottom: 0.5em;border-bottom: 2px solid #000;}
.inpagebox h5 a{color:#000;font-size: 15px;font-weight: bold;}
.inpagebox .newsinBox{ overflow:hidden; position:relative;}
.inpagebox .newsinBox .wen{ font-size:1em; line-height:1.2em; padding:0 1em; width:100%; background-color:#119ecb; overflow:hidden; opacity:0.9; position:absolute; left:0; bottom:0px;}
.inpagebox .newsinBox .wen p{ height:2.8em; overflow:hidden; color:#fff;}
.inpagebox h3{ margin-bottom:1em;}
.inpagebox .newsListI p{ font-size:1em; line-height:1.2em; height:5.5em; overflow:hidden;}
.inpagebox .newsListI { padding:0; overflow:hidden; padding-bottom:2em; margin-bottom:0em; border-bottom:1px dotted #999}
.inpagebox .rightlist{ overflow:hidden; margin-bottom:1em;}
.inpagebox h6{ font-size:1em;}
.inpagebox .rightBox{ overflow:hidden; padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid #ccc;}
.inpagebox.productsInpage a{ color:#333}
.inpagebox .menu li{ overflow:hidden; border-bottom:1px solid #ddd; line-height:normal; padding:1em 0;}
.inpagebox .menu>li.active{font-weight:bold}
.inpagebox .menu li.active{color:#337ab7}
.inpagebox .menu li.active a{color:#337ab7}
.inpagebox .menu .t05_uls li{ padding-left:20px;}
.inpagebox.productsInpage p{ }
.inpagebox .pmenu li.active>a{ background:#0069c9; color:#fff; border-radius:3px}
.inpagebox .h4box h4{ border:none;}
.inpagebox .h4box {border-bottom:1px solid #ddd;}


/*endnewscon*/
.pagination a.cur{z-index: 3; color: #fff;cursor: default;background-color: #f08200; border-color: #f08200;}
.pagination li a{color:#000;}

/*footer*/
footer { overflow:hidden; width:100%; background-color:#252629;}
footer ul.navbar{ background-color:#181819; padding:1.5rem 0;}
footer ul.visible-xs{ width:100%;  z-index: 4; padding:0; margin:0; background-color:#181819;  position: fixed;left: 0;bottom: 0;}
footer ul.visible-xs li a{ display:block; padding:1rem 0;}
footer li{ font-size:1.5rem;}
footer li a{ color:#ccc;}
footer li a:hover{ color:#fff}
footer .logo{ overflow:hidden; margin-top:3rem; margin-bottom:3rem; text-align:center}
footer .logo img{ margin:0 auto;}
footer span{ display:block; text-align:center; font-size:1.3rem; color:#aeaeae; /*margin-bottom:1rem;*/}
footer p{ font-size:1.2rem; color:#aeaeae; line-height:2rem; text-align:center;}
footer p a{ color:#aeaeae;}
footer p a:hover{color:#aeaeae;}
footer p em{ margin:0 10px;}
footer .btm{ padding-bottom:4rem;}

/*kehu*/
.side{position:fixed;width:54px;height:275px;right:0;top:178px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#f08200;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidebox img{float:left;}
.side ul li .ewm{ display:block; position:absolute; left:-100px; top:-100px; display:none;}
.side ul li:hover .ewm{ display:block;}
.side ul li a{ text-decoration:none;}

.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:55px; height:55px; overflow:hidden; position:fixed; top:35%; right:50%; margin-right:-610px; cursor:pointer;  display:none;z-index: 99;}
.rtTop h4{ width:55px; height:55px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

#roll{display: block;	width: 15px; z-index:9999999;	margin-right: -528px;	position: fixed;right: 45%;top:65%;_margin-right: -525px;	_position: absolute;	_margin-top: 300px;	_top: expression(eval(document.documentElement.scrollTop));}
#roll_top{position: relative;cursor: pointer;height: 72px;width: 50px;}
#roll_top{background: url(../images/top.png) no-repeat;}


@media screen and (max-width:767px){
	#roll{margin-right:-32%;top:75%}
    #roll_top{background: url(../images/top.png) no-repeat center; background-size:100%;}

	}
@media screen and (max-width:1200px){
	#roll{margin-right:-32%}
    #roll_top{background: url(../images/top.png) no-repeat center; background-size:100%;}

	}
	


@media (min-width:992px) and (max-width:1200px) {
	.container{ width:95%;}
	header .logo_nav nav li a{ padding:10px 8px;}
	header .logo_nav{ padding:0}
	header .col-sm-10{ padding:0}
	
}
@media (min-width:1200px) and (max-width:1680px) {
	header .col-lg-7{ width:83%}
}
@media (min-width:320px) and (max-width:767px) {
	header h1{ position:absolute !important; left:0;}
	header .logo_nav nav li{ width:100%; float:left}
	header .navbar-collapse{ padding:0}
	header .logo_nav{ padding:0; height:7rem}
	header .logo_nav h1{ margin-top:0!important;height: 7rem;
    align-items: center;}
	.center-block{width:33%;height:7rem;object-fit:contain;}
}
@media (min-width:768px) and (max-width:992px) {
	header .col-sm-10{ padding:0}
	header .col-sm-2{ padding-right:0}
	header .col-sm-3{ padding-right:0}
	header .collapse li a{ padding:5px 2px; white-space:nowrap; font-size:0.5rem}

}
@media screen and (min-width:1510px) {
	header .headerTop .col-lg-6{ width:37%}
}

@media (min-width:320px) and (max-width:767px) {
	html{font-size:50%;}
}
@media screen and (min-width:992px) {
	html{font-size:60%;}
}
@media screen and (min-width:1200px) {
	html{font-size:62.5%;}
}


.xs_nav{ overflow:hidden; width:100%; background-color:#c86c00}
.xs_nav li{ float:left; width:19.666666666666667%; text-align:center; font-size:12px; padding:0.8em 0; background-color:#f08200; margin-right:0.33333333333333%; border-bottom:1px solid #c86c00}
.xs_nav li a{ display:block; color:#fff;}
.xs_nav li:nth-child(5),.xs_nav li:nth-child(10){ margin:0; width:20%}