﻿@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	word-break: break-all!important
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432043269_613137.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432043269_613137.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432043269_613137.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1432043269_613137.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432043269_613137.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:2rem;font-style:normal;margin-right:8px;color:#fff;font-weight:normal;line-height:30px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
	}

body,div,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,table,td,tr,ul {
	margin: 0 auto;
	padding: 0;list-style-type:none
}

body {
	font-size: 14px;
	font-family:Arial,Microsoft Yahei,"微软雅黑","宋体",Helvetica,sans-serif,;
	line-height: 30px
}

a,body {
	color: #393939
}

a:hover {
	color: #FF0000;transition: all .2s ease-in-out;
}

h1,h2 {
	font-size: 22px;
	font-family: Arial,Microsoft Yahei,"微软雅黑","宋体",Helvetica,sans-serif;
	margin-top: 0;
	padding-top: 0;
	color: #2b3751;
	text-align: center;
	font-weight: 600;padding:0; margin:0
}

h2 .t1, h2 .t2{width:140px;line-height:40px; display:block; float:left;font-size:18px; color:#fff}
h2 .t1{background-color:#09F;}
h2 .t1 a, h2 .t2 a{ color:#FFF}
h2 .t2{background-color:#666}
h2{margin-bottom:20px;}
h2 span {
	margin-right: 5px;
	margin-bottom: 2%;
	color: #666;
	font-size: 9pt
}

h3 {
	font-size: 18px;
	font-family: Arial,Microsoft Yahei,"微软雅黑","宋体",Helvetica,sans-serif
}

h3 span{
float: right;
font-size: 14px;	
}

h4 {
	font-size: 1pc;
	text-indent: .5em;
	font-family: Arial,Microsoft Yahei,"微软雅黑","宋体",Helvetica,sans-serif;

}

h4 span {
	float: right;
	font-size: 9pt
}

h6 {
	font-size: 14px;
	font-family: Arial,Microsoft Yahei,"微软雅黑","宋体",Helvetica,sans-serif
}


.logo .r {
	text-align: right;
}
.glyphicon{ font-size:12px; color:#999; margin-right:2%;}

.navbar {
	margin-top: 1%;
	margin-bottom: 3px;
	background-color: #2e2e2e;
	
}

.navbar ul {
	margin-bottom: 0;
	list-style-type: none
}

.navbar ul li {
	float: left;
	padding: 0;
	width: 11.1%;
	text-align: center;
	line-height: 50px;
	color:#FFF
}

.navbar ul li:hover {
	background-color: #0784de;
	color: #fff
}

.navbar ul li a {
	display: block;
	width: 100%;
	color: #fff;
font-size:16px;
}

.navbar ul li:hover a {
	color: #fff
}


.rh-c{ color:#0099ff}
.list-group-item {
	border-top: none;
	border-right: none;
	border-left: none;
	background: 0 0;
	text-indent: 0em;
	padding-top:5px;
	padding-bottom:5px
}
.list-inline{ margin-top:10px}
.list-inline > li{ padding:0; line-height:35px;}
.list-group-item-text {
	line-height: 30px; text-indent:0em
}

.list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.list-inline>li {
	width: 100%;
	text-indent:28px;
}

.list-inline>li:first-child {
	margin: 0;
	padding: 0
}

.mt10 {
	margin-top: 10px !important
}

.mt20 {
	margin-top: 20px !important
}

.mt30 {
	margin-top: 30px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt50 {
	margin-top: 50px !important
}

.mt60 {
	margin-top: 60px !important
}

.mt70 {
	margin-top: 70px !important
}

.mt80 {
	margin-top: 80px !important
}
.mt90 {
	margin-top: 90px !important
}

.p-lr-5{ padding-left:5px; padding-right:5px}
.pt20 {
	padding-top: 20px
}
.pt30{padding-top: 30px}

.mb20 {
	margin-bottom: 20px
}
.mb10 {
	margin-bottom: 10px; margin-top:0
}

.f12 {
    font-size: 1.2rem;
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	color: #999;
	font-size: 22px;
	font-weight: 700;
}

.f28 {
	color: #999;
font-weight: 700;
font-size: 2.8rem;
}

.f30 {
    color: #999;
    font-size: 3rem;
}

.b1{border:#ddd 1px solid; padding:4px}
.banner .img-thumbnail {
	padding: 0;
	border: none
}
.wrong {
    width: 100%;
    margin: 0 auto;
    background: #DEDEDE url(/uploadfile/201806/13/1031333069.gif) no-repeat center;
    height: 680px;
}

.panel {
	background: 0 0; border:none
}

.panel-heading {
	font-weight: 700;
	font-size: 18px
}

.panel-default {
	border-top: none;
	border-right: none;
	border-left: none
}
.panel-title a{ color:#fff; font-weight:bold}
.panel-title a:hover{ color:#F00}
.panel-body{ padding-top:0;}
.panel-info {
	font-weight: 600;
	font-size: 1pc
}
.panel-default>.panel-heading{background-color: #056fc3;}

.bt1{ border-bottom:#CCC 1px dashed}
.p0 {
	padding: 0
}
.m0{ margin:0}
.red{ color:#C30}
.f-bg{background-color:#ececec;padding:2% 0; margin:2% 0; border-top:#ddd 1px solid;border-bottom:#ddd 1px solid}
.clear {
	clear: both
}

.located {
    width: 100%;
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
    font-size: 16px;
}


.pro-ch {
    margin: 30px 0;
}

.pro-ch ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pro-ch ul li {
    float: left;
    margin: 5px;
    width: 19.1%;
    border: #ccc 1px solid;
    text-align: center;
    line-height: 40px;
}

.pro-ch ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff;
}

.pro-ch ul li:hover {
    display: block;
    
    text-decoration: none;
    background-color:rgba(19,106,160,1);
}

.productlist img{ -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom{overflow:hidden;}
.productlist img:hover{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

hr {
    margin-top: 20px;
margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}
.mr15{ margin-right:15px}
.p-tb-5{ padding:5px 0}
.p-l-r-15{padding-right: 15px;
padding-left: 15px;}
.pdt20{margin:20px 0px;}
.pdt30 {margin:20px 0px;}



#productimagelist { width:50%;height:310px;position:relative;overflow:hidden}
#productimagelist ul {width: 393px;height: 310px;z-index:1;float;left;margin-bottom:10px;}
#productimagelist ul li {float:left;width:393px;height:310px;}
#productimagelist ul li.on {display:block;}
#productimagelist ul li img {width:380px;height:300px;}
#productimagelist ol {clear:both;}
#productimagelist ol li {width:80px;height:60px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:0.4;border:1px #ccc solid;}
#productimagelist ol li.on {width:80px;height:60px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:1;border:1px #999 solid;}
#productimagelist ol li img{width:80px;height:60px;}



footer {
	margin-top: 10px;
	height: auto;
	border-top: #999 1px solid;
	background-color: #282828;
	color:#ddd;
	padding:1% 0;
}
footer a{ color:#fff}

.cr{ width:100%; background-color:#0d7dbd; height:auto; border-top:#333 1px solid;color:#fff;font-size:16px;}
.cr a{ color:#ccc}


.pt20{ padding-top:20px}
.lh30{ line-height:30px;padding: 15px 10px;}
.btn{ width:200px;}
.btn-info {
color:#fff;
background-color: #d82128;
border-color: #fff;

}

.btn-info:hover{background-color: #000; color:#fff;border-color: #000;}
	.img-thumbnail {
width:100%;
height:230px;
}
.whjsk {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fix {
    overflow: hidden;
}

.sin-info {
    float: left;
    width: 215px;
    position: relative;
}
.icofont {
    font-family: !'IcoFont' 'importan';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.info-icon{color: #22a7f0;
float: left;
font-size: 20px;
line-height: 41px;}

.info-content {
    color: #777777;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    padding-left: 40px;
}

.sin-info span, .sin-info a {
    font-weight: 500;
}

.info-content > a {
    color: #777777;
    display: block;
}


.price { width: 100%; overflow: hidden; margin-top: 20px; clear: both; background: url(../images/zx.jpg) no-repeat left top; }
.price a { height: 60px; line-height: 60px; text-indent: 103px; width: 97%; float: left; font-size: 24px; }
.price a.:hover { color: #666; }

.pro_tel { margin-top: 25px; overflow: hidden; text-align: center; width: 100%; background: url(../images/pro_tel.png) no-repeat 5px 8px; padding-left: 55px; }
.pro_tel span { font-size: 17px; width: 100%; text-align: left; float: left; overflow: hidden; }
.pro_tel p { font: bold 34px/38px Arial, Helvetica, sans-serif;*font-size:25px; color: #FF3D17; float: left; }
.pro_tel p a { color: #FF3D17; }
.pro_tel p strong { font: bold 40px/38px Arial, Helvetica, sans-serif;*font-size:30px; text-align: left; }

.mcsl{ height:55px; line-height:55px; border-bottom:1px dashed #CCC;color:#FFF;}

.thumbnail{width:100%;height:180px;margin:5px 0;}

.nimg {
    margin-right: 15px;
    float: left;
}
.nyamg {
    width: auto !important;
    height: auto !important;
}

.t_tel {
    position: absolute;
    right: 0px;
    top: 28px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-left: 64px;
    background: url(/template/images/t_tel.png) left center no-repeat;
}

.t_tel_ts {
    font-size: 18px;
    color: #a0a0a0;
    font-weight: bold;
    vertical-align: top;
    display: inline-block;
}
.t_tel_ts {
    font-size: 18px;
    color: #a0a0a0;
    font-weight: bold;
}
.t_tel_ts i {
    color: #da251c;
}
.t_tel_nb {
    font-size: 24px;
    font-weight: bold;
    color: #da251c;
    vertical-align: top;
    display: inline-block;
}

.con2_1{ float:left;  height:420px;}
.con2_1 img{width:100%}
.con2_2{ padding:10px;}
.con2_3{ text-align:center; line-height:60px; border-bottom:solid 1px #d5d5d5;}
.con2_3 span{ font-weight:bold;font-size:16px;}
.con2_1:hover{ box-shadow: 0 1px 10px #CCCCCC;}
.con2_1:hover .con2_3{border-bottom:solid 2px #0684dd;}

.index_img{background-color:#e8f2fd;height:850px;}



.prolist1 .list li:hover p a{background: #1e95f5;color: #fff;}
.prolist1 .list p a{height: 45px;display: block;font-size: 16px;color: #0f2438;text-align: center;padding: 10px 0;transition: all ease 0.5s;}
.prolist1 .list dl{width: 100%;overflow: hidden;position: relative; margin-bottom:2px;}
.prolist1 .list dd img{transition: all ease 1s;}
.prolist1 .list dt{position: absolute;top: 0;left: 50%;width: 0;height: 0;transform: translateX(-50%);-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all 0.4s 0s, border 0.4s 0.6s, height 0.4s 0.4s, margin 0.4s 0.4s;}
.prolist1 .list dt a{width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;display: block;opacity: 0;}
.prolist1 .list li:hover img{transform: scale(1.1);}
.prolist1 .list li:hover dt{height: 100%;width: 100%;background-color: rgba(0,0,0,0.3);transition: all 0.4s 0.4s, border 0.4s 0s, height 0.4s 0s, margin 0.4s 0s;}
.prolist1 .list li:hover dt a{opacity: 1;transition: 0.4s;transition-delay: 0.7s;}

.pro_list{margin:10px 0px 10px 0}
.pro_list ul{list-style-type:none}
.pro_list ul li{line-height:50px;width:100%;font-size:20px; font-weight:500;text-indent:1.5em;background:url(../images/left-product.jpg); margin-bottom:20px;}
.pro_list ul li a{color:#FFF;}

.pro_list ul p { float:left; background:#FFF;}
.pro_list ul p a{ text-align:left;}
.pro_list ul p:hover{line-height:55px;height:55px;width:100%;font-size:16px; background:#0784de;color:#FFF;}
.pro_list ul p a:hover{color:#FFF;}



.pro_list1{margin:10px 0px 10px 0}
.pro_list1 ul{list-style-type:none}
.pro_list1 ul li{line-height:50px;width:100%;font-size:20px; font-weight:500;text-indent:1.5em;background:url(../images/left-product.jpg); margin-bottom:20px;}
.pro_list1 ul li a{color:#FFF;}


.pro_list1 ul p {background:#FFF; text-align:center;}
.pro_list1 ul p a{ text-align:center;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}

.pro_list1 ul p a:hover{color:#F00;}


.sitepath{border-bottom:#CCC 1px double; line-height:30px; margin-bottom:2%}
.sitepath span:first-child{max-width:150px; float:left}
.page{ font-family:Helvetica, sans-serif; line-height: normal; font-size: 12px; text-align:center;}
.page a,.page span{display:block;color:#666;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#000;border:1px solid #000} /* 当前链接有激活时 */
.page input{padding:0px;color:#666;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
select {
  border: solid 1px #ccc; line-height:40px; width:49%;height:40px;  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  appearance:none;-moz-appearance:none;-webkit-appearance:none;/*很关键：将默认的select选择框样式清除*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;/*在选择框的最右侧中间显示小箭头图片*/
  padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{display:none}/* 禁用PC端表单输入框默认清除按钮 */
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{display: none;}/* 禁用radio和checkbox默认样式 */
select::-ms-expand { display: none; }/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.foot-nav{bottom:0; position: fixed;background-color:#000;width:100%;text-align: center;line-height:40px;border-bottom:1px solid #FFF; border-top:1px solid #FFF;}
.foot-nav a{color:#fff;FONT-SIZE:20px;font-weight:bold; z-index:8}
@media only screen and (min-width:992px) {
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 280px;
	}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
        width:380px !important;
        height:300px !important;
}


}

@media only screen and (max-width:600px) {
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 160px;
	}

.plcolor{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;}
	.navbar ul li {
		width:33%;
	}
#c_product_list{ margin-top: 10px !important;}
.cpp{margin-top:40px;}
.chzt{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;
}

.sols{padding:0px;}

#productimagelist {
    width: 100%;
    height: auto;
    position: relative;
}

#productimagelist ul {
    width: 100%;
    height: auto;

}

#productimagelist ul li{
    width:100% !important;
    height:auto !important;

}


.picZoomer-pic-wp {
    width: 100% !important;
    height: auto !important;
}

#productimagelist ul li img {
    width: 100% !important;
    height: auto !important;
}

.produ1{margin-top:10px !important;}
.produ p{margin-top:10px !important;}
.prolist1 .list p a{height: 45px;display: block;font-size: 16px;color: #fff;text-align: center;padding: 10px 0;transition: all ease 0.5s;}
.psacolor{color:#FFF;}

.lxback {
    background-color: rgba(235,235,235,1);
    height: auto;
}

.index_chmar{ margin-top:30px !important;}

.index_char{ margin-top:20px !important; margin-bottom:0 !important;}

.cppding{padding:10px 0;}

.prolist .list li{width:50%}

.lh30{ line-height:30px;padding: 5px 10px;}

.index_qiye{background: url(/template/images/phgh_32.png) repeat-y; height:auto;
}
.img-thumbnail {
		width: 100%;
		height: 160px;
	}

.fenlei_top a {
    padding:1px 1px ;
    border: 1px dashed #ccc;
}
}

@media only screen and (max-width:480px) {
	img,table {
		width: 100% !important;
		
	}

	.pro-ch ul li {
		width: 100%;
		margin:6px 0;
	}
.sols{padding:0px;}

#productimagelist {
    width: 100%;
    height: auto;
    position: relative;
}

#productimagelist ul {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}


#productimagelist ul li{
    width:100% !important;
    height:auto !important;
    margin-bottom: 10px;
}


.picZoomer-pic-wp {
    width: 100% !important;
    height: auto !important;
}

#productimagelist ul li img {
    width: 100% !important;
    height: auto !important;
}

.plcolor{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;}
.produ1{margin-top:10px !important;}
.index_img{
	background:url(../images/yd_img.jpg);
	margin-top:10px;
    height: auto;
    background-repeat: repeat;
}
.chzt{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;
}
.produ p{margin-top:10px !important;}
.prolist1 .list p a{height: 45px;display: block;font-size: 16px;color: #000;text-align: center;padding: 10px 0;transition: all ease 0.5s;}
.cpp{margin-top:40px;}
.lxback {
    background-color: rgba(235,235,235,1);
    height: auto;
}
.cppding{padding:10px 0;}
.prolist .list li{width:50%}
.index_chmar{ margin-top:30px !important;}
.lh30{ line-height:30px;padding: 5px 10px;}

.index_qiye{background: url(/template/images/phgh_32.png) repeat-y; height:auto;}
.fenlei_top a {
    padding:1px 1px ;
    border: 1px dashed #ccc;
}
.marcancel{margin:0px 0;}
#c_product_list{ margin-top: 10px !important;}
.index_char{ margin-top:20px !important; margin-bottom:0px !important;}
.thumbnail{width:100%;height:150px;}

.list-inline>li {
	width: 100%
}
.img-thumbnail {
		width: 100%;
		height: 160px;
	}
	.psacolor{color:#FFF;}
h1, h2{ font-size:18px; font-weight:lighter;}

	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 160px;
	}

	.thumbnail img {
		height: 140px
	}
	
}

@media only screen and (max-width:400px) {
	img,table {
		width: 100%
	}
	.chzt{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;
}

.sols{padding:0px;}

#productimagelist {
    width: 100%;
    height: auto;
    position: relative;
}

#productimagelist ul {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}


#productimagelist ul li{
    width:100% !important;
    height:auto !important;
    margin-bottom: 10px;
}



.picZoomer-pic-wp {
    width: 100% !important;
    height: auto !important;
}

#productimagelist ul li img {
    width: 100% !important;
    height: auto !important;
}

.prolist .list li{width:50%}
.cppding{padding:10px 0;}
.lxback {
    background-color: rgba(235,235,235,1);
    height: auto;
}
.produ1{margin-top:10px !important;}
.produ p{margin-top:10px !important;}
.prolist1 .list p a{height: 45px;display: block;font-size: 16px;color: #000;text-align: center;padding: 10px 0;transition: all ease 0.5s;}
.index_chmar{ margin-top:30px !important;}
.lh30{ line-height:30px;padding: 5px 10px;}
.index_char{ margin-top:20px !important; margin-bottom:0px !important;}
.index_qiye{background: url(/template/images/phgh_32.png) repeat-y; height:auto;

	.navbar {
		margin-top: 0
	}
.cpp{margin-top:40px;}
.fenlei_top a {
    padding:1px 1px ;
    border: 1px dashed #ccc;
}
	.img-thumbnail {
		width: 100%;
		height: 160px;
	}
.plcolor{height: 45px;
display: block;
font-size: 16px;
color: #fff;
text-align: center;
padding: 10px 0;}
.thumbnail{width:100%;height:170px;}
.psacolor{color:#FFF;}
#c_product_list{ margin-top: 10px !important;}


	.thumbnail img {
		height: 90pt
	}
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 160px;
	}

}

@media only screen and (min-width:601px) and (max-width:991px) {
	.navbar-nav>li {
		float: left;
		width: 25%;
		text-align: center
	}

	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 12pc
	}
.picZoomer-pic-wp{
	position: relative;
	overflow: hidden;
        width:100% !important;
        height:300px !important;
}
    .r img{
	text-align: right; width:100%
}
	.img-thumbnail {
height:160px
}
}

.carousel-control.right {
	background-image: linear-gradient(to right,hsla(0,0%,100%,.0001) 0,hsla(0,0%,100%,.5) 100%)
}

.carousel-control.left {
	background-image: linear-gradient(to right,hsla(0,0%,100%,.5) 0,rgba(0,0,0,.0001) 100%)
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding-top: 17%;
	width: 15%;
	color: red;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	font-size: 30px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.inbo{width:1000px;}
