/* CSS Document */

* {  font-family: 微软雅黑;  }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background-color: #fff; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body, textarea, input, button, select, keygen, legend { font: 12px/1.14 \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, arial, \5b8b\4f53; color: #000; outline: 0; }
a, a:link, a:visited { text-decoration: none; color: #000 }

/**/
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #4C4C4C;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #4C4C4C;
}

/**/
body { width: 100%;}

.header { z-index: 9; position: relative; display: inline-block;  width: 100%; height: 165px; background:-webkit-gradient(linear, 0 135, 0 bottom, from(#fff), to(#E6E6E6)); box-shadow: 0px 10px 20px -15px #000;  }
.header .top { width: 70%; height: 40px; line-height: 40px; font-size: 14px; margin: 0 auto;}
.header .language { float: right; padding-right: 5px;}
.header .top a {  color: #584a3e;}
.header .top-line { width: 100%; height: 6px; background: #EA5626;}
.header .nav { width: 80%; margin: 0 auto;}
.header .nav .laiyi-logo { display: inline-block; padding-top: 20px;}
.header .nav .logo-bg { display: inline-block; text-indent: -999px; width: 295px; height: 77px; background: url('../images/laiyi-logo.png'); cursor: pointer; }
.header .main-nav { position: relative; z-index: 1; float: right; display: inline-block; font-size: 14px; padding: 50px 5px 0 0;  }
.header .main-nav ul {}
.header .main-nav ul li {  float: left; padding-left: 8px; }
.header .main-nav ul li a { color: #434343; font-weight: bold; padding: 5px 15px; }
.header .main-nav ul li a:hover { background: url("../images/down-bg.jpg"); height: 35px; padding: 5px 15px; color: #fff !important; border-radius: 5px;}
.header .main-nav .nav-select { background: url("../images/down-bg.jpg"); height: 35px; padding: 5px 15px; color: #fff !important; border-radius: 5px;}
.banner { }

#sub-nav { background: #a39b8d;}
#sub-nav ul {}
#sub-nav ul li { float: none; color: #fff; text-align: center; padding: 10px 15px; margin: 0 10px; border-bottom: 1px dashed #fff;}
#sub-nav ul li a { color: #fff; }
#sub-nav ul li a:hover { color: #EA5626; }

.footer { clear: both; width: 100%; background: #EA5626; margin: 0 auto; box-shadow: inset 0px 15px 20px -15px #000;}
.footer .contact-all { position: relative; width: 85%; height: 325px; margin: -3px auto 0; }
.footer .logo-bottom { display: inline-block; width: 227px; height: 100%; background: url("../images/laiyi-logo-bottom.png") no-repeat center;}
.footer .bottom-line { display: inline-block; width: 8px; height: 100%; background: url("../images/bottom-line.png") no-repeat center; padding: 0 40px 0 27px;}
.footer .contact { position: absolute; top: 30px; display: inline-block; width: 660px; height: 295px; color: #fff; font-size: 14px; line-height: 180%;}
.footer .contact .title { border-bottom: 1px solid #fff; margin-bottom: 27px;}
.footer .contact span { display: inline-block; padding: 0 13px 13px 0; border-bottom: 3px solid #fff;}
.footer .contact-info { float: left; padding-right: 17px;}
.footer .contact-more { clear: both; padding-top: 17px;}
.footer .code { display: inline-block; float: right; width: 188px; height: 245px; padding: 50px 0 0 0;}
.footer .code p { text-align: center; padding-bottom: 30px; color: #fff;}
.footer .code img { width: 188px; height: 188px; box-shadow:0px 0px 20px #000;}
.footer .copyright { width: 100%; height: 50px; line-height: 50px; background: #1A1A1A; color: #808080; box-shadow: inset 0px -5px 20px -10px #fff}
.footer .width { width: 80%; height: 100%; margin: 0 auto; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer .left a { color: #808080; }

.new-prodcut { width: 100%;}
.center { text-align: center; width: 100%; }
#triangle-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #EA5626;
}
#triangle-up {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #a39b8d;
}

.index-title { width: 100%; height: 19px; line-height: 19px; text-align: center; padding: 40px 0 10px;}
.index-title .main-title { font-size: 24px; padding: 0 5px;}
.index-title .line { position: relative; bottom: 8px; display: inline-block; width: 50px; height: 1px; background: #999; }
.index-title-en { width: 100%; text-align: center; color: #ccc; font-size: 10px; }
.new-prodcut-list { padding: 60px 0 65px; height: 280px;}
.new-prodcut-list ul {}
.new-prodcut-list ul li { display: inline-block;  width: 15%; padding-left: 10px;}
.new-prodcut-list img { width: 100%; }
.more { text-align: center;  margin-bottom: 75px;}
.more a { background: #EA5626; font-size: 14px; color: #fff; padding: 10px 13px; }

.index-about { position: relative; width: 100%;}
.index-about img { width: 100%; height: 556px; }
.about-left { position: absolute; left: 15%; top: 22%; width: 40%; height: 50%; padding: 25px; background: #fff; box-shadow: 5px 5px 10px -3px #666;}
.about-left p { color: #434343; font-size: 14px; line-height: 170%;}
.about-right { position: absolute; left: 45%; top: 30%; /*width: 100%; */}
.about-right img { width: 100%; height: 70%; box-shadow: 5px 5px 10px -3px #666; }
.product-hide { display: none; }
.index-new-product { position: relative; }
.index-new-product .product-title { width: 100%; text-align: center; font-size: 10px;}
.hide-style {  position: absolute; top: 60px; width: 90%; }
.hide-style p { color: #fff; font-size: 20px; width: 70%; margin: 0 auto 10px; text-align: center;}
.hide-style img { width: 20% !important; }

.common-bg { width: 100%; background: #F4F4F4; padding: 30px 0;}
.common-content { width: 996px; /*height: 1000px;*/ /*background: #fff;*/ margin: 0 auto; padding: 40px 30px 20px; box-shadow: 0px 0px 10px 5px #ECECEC;}
.common-title { width: 100%; height: 19px; line-height: 19px; text-align: center; padding-bottom: 10px;}
.common-title .main-title { font-size: 30.6px; padding: 0 5px; color: #EA5626; line-height: 100%;}
.common-title-en { width: 100%; text-align: center; color: #ccc; font-size: 12.6px; margin: 5px 0 35px; }
.content-text { width: 96%; margin: 20px auto 0; font-size: 14px; color: #584a3e; line-height: 150%; }
.content-text p { font-size: 14px; color: #584a3e; line-height: 150%; }

.news-list {}
.news-list ul {}
.news-list ul li { height: 90px; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 55px;}
.news-list .news-thumb { float: left; display: inline-block; width: 120px; height: 80px; margin-right: 20px;}
.news-list .news-thumb img { width: 100%; height: 100%; }
.news-list .news-r { float: left; width: 80%; height: 80px;}
.news-list .news-top h2 { font-size: 20px; color: #584a3e; margin-bottom: 20px;}
.news-list .news-top em { font-size: 14px; color: #979798; font-style: normal; float: right;}
.news-list .news-bottom { width: 90%; font-size: 14px; color: #979798; line-height: 150%;}

.product { width: 90%; /*height: 500px;*/ margin: 0 auto;}
.product-nav { /*position: absolute; left: 10%; float: left;*/ display: inline-block; width: 25%;  }
.product-nav .product-category { width: 295px; height: 65px; line-height: 66px; text-indent: 40px; font-size: 24px; color: #fff; background: url("../images/product-line.jpg"); box-shadow: 5px 10px 30px -5px #ccc; }
.product-nav .product-category span { font-size: 14px; padding-left: 12px; }
.product-nav .category-list { position: relative; width: 231px; background: #fff; margin: 0 12px; padding: 0 20px 20px 20px; box-shadow: 5px 10px 30px -5px #ccc;}
.product-nav .category-list ul {}
.product-nav .category-list ul li { height: 66px; line-height: 66px; font-size: 16px; overflow: hidden; text-indent: 10px; border-bottom: 1px solid #ccc;  letter-spacing: 1px;}
.product-nav .category-list ul li:hover { color: #EA5626; }
.triangle-left { position: absolute; right: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 0; border-color: #853014 transparent transparent transparent;}

.product-nav .category-list .son-list-css { display: none; }
.product-nav .category-list .son-list-css li { text-indent: 30px; color: #999;}
.product-nav .category-list .son-list-css li:hover { color: #000;}

.product-list { float: right; display: inline-block; width: 70%; /*height: 100%;*/ /*background: #fff; */padding: 30px 25px 50px; box-shadow: 5px 10px 30px -5px #ccc; }
.product-list .nav { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
.product-list ul {}
.product-list ul li { float: left; display: inline-block; width: 30%; padding-right: 2%; margin-bottom: 2%;/* border-bottom: 1px solid #ccc;*/}
.product-list ul li:hover { color: #EA5626;}
.product-list ul li img { width: 100%;}
.product-list .product-img { margin-bottom: 30px; }
.product-list .product-img span { display: block; text-align: center; padding-top: 10px;}

.back { margin: 65px 0 20px 0;}
.back a { color: #EA5626; font-size: 20px; }
.product-info { }
.product-left { float: left; width: 45%; margin-bottom: 50px; }
.product-left img { width: 100%; box-shadow: 5px 5px 10px 1px #999;}
.product-right { float: right; width: 50%; height: 300px; line-height: 300%;}
.product-right div { color: #584a3e; font-size: 14px; font-weight: bold;}
.product-right span { font-weight: normal; }
.prev-next {  clear: both; float: right; margin: 30px 0 50px 0; font-size: 20px; }
.prev-next a { color: #EA5626; }
.product-summary { clear: both; border-bottom: 1px solid #EA5626; }
.product-summary span { display: inline-block; padding: 7px 14px; color: #fff; background: #EA5626;}
.product-content { padding: 20px 0;}
.more-product { width: 100%; }
.more-product ul { margin-top: 30px;}
.more-product ul li { width: 234px; float: left; padding-right: 10px;}
.more-product .not-padding { padding-right: 0px;}
.more-product ul li .more-product-img { /*width: 100%;*/ width: 230px; height: 230px;}
/*body { width: 1920px; height: 811px; background: url("../images/index-bg-min.jpg") no-repeat;}*/
.banner	{ width:100%; height:500px; margin:auto;}

.protit	{ width:1022px; height:92px; margin:auto;}
.procom	{ width:1022px; height:165px; margin:auto;}
.Pone   { width:189px; height:165px; float: left; margin-right:15px;}

.banner	{ width:100%; height:500px; margin:auto;}
.flash	{ width:100%; height:500px; margin:auto;}
.focus  { position:relative; width:100%; height:500px;margin:auto; }
.focus img{ width:100%; height:500px; margin: 0px auto;}
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;}
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}
.focus .fPic{position:absolute;left:0px;top:0px;width: 100%}
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}

.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }
.focus .fcon img{display:block;}
.focus .fbg{bottom:25px;right:40px;position:absolute;height:21px;text-align:center;z-index:200;}
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#DA251D;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none;font-style:normal;}
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url("../images/focus_btn.png") no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}
.focus .next{top:50%;margin-top:-37px;right:10px;background-position:-40px -74px;cursor:pointer;}
.focus .prev:hover{background-position:0 0;}
.focus .next:hover{background-position:-40px 0;}