@charset "utf-8";
html, body, div, ul, ol, li, dl, dt, dd, table, tr, th, td, p, h1, h2, h3, h4, h5, h6, from, input, a, i, font { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
html, body { width:100%; height:100%; font:12px/1 Microsoft YaHei, Arial, san-serif; background:#F7F0E0;}
img { border:none;}
ul, li { list-style-type:none;}
input, select, textarea { outline:none; font:12px/1 Microsoft YaHei, Arial, san-serif;}
a { text-decoration:none; color:#5D5D5D;}
a:hover { color:#ee0000;}

.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}

.com-width { width:1200px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
.index-main { padding-top:30px;}
.container-fluid { margin-top:20px;}

.top { height:94px; border-bottom:1px solid #EDE6D6; box-shadow:0 0 5px #EDE6D6;}
.top .logo { padding:18px 0 0 10px;}
.top .logo h1 { position:absolute; top:-900px;}

.top .nav { padding-top:40px;}
.top .nav ul li { float:left; margin:0 10px;}
.top .nav ul li a { font-size:15px; color:#da0a26;}
.top .nav ul li a:hover { color:#5C452C;}

.banner { height:772px; overflow:hidden; position:relative;}
.banner-slide { height:772px; position:relative; z-index:111;}
.bannerbg { width:100%; height:772px; background:url(../images/bannerbg.png); position:absolute; z-index:222; top:0px; left:0;}
#full-screen-slider { width:100%; height:772px; float:left; position:relative}
#slides { display:block; width:100%; height:772px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li .pic { width:100%; height:690px; margin-top:82px; -webkit-animation: scaleUpDown 1.2s linear; animation: scaleUpDown 1.2s forwards linear; position:relative; z-index:111;}
#slides li .icon1 { position:absolute; z-index:555; top:168px; left:-900px;}
#slides li .icon2 { position:absolute; z-index:444; top:188px; right:-900px;}
#slides li .icon3 { position:absolute; z-index:333; top:-900px; left:148px;}
#slides li .icon4 { position:absolute; z-index:222; bottom:-900px; left:147px;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:740px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.slide { width:320px; position:relative;}
.slide .banner-slide { height:270px;}
.slide #full-screen-slider { height:270px;}
.slide #slides { height:270px;}
.slide #pagination { top:240px;}

.recommand { height:483px; padding-top:30px; background:#EFE9D9; border-top:2px solid #EDE6D6;}
.recommand-box { height:483px; position:relative;}
.recommand .box { width:364px; height:364px; background:url(../images/recommandbg.jpg); box-shadow:0 0 10px #C4B4A0; float:left; margin-right:54px; position:relative;}
.recommand .noMarRight { margin-right:0;}
.recommand .box .icon-layer { width:46px; height:103px; background:url(../images/layer.png); position:absolute; top:-22px; left:50%; margin-left:-23px;}
.recommand .mlt { left:74px; top:41px; z-index:333;}
.recommand .lm { z-index:222;}
.recommand .spf { right:74px; top:41px; z-index:111;}
.recommand .box .pic { text-align:center; padding-top:20px;}
.recommand .box .pic a { display:block; font-size:15px; margin:20px 0 5px; color:#5d5d5d;}
.recommand .box .pic a:hover { color:#ee0000;}
.recommand .box .text { padding:20px 60px 0; height:36px; overflow:hidden; line-height:1.5; color:#5d5d5d;}
.recommand .box .viewMore a { width:100px; padding:3px 0; overflow:hidden; text-align:center; background:#C90002; border-radius:20px; font-size:20px; color:#fff; display:block; margin:10px auto 0;}
.recommand a#viewMore { font-size:15px; color:#c50000; position:absolute; bottom:50px; left:50%;}

.join-phone { width:100%; height:150px; background:#775A3C url(../images/join-phone.jpg) center no-repeat;}

.main-top .box { width:378px; height:290px; border-bottom:1px solid #775A3C; margin-right:33px; color:#5d5d5d;}
.main-top .noMarRight { margin-right:0;}
.main-top .box-title { height:29px; border-bottom:1px solid #775A3C;}
.main-top .box-title h2 { float:left; font-size:20px; color:#5c452c; padding-top:3px;}
.main-top .box-title a { float:right; font-size:9px; color:#5c452c; margin-top:15px;}
.main-top .box-title a:hover { color:#ee0000;}
.main-top .box-content { width:346px; height:229px; border:1px solid #775A3C; margin-top:3px; padding:24px 15px 0; font-size:13px; line-height:1.8; text-align:justify; text-justify:inter-ideograph;}

.main-top .brand .box-content ul li { width:346px; height:26px; line-height:26px; float:left;}
.main-top .brand .box-content ul li a { font-size:13px; color:#5d5d5d;}
.main-top .brand .box-content ul li a b { display:inline-block; margin-right:8px; position:relative; top:-2px;}
.main-top .brand .box-content ul li a:hover { color:#ee0000;}
.main-top .brand .box-content ul li a:hover b { color:#5d5d5d;}
.main-top .contact .box-content { background:url(../images/contact.jpg) 25px 110px no-repeat;}
.main-top .contact .box-content p span { color:#ee0000;}

.main-mid, .main-btm { padding-top:30px;}
.main-mid .box-title, .main-btm .box-title { width:318px; height:60px; border:1px solid #201C1D; margin:0 auto 20px; text-align:center; position:relative; font-size:20px; color:#5c452c;}
.main-mid .box-title h2, .main-btm .box-title h2 { width:128px; text-align:center; background:#F7F0E0; font-size:20px; position:absolute; left:95px; top:-10px;}
.main-mid .box-title span, .main-btm .box-title span { display:block; margin-top:20px;}

.main-mid .box-content { background:#ECE5D6; border-bottom:1px solid #B5ADA0;}
#demo { overflow:hidden; width: 1120px; margin:0 auto; padding:10px 25px;} 
#indemo { float: left; width: 800%;} 
#demo1 { float: left; } 
#demo2 { float: left; }
#demo li { width:300px; float:left; margin:0 15px;}
#demo li a { display:block; text-align:center; margin:5px 0 10px 0; font-size:14px;}
#demo li img { width:300px; height:225px;}

.main-btm .box-content form { width:720px; margin:0 auto;}
.main-btm .box-content form dl dd { display:inlie-block; float:left;}
.main-btm .box-content form dl { margin-bottom:20px;}
.main-btm .box-content form dl dd.even { margin-left:30px; _margin-left:15px; *margin-left:15px;}
.main-btm .box-content form dl dd input { width:333px; height:43px; line-height:43px\9; background:url(none) #775A3C; border:1px solid #E3DDCF; font-size:15px; color:#f7f0e0; padding:0 5px;}
.main-btm .box-content form dl dd textarea { width:706px; height:110px; background:url(none) #775A3C; border:1px solid #E3DDCF; font-size:15px; color:#f7f0e0; padding:5px;}
.main-btm .box-content form dl dt { width:170px; height:45px; margin:0 auto;}
.main-btm .box-content form dl dt a { width:168px; height:43px; display:block; text-align:center; line-height:43px; background:#775A3C; border:1px solid #E3DDCF; font-size:18px; color:#f7f0e0; cursor:pointer;}

.ny-banner { width:100%; height:243px; background:url(../images/ny-banner.jpg) center no-repeat #EED7A0;}
.content-box { margin-top:30px;}
.content-box .left { width:320px;}
.content-box .left .news { width:320px; height:262px; border-bottom:1px solid #775A3C; color:#5d5d5d;}
.content-box .left .news-title { height:29px; border-bottom:1px solid #775A3C;}
.content-box .left .news-title h2 { float:left; font-size:20px; color:#5c452c; padding-top:3px;}
.content-box .left .news-title a { float:right; font-size:9px; color:#5c452c; margin-top:15px;}
.content-box .left .news-title a:hover { color:#ee0000;}
.content-box .left .news-content { width:288px; height:215px; border:1px solid #775A3C; margin-top:3px; padding:10px 15px 0; font-size:13px; line-height:1.8; text-align:justify; text-justify:inter-ideograph;}
.content-box .left .news ul li { width:100%; height:26px; line-height:26px; float:left;}
.content-box .left .news ul li a { font-size:13px; color:#5d5d5d;}
.content-box .left .news ul li a b { display:inline-block; margin-right:8px; position:relative; top:-2px;}
.content-box .left .news ul li a:hover { color:#ee0000;}
.content-box .left .news ul li a:hover b { color:#5d5d5d;}
.content-box .left .slide { margin-top:20px;}

.content-box .right { width:850px;}
.content-box .right .right-title { height:29px; border-bottom:1px solid #775A3C;}
.content-box .right .right-title h2 { font-size:20px; color:#5c452c; padding-top:3px;}
.content-box .right .right-title h2 a { color:#5c452c;}
.content-box .right .right-title h2 a:hover { color:#ee0000;}
.content-box .right .newstext { padding:20px; color:#5d5d5d;}
.content-box .right .newstext h3 { font-size:20px; text-align:center; }
.content-box .right .newstext, .content-box .right .right-content .newstext p { font-size:14px; line-height:2; text-align:justify; text-justify:inter-ideograph;}
.content-box .right .newstext p { padding:10px 0;}
.content-box .right .newstext .pages { margin-top:20px;}

.content-box .right .news-list { padding:10px 0;}
.content-box .right .news-list ul li { width:100%; height:30px; line-height:30px; float:left; border-bottom:1px dashed #775A3C;}
.content-box .right .news-list ul li a { float:left; font-size:13px;}
.content-box .right .news-list ul li a b { color:#5D5D5D; display:inline-block; margin-right:8px; position:relative; top:-2px;}
.content-box .right .news-list ul li span { float:right;}
.content-box .right .news-list .pages, .content-box .right .pics-list .pages { margin-top:20px; font-size:13px;}

.content-box .right .pics-list { padding-top:10px;}
.content-box .right .pics-list ul li { width:260px; float:left; margin-right:35px;}
.content-box .right .pics-list ul li.noMarRight { margin-right:0;}
.content-box .right .pics-list ul li a { display:block; text-align:center; margin:10px 0 5px 0; font-size:13px;}
.content-box .right .pics-list ul li img { width:260px; height:195px;}

.footer { margin-top:30px; border-top:5px solid #4C3A27; padding-top:30px;}
.footer .footer-left { width:662px;}
.footer .footer-right { width:360px; padding-left:178px;}
.footer .footer-nav a { font-size:15px; color:#4c3a27; display:inline-block; margin-right:10px;}
.footer .footer-nav a:hover { color:#ee0000;}
.footer .footer-left, .footer .footer-left p { font-size:13px; line-height:1.8; color:#5d5d5d;}
.footer .footer-left p { padding:10px 0;}
.footer .footer-left .copy { border-top:1px solid #4C3A27; padding:15px 0;}
.footer .footer-right dl { float:left; text-align:center; margin-left:50px; _margin-left:25px;}
.footer .footer-right dl dd img { width:130px; height:130px; border-radius:10px;}
.footer .footer-right dl dt { width:130px; margin-top:8px;}


@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to {  -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.1); transform: scale(1.1); }
    to {-webkit-transform: scale(1); transform: scale(1); }
}