/**
 * web style
 * @author Wu Miao Hui <363539981@qq.com>
 * @link http://wmhfly.com/
 * @date:2015-10-28
 */
html { -webkit-text-size-adjust:none;-ms-text-size-adjust:none; overflow-x:hidden;}
body,div,p,h1,h2,h3,h4,h5,h6{margin:0;}
ul,dl,dd{margin:0; padding:0;}
ul li { list-style-type: none;}
input,button{ padding:0; vertical-align:middle; font-size:14px;}
input:focus,textarea:focus { outline: 0;}
a{ text-decoration:none; color:#7e7e7e; }
em,strong{ font-style:normal;}
img{ border:0; vertical-align:bottom;}
table{ border-spacing:0; border-collapse:collapse;}
label {cursor:pointer;}
fieldset {border-radius: 5px;}
legend { color:#0046d5;}
.clear:after {visibility: hidden; display: block;font-size: 0; content: '.'; clear: both; height: 0; }
* html .clear {zoom: 1;}
*:first-child+html .clear {zoom: 1;}
.r { text-align:right;}
.c { text-align:center;}
.fl { float:left;}
.fr { float: right;}
.hide {display: none;}
.brClear {clear:both;}
body { font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1",'Arial'; color:#000; background-color:#fff;}

/*layout*/
.w {width:960px; margin:0 auto;}

/*header*/
.topBar { background-color:#eee; padding:15px 0;}
.topBar li {float:right; padding-left:15px;}
.topBar li.t { background:url(../images/t.png) no-repeat left center;}
.topBar li.e { background:url(../images/e.png) no-repeat 15px center;padding-left:35px;}
.ptb15 {padding:15px 0}
.rlink {float:right; padding-top:20px;}
.nav-bar {border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee}
.rlink a {float:right; background:url(../images/licon.png) no-repeat;width:36px;height:36px;}
.rlink a.ing {background-position:right top; margin-left:10px;}
.nav {overflow:hidden;zoom:1;}
.nav li {float:left;padding:15px 63px;}
.nav li a{font-size:16px;color:#242424}

/*index*/
#focus {height:446px;padding:15px 0; overflow:hidden;}
.coin-slider { overflow: hidden;margin:15px auto; height:446px; zoom: 1; position: relative;}
.coin-slider a{ text-decoration: none; outline: none; border: none;  cursor:default;}
.cs-buttons {font-size: 0px;  margin:-60px 20px 0 0;}
.cs-buttons a { margin-left: 5px;cursor:pointer; height: 13px; width: 12px; overflow:hidden; background:url(../images/bBtn.png) no-repeat right top; float: left;  text-indent: -1000px; }
.cs-buttons a.cs-active { background-position: left top; }

#boxs ul {width:1200px;}
#boxs li {float:left; position:relative; margin-right:14px;}
#boxs li  img {width:229px;}
#boxs li div {position:absolute; font-size:19px; color:#fff; text-transform:uppercase; padding:8px 0; opacity:.9; left:0;bottom:0;width:100%; text-align:center; background-color:#13a4e6}
#boxs li div.b-1 {background-color:#de1184}
#boxs li div.b-2 {background-color:#e4d817}
#boxs li div.b-3 {background-color:#373838}

/*ny*/
.ny {height:190px; margin-bottom:30px; overflow:hidden; background:url(../images/ny/about.png) no-repeat center}
.contact { background-image:url(../images/ny/contact.png)}
.gallery { background-image:url(../images/ny/gallery.png)}
.products { background-image:url(../images/ny/product.png)}

.cat-bar {overflow:hidden;zoom:1; padding:10px; background-color:#eee; margin-bottom:10px;}
.cat-bar a {float:left; margin-right:15px; padding:3px 5px; }
.cat-bar a.sed,.cat-bar a:hover {background:#ccc;color:#fff}
.glist li {float:left; margin:0 10px 10px 0;}

.plist li {float:left; position:relative; margin:0 10px 10px 0;width:229px; overflow:hidden}
.plist li div {position:absolute; left:0;bottom:0; font-size:16px; width:100%; text-transform:uppercase; text-align:center; color:#fff; background-color:#383838; padding:10px 0; opacity:0.9}

.pt50 {padding-top:50px;}
.leftCol {float:left;width:460px;}
#viewIm {width:450px; height:340px; overflow:hidden; margin-bottom:10px;}
.pilist li {float:left; margin:0 5px 5px 0;}

.rightCol {float:right; width:480px; }
.h3Title { background-color:#393939;color:#fff; padding:10px 0 10px 50px; font-size:19px; text-transform:uppercase; margin-bottom:20px;}
.mBody {min-height:400px; height:auto!important; height:400px;}

/*footer*/
.ft {padding-top:20px;}
.ft-bar {background-color:#242424;padding:25px 0}
.copy {padding:10px 0}
.ft h2 {float:left;}
.search {float:left;padding:30px 0 0 100px;}
.search li {float:left;}
.search input {background:#fff; color:#7d7d7d; border:0; padding:6px 10px; height:24px;width:200px;}
.search input.focus { background-color:#fff;color:#000}
.search li a{float:left;width:36px; height:36px; background:#7d7d7d url(../images/s-arr.png) no-repeat center}
.search li a:hover{background-color:#888}
.plist li.not-found {width:100%; text-align:center;}

#container{
	position:relative;
	
}

.grid{
	width:108px;
	min-height:100px;
	padding: 10px 10px 0;
	background:#fff;
	margin:8px 8px 8px 0;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid p {text-align:center; padding:5px 0;}
.grid  img{
	max-width:100%;
	background:#ccc;
	display:block;
    cursor: pointer;
}