@charset "utf-8";
img, object, embed, video {	max-width: 100%;}
img{border:none;}
a{ color:#231815; text-decoration:none}
a:hover{ color:black; text-decoration:none}
ul, li{ list-style:none;margin:0;padding:0;}
.clear{clear:both; height:0; line-height:0; overflow:hidden;}
.ie6 img { width:100%;}
html{ margin:0; padding:0; font-size:100%; }
body{ height:100%; margin:0; padding:0; font-family:LiHei Pro,Microsoft YaHei, sans-serif; font-size:14px; background:url(../images/back.png) top left; overflow-x:hidden }
.contenter{overflow-x:hidden}
.relative{ position:relative}
.mar{ margin-left:0; margin-right:0;}
.par2{ padding-left:0;}
.bgw{ background:white; box-shadow:0 7px 7px #666 inset}
.t-cen{ text-align:center;}
.t-left{ text-align:left}
.t-right{ text-align:right}
/*phone*/
/*header*/
.hid_sm{ display:none;}
.hid_lg{ display:block;}
.col-xs-12{ padding-left:0; padding-right:0;}
header{ background:#fff000;}
header .container{ position:relative;}
header .container .search{ position:absolute; top:15px; right:10px; zoom:1;}
header .container .search:after{display:block;clear:both;content:"";visibility:hidden;height:0}
header .container .search input{ display:inline-block; float:left; width:170px; padding:0 5px; margin:1px 0 0; height:26px; line-height:26px; border:0; background:white; border-radius:5px; outline:none;}
header .container .search button{ display:inline-block; float:left; width:40px; height:26px; margin:0 0 0 -10px; overflow:hidden; background:#c9c9ca; color:white; text-indent:0.5em; letter-spacing:1em; font-size:16px; line-height:24px; border:0; border-radius:5px;outline:none;}
.menu-toggle{ display:block; float:right; width:200px; height:30px; margin:50px 10px 0 0; padding:4px 10px; border:0; background:#fccf00; }
.menu-toggle:focus{outline:0}
.menu-toggle .tit-bar{ display:block; float:left; width:150px; text-align:left;}
.menu-toggle .icon-bar{ display:block; float:right; width:25px; height:2px; margin-top:6px; border-radius:1px; background:#231815;}
.menu-toggle span:last-child{ margin-top:4px; }
ul.nav{ margin:0 -15px;}
ul.nav a{ padding-left:10%; background:#fccf00; color:#231815; border-bottom:1px solid white; line-height:40px;}
ul.nav a:hover{ background-color:#fff000;}
a.logo{ display:block; width:auto; height:100px; margin:0; background:url(../images/logo-b.png) center center no-repeat; background-size: 90% auto;}
.flash{ font-size:16px;}
/*section*/
section.content-wrap{ width:100%; margin:0 auto; }
.left-nav{ display:none;}
.article{ float:none; padding:10px 0 30px; color:#231815; font-size:14px; }
.design{ width:100%; margin:0 auto; padding:10px 0;color:#231815; font-size:14px; }
.site{ display:none; }
H3{ display:inline-table; min-width:150px; margin:15px 0; padding:0 25px; font-size:18px; line-height:38px; background-color:#fff000; }
.article .select{ width:100%; margin:10px auto 20px;}
.article .select select{ display:block; width:65%; height:26px; margin:0 auto; font-size:16px; line-height:26px; border:0; background:white; border-radius:5px; outline:none; }
.article P, .design P{ margin:0 20px; line-height:26px;}
.article a.pro-pic{ display:block; width:97%; margin:0 auto 20px; color:#231815;}
.article a.pro-pic img{ width:100%;}
.article span.pro-txt{ display:block; width:100%; margin:0 auto; background:#fccf00; line-height:40px; text-align:center}
/*item*/
.item{ width:85%; margin:0 auto;}
.item .item-image{ width:100%;}
.item .item-desc{ padding:30px 0 2px 0; background:none;}
#wrap{ position:relative;top:0px; z-index:999;}
.item-image .cloud-zoom img{ width:100%;}
.item-image .cloud-zoom{position: relative; display: block;}
.item-image .mousetrap{ width:240px; height:320px; position:absolute; left:0; top:0; z-index:99; cursor: move; }
.item-desc a.cloud-zoom-gallery{ float:left; width:33%; text-align:center; display:inline-block;}
.item-desc a.cloud-zoom-gallery img{ width:90%; border:1px solid rgb(158,158,158);}
.item-intro{ width:85%; margin:20px auto 0; padding:10px 20px; background:#fff000; border-radius:8px;color:#231815;}
.item-intro span.item-tit{ display:block; width:100%; margin:0 auto 10px; padding:5px 0; font-size:18px; text-align:left; line-height:2em; border-bottom:1px solid #231815;  }
.item-intro P.item-con{ width:100%; margin:0 0 10px; line-height:1.4em;}
/*piclist*/
.piclist{ width:100%; margin:0 auto;}
.piclist:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.piclist a{ display:block; width:85%; margin:0 auto 20px; padding:0; color:#231815; background:#fccf00; border:10px solid #efefef; border-radius:5px;}
.piclist img{ width:100%;}
.piclist span, .piclist H4{ display:block; width:90%; margin:0 auto;}
.piclist H4{ font-size:22px; line-height:2em; font-family:simsun, Verdana, sans-serif}
.piclist span{ text-align:center; padding:0 0 15px;}
/*btn*/
a.botton, a.btn, a.btn:hover, a.btn2, a.btn2:hover{ font-size:16px;color:#231815; border-radius:5px; border:0; background:#fccf00; }
a.btn, a.btn:hover{ display:block; width:90px; margin:20px auto; padding:6px 20px; }
a.botton{ display:inline-block; margin-top:10px; padding:10px 20px;}
a.btn2, a.btn2:hover{ display:block; width:120px; margin:20px auto; padding:10px 0;}
a.botton{ margin-top:30px;}
/*a*/
a.foot_ico1, a.foot_ico2, a.foot_ico3{ display:inline-block; width:60px; height:60px;}
a.foot_ico1{ margin:10px 0 0; background:url(../images/icon.png) left top no-repeat;}
a.foot_ico2{ margin:10px 0 0 15px; background:url(../images/icon.png) -71px top no-repeat;}
a.foot_ico3{ margin:10px 0 0 15px; background:url(../images/icon.png) -141px top no-repeat;}
/*footer*/
.foot-bk{ background:url(../images/tbk.png); padding:10px; }
.foot-bk img{ float:left; }
.foot-ibk{ padding:20px 10px; color:#050505; line-height:1.8em;}
footer span.sp{ display:inline-block; padding:10px 5px;white-space:pre-wrap; word-break:break-all}
/*page*/
.page_num{ margin:0 auto; padding:20px 0; font-size:14px; line-height:28px; text-align:center; letter-spacing:1px; color:#efefef}
.page_num span{ width:20px; margin-right:8px;}
.page_num a{ display:inline-block; width:30px; margin-right:8px; text-align:center; }
.page_num a.cur, .page_num a.cur:hover, .page_num a.cur:visited, .page_num a.page, .page_num a.page:visited{ background:#fff000; color:#231815;}
.page_num a.page:hover{ background:#fccf00; }
/*scroll tool*/
.toolabsolute{ width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:999;}
@media only screen and (min-width: 600px) {
.flash{ font-size:18px;}
}
/*pad*/
@media only screen and (min-width: 768px) {
body{background-size:100%; }
/*header*/
.menu-toggle{ display:none;}
ul.nav{ margin:6px 0 0;}
ul.nav a{ padding-left:5px; background:none; border-bottom:0; font-size:16px; line-height:20px;}
ul.nav a:hover{ background:none;}
a.logo{ height:150px; background:url(../images/logo-b.png) center no-repeat #fff000; background-size: auto 70% ;}
.flash{ font-size:24px;}
/*secont*/
.article{ width:100%; padding:10px 20px 30px; color:black; font-size:14px;}
H3{ display:inline-table; min-width:120px; height:50px; margin:15px 0; padding:0 25px 10px; line-height:38px; background:url(../images/tit_b.png) left center no-repeat;}
.map{ width:90%; margin:0 auto 30px; text-align:center}
.map img{ width:auto}
/*footer*/
.foot-ibk{ color:#050505; }
/*layer*/
.nav_content{width:80%;left:10%;}  
}
/*pc*/
@media only screen and (min-width: 1200px) {
html{ background:url(../images/tbk.png);}
.hid_sm{ display:block;}
.hid_lg{ display:none;}
.par{ padding-left:0; padding-right:0;}
.par2{ padding-left:15px; padding-right:15px;}
.col-xs-12{ padding-left:15px; padding-right:15px}
/*header*/
header{ background:url(../images/tbk.png);}
header .container .search{ position:absolute; top:70px; right:50px;}
header .container .search input{ width:260px; line-height:22px; border:1px solid rgb(158,158,158); border-radius:0; }
header .container .search button{ width:60px; margin:0; text-align:center; background:#fff000; color:#231815; font-size:14px; border-radius:0; text-indent:0; letter-spacing:0.2em; }
header .container .search button.glyphicon-search:before{content:''}
.icon-bar{ background:white;}
ul.nav{ margin:50px 0 0;}
ul.nav li{ width:120px;}
ul.nav a{ padding-left:8px; background:none; border-bottom:0; font-size:16px; line-height:40px;}
ul.nav a:hover, ul.nav a.op{ background:url(../images/nav_b.png) left center no-repeat; }
a.logo{ width:150px; height:130px; }
.flash{ font-size:26px;}
/*section*/
.content-wrap{ width:100%; margin:0 auto;background:url(../images/back.png); }
.left-nav{ display:block; width:90%; margin:0 auto; min-height:830px; }
.left-nav h2{ width:100%; text-align:center; font-size:26px;}
.left-nav ul{ width:90%; margin:0 auto; }
.left-nav ul li{ border-bottom:1px dotted #9fa0a0; padding:2px;}
.left-nav ul li span{ font-family:LiHei Pro,Microsoft YaHei, sans-serif; font-weight:700; color:#231815; }
.left-nav ul li a, .left-nav ul li a:visited{ display:block; padding-left:15px; line-height:36px; color:white; }
.left-nav ul li a:hover, .left-nav ul li a.op{ background:#fff000; color:#231815;}
.article{ padding:30px; font-size:14px;}
.design{ padding:30px 0; font-size:14px;}
.site{ display:block; margin:0 auto; color:#fff000 }
.site span{ display:inline-block; margin-right:10px; padding:2px 4px; color:white; background:#e60012; border-radius:3px; }
.site a, { color:white;}
.article P, .design P{ margin:10px; line-height:26px;}
ul.newlist{ width:auto; margin:0; }
ul.newlist li img{ display:block;}
.item{ width:100%; padding:0 0 20px;}
.item .item-image{ width:100%;}
.item .item-desc{ padding:20px 0 2px 50px; background:url(../images/pic_item.png) left -20px no-repeat;}
.item-image .cloud-zoom img{ width:100%;}
.item-desc a.cloud-zoom-gallery{ width:auto; margin-left:5px;}
.item-intro{ width:100%; margin:0 auto; padding:20px; }
.item-intro P.item-con{ margin:0 0 15px 0; line-height:1.5em}
.intro-h1{ min-height:590px;}
.intro-h2{ min-height:550px;}
.intro-h3{ min-height:505px;}
.piclist{ width:100%; margin:0 auto;}
.piclist a{ display:block; width:100%; margin:0 auto 20px;}
/*btn*/
a.botton, a.btn, a.btn:hover, a.btn2, a.btn2:hover{ font-size:16px; color:#231815; background:#fccf00; }
a.btn, a.btn:hover{ display:block; width:90px; margin:20px auto; padding:6px 20px; background:#fccf00; }
a.botton{ display:inline-block; margin-top:10px; padding:10px 20px;  background:#fccf00;}
a.btn2, a.btn2:hover{ display:block; width:120px; margin:20px auto; padding:10px 0; background:#fff000;}
/*footer*/
footer{ line-height:24px; font-family:"DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.foot-bk{background:url(../images/tbk.png);}
.foot-ibk{ color:#fff;}
footer span.sp{ display:inline-block;padding:0;}
}

a:focus {
    outline: none;
}