@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial,; color:#666; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }

ul,li,ol{list-style:none;}

a{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#c19557;}
.clear{clear:both;}
img{border:0}

.l{ float:left;}
.r{ float:right;}
.c1200{width:1200px; margin:0 auto;}

input,textarea,select{font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}


/* top */
.top {width:100%; padding:0; margin:0; border-bottom:1px solid #eee; min-width:1200px; height:36px; line-height:36px; font-size:12px;}
.top li{ float:left;}
.top li.line{ color:#ccc; margin:0 8px;}
.top li.tel{ color:#c19557;}
.top li.tel span{ font-weight:bold;}
.top a{ position:relative; display:block;}
.top i{width:20px; height:18px; float:left; background:url(../images/iconTop.png) no-repeat; margin:9px 4px 0 0;}
.top .weixin{ background-position:0 0;}
.top a:hover .weixin{background-position: 0 -18px;}
.top .weibo{background-position:-20px 0;}
.top a:hover .weibo{background-position:-20px -18px;}
.top .mobile{background-position:-40px 0;}
.top a:hover .mobile{background-position:-40px -18px;}
.top img{ display:none; margin-left:-14px; position:absolute; left:0; top:60px; display:none; width:98px; height:98px; border:1px solid #eee; z-index:999;}


/* header */
.header{ width:100%; padding:0; margin:0; min-width:1200px; height:100px; background:#132042; box-shadow: 0 5px 8px rgba(0,0,0,0.1);  position:relative; z-index:99; }
.header .logo{ width:200px; height:40px; margin:30px 0;}
.header .logo img{ max-height:40px;}
.header .nav{width:930px; height:100px; margin:0 auto;}
.header .nav li{float:left;}
.header .nav li a{display:block; height:96px; padding:0 30px; font-size:16px; color:#333; line-height:96px; position:relative; overflow:hidden; border-left:1px solid #132042; border-right:1px solid #132042; border-top:4px solid #132042; color:#fff;}
.header .nav li a:hover,.header .nav li a.current{color:#edce8c; border-left:1px solid #edce8c; border-right:1px solid #edce8c; border-top:4px solid #edce8c;}
.header .nav li.select a{color:#c19557; border-left:1px solid #eee; border-right:1px solid #eee; border-top:4px solid #c19557;}
.header .nav li .box{width:100%; position:absolute; top:100px; left:0; padding:0; background:rgba(255,255,255,0.8); display:none; border-top:1px solid #edce8c;}
.header .nav li .box .boxNavC{width:1250px; margin:0 auto;}
.header .nav li .box .boxNav{ width:200px; height:40px; margin:15px 25px; text-align:center; float:left;}
.header .nav li .box .boxNav a{ display:block; border:0; height:auto; line-height:40px; padding:0; color:#333; font-size:14px; text-decoration: none; border:1px solid #333;}
.header .nav li .box .boxNav a:hover{color:#fff; font-size:14px; background:#132042;}



/* banner */
.couresnav{height:600px; width:100%; margin:0 auto; min-width:1200px; position:relative;}
.couresnav .prev,.couresnav .next{display:block; width:50px; height:50px; position:absolute; z-index:222; top:50%; margin-top:-25px; overflow:hidden; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=5); background:url(../images/iconArrow.png) 0 0 no-repeat; }
.couresnav .prev{left:12%; background-position: 0px 0px;}
.couresnav .next{right:12%; background-position: -50px 0px;}
.couresnav .prev:hover,.couresnav .next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100); background:url(../images/iconArrow.png) 0 0 no-repeat;  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.couresnav .prev:hover{background-position: 0px 0px;}
.couresnav .next:hover{background-position: -50px 0px;}

.couresnav .item{display:block; width:100%; height:5px; position:absolute; z-index:124; bottom:30px; left:0; text-align:center;}
.couresnav .item a{display:inline-block; width:14px; height:14px; background:#333; margin:0 6px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); border-radius:7px; overflow:hidden; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.couresnav .item a.cur{background:#c19557; width:36px; opacity:1; filter:alpha(opacity=100);}

.couresbox,.slide{display:block; width:100%; height:100%; overflow:hidden;}
.couresbox{position:relative;}
.slide{height:100%; width:100%; position:relative;  z-index:8; text-align:center}

.banner{position:absolute; z-index:9; top:0; left:0; width:100%; text-align:center;}
.banAnimate .banner{display:block;animation-name:banner;-webkit-animation:banner 20s linear 0s normal none;-moz-animation:banner 20s linear 0s normal none;animation:banner 20s linear 0s normal none;}
@-webkit-keyframes banner{0%{opacity: 1; }40%{opacity: 1; -webkit-transform: scale(1.1);}100%{opacity: 1; -webkit-transform: scale(1.1);}}
@-moz-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -moz-transform: scale(1.1);}100%{opacity: 1; -moz-transform: scale(1.1);}}
@-o-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -o-transform: scale(1.1);}100%{opacity: 1; -o-transform: scale(1.1);}}
@-ms-keyframes banner{0%{opacity: 1;}40%{opacity: 1; -ms-transform: scale(1.1);}100%{opacity: 1; -ms-transform: scale(1.1);}}
@keyframes banner{0%{opacity: 1;}40%{opacity: 1; transform: scale(1.1);}100%{opacity: 1; transform: scale(1.1);}}



/* mainRec*/
.mainRec{width:100%; margin:60px auto 0; min-width:1200px;}
.mainRec ul{ width:1245px; }
.mainRec li {float: left; width:370px; position: relative; overflow: hidden; margin:0 45px 0 0; }
.mainRec li img {display: block; width:370px; height:210px; }
.mainRec li a .img{width:370px; height:210px; position: relative; overflow: hidden; float:left;}
.mainRec li .img img{position: absolute;transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);  -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.mainRec li a:hover .img img{transform:scaleX(1.10) scaleY(1.10);-webkit-transform:scaleX(1.10) scaleY(1.10);}
.mainRec li .caseShadowWrap {position: absolute; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box; width: 100%; height:210px; }
.mainRec li .caseShadow {display: table; border: none; height: 100%; width: 100%; background: transparent; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.mainRec li .caseShadow .caseInfo {display: table-cell; height: 100%; text-align: center; color: #fff; font-size:26px; font-weight:bold; vertical-align: middle; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; }
.mainRec li:hover .caseShadow {background:rgba(0, 0, 0, 0.7);}
.mainRec li:hover .caseShadow .caseInfo {-webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; filter: alpha(opacity=100); }


/* mainCon */
.mainCon{width:100%; margin:42px auto; min-width:1200px;}
.mainNews {width:785px; float:left; position: relative; height:360px; overflow: hidden; }
.mainNews .pic img { width:785px; height:360px; display: block; }
.mainNews .txtBg { position: absolute; bottom: 0; z-index: 1; height:54px; width:100%;  background: #000; filter: alpha(opacity=70); opacity: 0.7; overflow: hidden; }
.mainNews .txt { position: absolute; bottom: 0; z-index: 2; height:54px; width:100%; overflow: hidden; }
.mainNews .txt li{ height:54px; line-height:54px; position:absolute; bottom:-54px;}
.mainNews .txt li a{ display: block; color:#fff; padding: 0 0 0 20px; font-size: 14px; text-decoration: none; }
.mainNews .prev,.mainNews .next{ position:absolute; z-index: 3; right:54px; bottom:0; width:54px; height:54px; background:url(../images/iconNewsArrow.png) 0 0 no-repeat; }
.mainNews .next{right:0; background-position:-54px 0; }
.mainNews .prev:hover{background-position:0 -54px; }
.mainNews .next:hover{background-position:-54px -54px; }

.mainVideo {position: relative; overflow: hidden; margin:0; }
.mainVideo img {display: block; width:370px; height:360px; }
.mainVideo .caseShadowWrap {position: absolute; top: 0; left: 0; width: 100%; height:360px; }
.mainVideo .caseShadow {display: table; background:rgba(0, 0, 0, 0.2); height: 100%; width: 100%;}
.mainVideo .caseShadow .caseInfo {display: table-cell; height: 100%; text-align: center; color: #fff; vertical-align: middle; }
.mainVideo .caseShadow .caseInfo .v1{ font-size:24px; line-height:40px;}
.mainVideo .caseShadow .caseInfo .v2{ width:46px; height:2px; background:#fff; margin:0 auto;}
.mainVideo .caseShadow .caseInfo .v3{ font-size:28px; line-height:50px;}
.mainVideo .caseShadow .caseInfo .v4{margin:20px auto 0; width:50px;}
.mainVideo .caseShadow .caseInfo .v4 a i{display: block; width:50px; height:50px; background:url(../images/iconBroadcast.png) 0 0 no-repeat;  }
.mainVideo .caseShadow .caseInfo .v4 a:hover i{background-position:-50px 0; }

.videoBg{z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:none; }
.videoCon{ width:640px; height:470px; z-index:10000; position:fixed; top:50%; left:50%; border:10px solid #fff; border-top:0; background:#fff; margin:-235px 0 0 -320px;  box-shadow:0 0 10px rgba(0,0,0,0.2); display:none;}
.videoCon .title{ font-size:16px; line-height:50px; font-weight:bold;}
.videoCon .title a{ width:30px; height:30px; color:#666; display:inline-block; border-radius:30px; font-size:30px; margin-top:10px; line-height:30px; text-align:center; font-weight:normal;}
.videoCon .title a:hover{  background:#c19557; color:#fff;}

/* mainShort */
.mainShort{width:100%; margin:0 auto; min-width:1200px;}
.mainShort ul{ width:1245px; }
.mainShort li{ float:left; width:370px; margin:0 45px 0 0; }
.mainShort li a{width:370px; height:160px; display:block;}
.mainShort li img{width:370px; height:160px;}


/* mainAdv */
.mainAdv{width:100%; margin:50px auto 0; min-width:1200px;}
.mainAdv li a{width:1200px; height:150px; display:block;}


/* mainNav */
.mainNav{width:100%; margin:50px auto 0; min-width:1200px;}
.mainNav ul{ width:1245px; }
.mainNav li{ float:left; width:370px; margin:0 45px 0 0; }
.mainNav li i{width:26px; height:26px; background:url(../images/iconNav.png) 0 0 no-repeat; float:left; margin-right:10px;}
.mainNav li i.icon1{background-position:0 0;}
.mainNav li i.icon2{background-position:-26px 0;}
.mainNav li i.icon3{background-position:-52px 0;}
.mainNav li .title{ font-size:18px; font-weight:bold; color:#333; line-height:26px;}
.mainNav li .line{ background:#eee; width:60px; height:2px; margin:6px 0;}
.mainNav li .con{ line-height:26px; font-size:14px;}
.mainNav li .link{ margin-top:10px;}
.mainNav li .link a{ width:100px; height:30px; display:block; background:#666 url(../images/iconNavArrow.png) 100px 10px no-repeat; padding-left:20px; color:#fff; line-height:30px; border-radius:30px; font-size:12px;}
.mainNav li .link a:hover{background:#c19557 url(../images/iconNavArrow.png) 100px 10px no-repeat;}


/* mainLink */
.mainLink{width:100%; margin:60px auto 0; min-width:1200px; border-top:solid 1px #eee; padding:28px 0;}
.mainLink ul{ width:1078px;}
.mainLink li{ float:left; margin-left:16px;}
.mainLink li a{width:138px; height:60px; display:block;}
.mainLink li img{ width:136px; height:60px; border:1px solid #eee;}
.mainLink p{ font-size:18px; font-weight:bold; line-height:24px;}
.mainLink .links .l{ background:url(../images/iconLinks.png) 0 0 no-repeat; line-height:12px; height:36px; margin:13px 0; padding-left:42px;}
.mainLink .media{ margin-top:14px;}
.mainLink .media .l{ background:url(../images/iconMedia.png) 0 0 no-repeat; line-height:12px; height:36px; margin:13px 0; padding-left:42px;}

/* footer */
.footer{width:100%; margin:0 auto; min-width:1200px; background:#666; line-height:46px; height:46px; color:#888; font-size:12px;}
.footer a{color:#888; font-size:12px;}
.footer a:hover{ text-decoration:underline;}


/* kefu */
.mainKefu {bottom:100px; position:fixed; right:0;z-index:99;}
.mainKefu a {display:block; cursor:pointer; width:32px; height:32px; padding:12px; background:#ddd; position: relative; text-align: center; margin:1px 0; }
.mainKefu a:hover{ background:#aaa; }
.mainKefu p { display: block; height:32px; width:32px; background:url(../images/iconFloat.png); margin:0; }
.mainKefu .mainKefu1{ background-position:0 0;}
.mainKefu .mainKefu2{ background-position:-32px 0;}


/* float */
.floatBottom{height:90px; bottom:0; width:100%; background:url(../images/footerFloat.png); z-index:9; left:0; position:fixed; display:none; min-width:1200px; }
.floatCont{ width:1200px; margin:25px auto; height:40px; position:relative;}
.floatCont .erweima{ width:172px; position:absolute; bottom:-25px;}
.floatCont .tltle{ width:816px; margin-left:190px;}
.floatCont .links{ width:120px; margin-right:48px;}
.floatCont .links a{ width:120px; height:40px; background:#926b34 url(../images/iconTel.png) 16px 10px no-repeat; display:block; font-size:16px; color:#fff; line-height:42px; text-align:left; padding-left:48px;}
.floatCont .links a:hover{ background:#333 url(../images/iconTel.png) 16px 10px no-repeat;}
.floatCloseMenu{ position:absolute; top:25px; right:20px; z-index:99; width:40px; height:40px; background:url(../images/iconClose.png); cursor:pointer; }
.floatClose{ display:none; position: fixed; left:-50px; bottom: 0px; z-index: 9998; width:50px; height: 90px; cursor: pointer; background: url(../images/footerClose.png) no-repeat;}


/* page */
.pageTop{width:100%; margin:0; padding:0; min-width:1200px; height:80px; background:#fafafa; border-bottom:1px solid #eee; line-height:80px; }
.pageTop .title{ line-height:24px; height:24px; font-size:24px; font-weight:bold; margin:28px 0; background:url(../images/iconPageArrow.png) left top no-repeat; padding-left:32px;}
.pageTop .crumbs{ font-size:14px; color:#aaa;}
.pageTop .crumbs span{ margin:0 5px;}

.mainPage{width:100%; margin:60px 0 80px; padding:0; min-width:1200px;}
.mainPage img{ max-width: 100%; height: auto !important;}

.pageAbout li{margin-top:60px; border-bottom:1px solid #eee;}
.pageAbout .img{ width:440px;}
.pageAbout .con{ width:700px;}
.pageAbout .con .title{ font-size:30px; line-height:42px; color:#c19557; font-weight:bold;}
.pageAbout .con .line{ width:80px; height:2px; background:#c19557; margin:5px 0;}
.pageAbout .con .cont{ font-size:14px; color:#666; line-height:30px;}
.pageAbout .con .cont span{color:#c19557; font-weight:bold;}


.pageExpert li{margin-top:60px;}
.pageExpert .img{ width:160px;}
.pageExpert .img img{ width:152px; height:152px; border-radius:50%; border:4px solid #c19557;}
.pageExpert .img p{ text-align:center; font-size:16px; font-weight:bold; line-height:56px; color:#c19557;}
.pageExpert .con{ width:900px; border:1px solid #eee; padding:10px 40px 0; background:#fafafa; border-radius:6px;}
.pageExpert .con .title{ font-size:14px; line-height:42px; color:#c19557; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:10px;}
.pageExpert .con .subtitle{ font-size:18px; line-height:50px; color:#c19557; font-weight:bold;margin-bottom:10px;}
.pageExpert .con .cont{ font-size:14px; color:#666; line-height:30px;}
.pageExpert .con .iconExpert{ background:url(../images/iconExpert.png) top center no-repeat; width:35px; height:51px; position:absolute; margin-left:-75px; margin-top:44px;}


.pageMedia .pageMediaTop{padding:0 0 40px; border-bottom:1px solid #ddd;}
.pageMedia .pageMediaTop .img{ width:420px;}
.pageMedia .pageMediaTop .con{ width:740px;}
.pageMedia .pageMediaTop .con .title{ font-size:24px; line-height:50px; color:#c19557; font-weight:bold;}
.pageMedia .pageMediaTop .con .subtitle{ font-size:14px; line-height:24px; color:#666; font-weight:bold;}
.pageMedia .pageMediaTop .con .subtitle span{ margin-right:20px;}
.pageMedia .pageMediaTop .con .cont{ font-size:14px; color:#666; line-height:30px; margin-top:8px;}
.pageMedia .pageMediaTop .con .cont a{ color:#c19557;}
.pageMedia .pageMediaTop .con .cont a:hover{text-decoration:underline;}

.pageMedia li{padding:30px 0; border-bottom:1px dotted #ddd;}
.pageMedia .img{ width:240px;}
.pageMedia .img img{ width:238px; height:178px; border:1px solid #eee;}
.pageMedia .con{ width:920px;}
.pageMedia .con .title{ font-size:18px; line-height:40px; color:#c19557; font-weight:bold;}
.pageMedia .con .cont{ font-size:14px; color:#666; line-height:30px; margin-top:8px;}
.pageMedia .con .cont a{ color:#c19557;}
.pageMedia .con .cont a:hover{text-decoration:underline;}
.pageMedia .con .subtitle{ font-size:14px; line-height:42px; color:#aaa; }
.pageMedia .con .subtitle span{ margin-right:20px;}


.pageMaster ul{ margin-top:-30px;}
.pageMaster li{padding:30px 0; border-bottom:1px solid #eee;}
.pageMaster .img{ width:240px;}
.pageMaster .img img{ width:238px; height:198px; border:1px solid #eee;}
.pageMaster .con{ width:920px;}
.pageMaster .con .title{ font-size:18px; line-height:40px; color:#c19557; font-weight:bold; }
.pageMaster .con .cont{ font-size:14px; color:#666; line-height:30px; margin-top:8px;}
.pageMaster .con .subtitle{ font-size:14px; margin-top:18px;}
.pageMaster .con .subtitle span{ margin-right:12px; padding:6px 10px; background:#eee; border:1px solid #ddd; border-radius:3px; }

.pageMaster .title span{}
.pageMaster .title a{ position:relative; display: inline-block; line-height:24px; height:24px; font-size:12px; font-weight:normal; border:1px solid #eee; padding: 0 13px; margin:5px; border-radius:3px;}
.pageMaster .title i{width:20px; height:18px; float:left; background:url(../images/iconTop.png) no-repeat; margin:4px 4px 0 0;}
.pageMaster .title .weixin{ background-position:0 0;}
.pageMaster .title a:hover .weixin{background-position: 0 -18px;}
.pageMaster .title .weibo{background-position:-20px 0;}
.pageMaster .title a:hover .weibo{background-position:-20px -18px;}
.pageMaster .title img{ display:none; margin-left:-1px; position:absolute; left:0; top:60px; display:none; width:98px; height:98px; border:1px solid #eee; z-index:999;}


.pageConsumer ul{margin-top:-40px;display:inline-block;}
.pageConsumer li{margin-top:80px; background:#fafafa; border:1px solid #eee;}
.pageConsumer .img{ width:74px; position:absolute; margin:-40px 0 0 20px;}
.pageConsumer .img img{ width:74px; height:74px; border:3px solid #c19557;}
.pageConsumer .title{position:absolute; font-size:18px; line-height:40px; margin:-40px 0 0 120px; color:#c19557;}
.pageConsumer .title span{ font-weight:bold; margin-right:10px;}
.pageConsumer .con{ width:697px; padding:25px 0; margin-left:120px; font-size:14px; line-height:30px;}
.pageConsumer .con span{ font-weight:bold; color:#333;}
.pageConsumer .compared{ width:321px; padding:30px;}
.pageConsumer .compared img{ width:160px; height:200px;}


.pageNews .pageNewsTop img{ max-width:1200px;}
.pageNews ul{ margin-top:30px;}
.pageNews li{padding:30px 0; border-bottom:1px solid #eee;}
.pageNews .img{ width:240px;}
.pageNews .img img{ width:238px; height:178px; border:1px solid #eee;}
.pageNews .con{ width:920px;}
.pageNews .con .title{ font-size:18px; line-height:48px; color:#c19557; font-weight:bold;}
.pageNews .con .subtitle{ font-size:14px; line-height:32px; color:#aaa; }
.pageNews .con .subtitle span{ margin-right:20px;}
.pageNews .con .cont{ font-size:14px; color:#666; line-height:30px;}
.pageNews .con .cont a{ color:#c19557;}
.pageNews .con .cont a:hover{text-decoration:underline;}


.pageProTop{margin:0 auto; text-align:center; }
.pageProTop .title{ font-size:30px; line-height:48px; font-weight:bold; color:#333;}
.pageProTop .linec{ width:60px; height:2px; background:#c19557; margin:0 auto;}
.pageProTop .linem{ width:100%; height:1px; background:#eee;}
.pageProTop .subtitle{ font-size:18px; line-height:40px; color:#aaa; text-transform:uppercase;}

.pageProLists li{padding:40px 0;}
.pageProLists .img{ width:500px; margin-left:50px;}
.pageProLists .img img{ width:500px; height:500px;}
.pageProLists .con{ width:500px; margin-right:50px;}
.pageProLists .con .subtitle{ font-size:30px; line-height:36px; margin-top:40px;}
.pageProLists .con .title{ font-size:42px; line-height:48px; color:#333; font-weight:bold;}
.pageProLists .con .titleP{ font-size:42px; line-height:48px; color:#333; font-weight:bold; margin-top:60px;}
.pageProLists .con .feature{ margin:20px 0 40px; display: table;}
.pageProLists .con .feature span{ display:block; width:80px; height:80px; border-radius:50%; background:#ccc; float:left; text-align:center; line-height:80px; font-size:24px; font-weight:bold; color:#fff; margin-right:20px;}
.pageProLists .con .cont{ width:454px; font-size:16px; color:#666; line-height:30px; border:3px solid #eee; border-radius:6px; padding:20px 20px 10px;}
.pageProLists .con .cont span{ background:#ddd; width:100px; border-radius:6px; height:32px; position:absolute; margin-top:-38px; line-height:32px; text-align:center;}
.pageProLists .con .contP{ font-size:18px; color:#333; line-height:32px;}
.pageProLists .con .contP span{ font-weight:bold;}
.pageProLists .con .links{ margin-top:20px; font-size:18px; color:#ccc; line-height:42px;}
.pageProLists .con .links a{ display:block; width:136px; border-radius:6px; height:42px; background:#c19557; line-height:42px; text-align:center; float:left; margin-right:30px; color:#fff;}
.pageProLists .con .links a:hover{ background:#666;}

.pageProListR .img{ float:right; width:500px; margin-right:50px;}
.pageProListR .con{ float:left; width:500px; margin-left:50px;}

.pageProListss li{padding:0; float:left; width:400px; text-align:center; margin-bottom:20px;}
.pageProListss .img{ width:400px;}
.pageProListss .img img{ width:400px; height:400px;}
.pageProListss .title{ font-size:32px; line-height:40px; color:#333; font-weight:bold;}
.pageProListss .subtitle{ font-size:18px; line-height:30px; color:#ccc;}
.pageProListss .cont{font-size:18px; color:#c19557; line-height:30px;}
.pageProListss .links{width:136px; margin:10px auto; font-size:18px; color:#ccc; line-height:42px;}
.pageProListss .links a{ display:block; width:136px; border-radius:6px; height:42px; background:#c19557; line-height:42px; text-align:center; float:left; margin-right:30px; color:#fff;}
.pageProListss .links a:hover{ background:#666;}


.pageProList .pageProTop img{ max-width:1200px;}
.pageProList ul{ margin-top:30px;}
.pageProList li{padding:0; float:left; width:360px; text-align:center; margin:0 20px 20px;}
.pageProList .img{ width:360px;}
.pageProList .img img{ width:360px; height:360px;}
.pageProList .title{ font-size:24px; line-height:40px; color:#333; font-weight:bold;}
.pageProList .subtitle{ font-size:18px; line-height:30px; color:#ccc;}
.pageProList .cont{font-size:18px; color:#c19557; line-height:30px;}
.pageProList .links{width:136px; margin:10px auto; font-size:18px; color:#ccc; line-height:42px;}
.pageProList .links a{ display:block; width:136px; border-radius:6px; height:42px; background:#c19557; line-height:42px; text-align:center; float:left; margin-right:30px; color:#fff;}
.pageProList .links a:hover{ background:#666;}


.pageProDet{}
.proDetailImg{ width:420px;}
.jqzoom{float:left; border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; z-index:5;}
.jqzoom img{ background:url(../images/loading.gif) no-repeat center center; border:solid 1px #eee;}
.zoomdiv{z-index:100; position:absolute; top:0px; left:0px; width:420px;height:420px; background:#fff; display:none; text-align:center; overflow:hidden;}
.jqZoomPup{z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:10px; height:10px; background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:420px;height:420px;}
.spec-scroll{clear:both;margin-top:8px;width:420px;position:relative; z-index:5;}
.spec-scroll .prev{float:left;margin-right:2px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; text-align:center; width:14px; height:90px; line-height:90px; border:1px solid #eee;background:#eee;cursor:pointer;text-decoration:none;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{border:1px solid #c19557; background:#c19557; color:#fff;}
.spec-scroll .items{float:left;position:relative;width:382px;height:96px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:96px;}
.spec-scroll .items ul li{float:left; width:96px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #eee; padding:2px;width:86px;height:86px;}
.spec-scroll .items ul li img:hover{border:3px solid #c19557; padding:0;}

.proDetailCont{ width:720px; line-height:30px;}
.proDetailCont .title{color:#aaa; line-height:24px; border-bottom:1px solid #eee; font-size:14px; padding-bottom:10px;}
.proDetailCont .title i{ width:100%; display:inline-block; line-height:36px; font-size:28px; color:#c19557; font-style:normal;}
.proDetailCont .cont{ margin-top:10px; line-height:28px; font-size:14px;}
.proDetailCont .cont p{ border-bottom:1px dotted #ddd; padding:10px 0 10px 10px;}
.proDetailCont .cont p span{ font-weight:bold;}
.proDetailCont .cont p i{ padding:2px 8px; margin-right:12px; background:#eee; border:1px solid #ddd; border-radius:3px; font-style:normal; }
.proDetailCont .cont p.price{ background:#fafafa; line-height:32px; margin-top:20px; border-bottom:1px dotted #ddd;}
.proDetailCont .cont p.price i{ width:100%; line-height:32px; font-size:20px; color:#c19557; font-style:normal; background:none; border:0;}
.proDetailCont .links{ margin-top:20px;}
.proDetailCont .links a{ padding:6px 30px; display: inline-block; background:#c19557; font-size:14px; color:#fff; margin-right:20px;}
.proDetailCont .links a:hover{ background:#333;}

.pageProDetail{ margin-top:50px;}
.pageProDetail .pageProRecommend{ width:278px; border:1px solid #eee;}
.pageProDetail .pageProRecommend .title{ line-height:40px; background:#fafafa; font-size:16px; text-align:center;}
.pageProDetail .pageProRecommend ul{ margin:20px;}
.pageProDetail .pageProRecommend li{ width:238px; border-bottom:1px solid #eee;}
.pageProDetail .pageProRecommend li img{ width:238px; height:238px;}
.pageProDetail .pageProRecommend li .title{ font-size:14px; color:#aaa; line-height:24px; text-align:left; background:none; padding:10px 0; }
.pageProDetail .pageProRecommend li .title span{ font-size:16px; color:#c19557; font-weight:bold; display:block}
.pageProDetail .pageProDetailed{ width:900px;}
.pageProDetail .pageProDetailed .title{ border:1px solid #eee; line-height:40px; background:#fafafa; border-bottom:1px solid #c19557;}
.pageProDetail .pageProDetailed .title span{ width:150px; display:inline-block; font-size:16px; background:#c19557; text-align:center; color:#fff;}
.pageProDetail .pageProDetailed .con{ margin-top:20px;}
.pageProDetail .pageProDetailed .con img{ max-width:900px;}


.pageMember{}
.pageMember .pageMemberNav{ width:238px; border:1px solid #eee;}
.pageMember .sliderbox{width:100%; margin:0 auto;overflow:hidden;}
.pageMember .sliderbox dt{height:48px; font-size:16px; cursor:pointer; border-bottom:1px solid #eee; line-height:48px; padding-left:20px; color:#666; }
.pageMember .sliderbox .open{background:#c19557; color:#fff; line-height:48px; border-top:0;}
.pageMember .sliderbox dd{padding:0; margin:0; position:relative; overflow:hidden;}
.pageMember .sliderbox li{ border-bottom:1px solid #fafafa; line-height:42px; padding-left:30px; }
.pageMember .sliderbox li a{ display:block; line-height:42px; width:100%;}
.pageMember .sliderbox li a:hover{ text-decoration:underline; color:#c19557;}
.pageMember .sliderbox .select a{ text-decoration:underline; color:#c19557;}
.pageMember .pageMemberCon{width:888px; border:1px solid #eee; padding:10px 25px;}
.pageMember .pageMemberCon .title{ border-bottom:1px solid #c19557; line-height:40px; font-size:18px; color:#c19557; }
.pageMember .pageMemberCon .con{ padding:20px 0; font-size:14px; line-height:30px;}

.pageMember .pageMemberCont{width:1148px; border:1px solid #eee; padding:10px 25px;}
.pageMember .pageMemberCont .title{ border-bottom:1px solid #c19557; line-height:40px; font-size:18px; color:#c19557; }
.pageMember .pageMemberCont .con{ padding:20px 0; font-size:14px; line-height:30px;}


.newsListTop{ padding:10px 0 30px; border-bottom:1px solid #eee; margin-bottom:20px;}
.newsListTop .img{ width:200px;}
.newsListTop .img img{ width:198px; height:154px; border:1px solid #eee;}
.newsListTop .contt{ width:670px;}
.newsListTop .contt .titlet{ font-size:18px; line-height:36px; color:#c19557; font-weight:bold;}
.newsListTop .contt .subtitle{ font-size:14px; line-height:30px; color:#aaa; }
.newsListTop .contt .subtitle span{ margin-right:20px;}
.newsListTop .contt .cont{ font-size:14px; color:#666; line-height:30px;}
.newsListTop .contt .cont a{ color:#c19557;}
.newsListTop .contt .cont a:hover{text-decoration:underline;}

.newsList{ margin:20px 0;}
.newsList li{line-height:46px; height:46px;}
.newsList li a{ border-bottom:1px solid #eee; width:898px; line-height:46px; display: inline-table; height:46px; font-size:12px;}
.newsList li a span{ float:left; padding-left:5px;}
.newsList li a i{ float:right; font-style:normal; padding-right:5px; color:#aaa;}
.newsList li a:hover{ border-bottom:1px solid #c19557;}
.newsList li a:hover i{color:#c19557;}


.newsDetail{margin-top:20px;}
.newsDetail .titlett{ text-align:center; font-size:20px;}
.newsDetail .time{ font-size:12px; color:#aaa; text-align:center; line-height:32px; border-bottom:1px solid #eee;}
.newsDetail .time span{ margin:0 10px;}
.newsDetail .cont{ line-height:30px; margin:20px 0;}
.newsDetail .cont img{ max-width:888px;}
.newsDetail .page{background:#eee; padding:5px 10px; line-height:30px;}


.pageNewsDetail{margin-top:20px;}
.pageNewsDetail .titlett{ text-align:center; font-size:20px; font-weight:bold;}
.pageNewsDetail .time{ font-size:12px; color:#aaa; text-align:center; line-height:40px; border-bottom:1px solid #eee;}
.pageNewsDetail .time span{ margin:0 10px;}
.pageNewsDetail .cont{ line-height:32px; margin:20px 0; font-size:14px;}
.pageNewsDetail .cont img{ max-width:1200px;}
.pageNewsDetail .page{background:#fafafa; border:1px solid #eee; padding:8px 20px; line-height:32px;}


.pageOutpatient{ font-size:18px; font-weight:bold; line-height:48px;}
.pageOutpatientCon{margin-bottom:20px;}
.outpatientbox{width:888px; margin:0 auto;overflow:hidden; margin-bottom:20px;}
.outpatientbox dt{height:48px; cursor:pointer; background:url(../images/icon_close.png) 850px 11px no-repeat; border-bottom:1px solid #ddd; line-height:48px; padding-left:12px; font-weight:bold;}
.outpatientbox .open{background:#c19557 url(../images/icon_open.png) 850px 11px no-repeat; color:#fff; cursor:default;}
.outpatientbox dd{padding:0; margin:0; position:relative; overflow:hidden;}
.outpatientbox .text{padding:12px; font-size:12px; color:#333; border-bottom:1px solid #c19557; line-height:28px;}


.pageScroll{ margin-top:50px;}
.pageComment{ width:560px;}
.pageCommentTop{ line-height:48px; background:#eee; text-align:center; letter-spacing:2px; font-size:16px; font-weight:bold; color:#c19557; text-transform:uppercase;}
.pageCommentList{ width:100%;  overflow:hidden; position:relative; margin-top:10px;}
.pageCommentList .bd li{line-height:30px; margin:8px 0;}
.pageCommentList .red{ color:#c19557; font-weight:bold;}


.pageScrollTitle{text-transform:uppercase; letter-spacing:5px; text-align:center; line-height:38px; font-size:16px; margin-bottom:20px;}
.pageScrollTitle p{ font-size:30px; font-weight:bold; color:#c19557; letter-spacing:normal;}
.pageScrollListTop{ line-height:40px; background:#eee; text-align:center;}
.pageScrollListTop .franchisee{ width:20%; display:inline-block;}
.pageScrollListTop .commodity{ width:40%; display:inline-block;}
.pageScrollListTop .quantity{ width:10%; display:inline-block;}
.pageScrollListTop .income{ width:10%; display:inline-block;}
.pageScrollListTop .time{ width:20%; display:inline-block;}
.pageIncome{ width:100%;  overflow:hidden; position:relative; margin-top:10px;}
.pageIncome .bd li{border-bottom:1px solid #eee; line-height:38px;  text-align:center;}
.pageIncome .franchisee{ width:20%; display:inline-block;}
.pageIncome .commodity{ width:40%; display:inline-block;}
.pageIncome .quantity{ width:10%; display:inline-block;}
.pageIncome .income{ width:10%; display:inline-block;}
.pageIncome .time{ width:20%; display:inline-block;}


.pages {margin:30px 0; float:right;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #eee; text-align:center; color:#666; padding:0 14px; margin:0 3px;}
.pages a:hover { background:#666; color:#fff; text-decoration:none; border:1px solid #666; }
.pages span { display:inline-block; height:30px; line-height:30px; background:#c19557; border:1px solid #c19557; color:#fff; text-align:center; padding:0 14px; margin:0 3px;}



/* branchMap */
.branchMap{ width:1200px;}
.branchMap .hd{ height:382px; width:462px; background:url(../images/map/bg.png) 0 0 no-repeat; position:relative;}
.branchMap .hd ul li{ float:left; cursor:pointer; position:absolute;}
.branchMap .hd .xj{top:126px; left:90px; }
.branchMap .hd .xj.on{top:46px; left:0px; padding:80px 0 0 90px; width:95px; height:60px; background: url(../images/map/xj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .nmg{top:136px; left:272px; }
.branchMap .hd .nmg.on{top:4px; left:194px; padding:132px 0 0 78px; width:122px; height:41px; background: url(../images/map/nmg.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .xz{top:230px; left:96px; }
.branchMap .hd .xz.on{top:178px; left:21px; padding:52px 0 0 75px; width:103px; height:57px; background: url(../images/map/xz.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .qh{top:184px; left:164px; }
.branchMap .hd .qh.on{top:156px; left:120px; padding:28px 0 0 44px; width:71px; height:54px; background: url(../images/map/qh.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .gs{top:140px; left:171px; }
.branchMap .hd .gs.on{top:121px; left:155px; padding:19px 0 0 16px; width:113px; height:91px; background: url(../images/map/gs.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .sc{top:246px; left:221px; }
.branchMap .hd .sc.on{top:213px; left:186px; padding:33px 0 0 35px; width:65px; height:55px; background: url(../images/map/sc.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .lx{top:173px; left:254px; }
.branchMap .hd .lx.on{top:159px; left:247px; padding:14px 0 0 7px; width:19px; height:30px; background: url(../images/map/lx.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .sx{top:208px; left:272px; }
.branchMap .hd .sx.on{top:157px; left:259px; padding:51px 0 0 13px; width:33px; height:31px; background: url(../images/map/sx.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .hlj{top:59px; left:401px; }
.branchMap .hd .hlj.on{top:0; left:360px; padding:59px 0 0 41px; width:61px; height:34px; background: url(../images/map/hlj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .jl{top:91px; left:408px; }
.branchMap .hd .jl.on{top:73px; left:376px; padding:18px 0 0 32px; width:45px; height:34px; background: url(../images/map/jl.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .ln{top:115px; left:389px; }
.branchMap .hd .ln.on{top:103px; left:364px; padding:12px 0 0 25px; width:28px; height:39px; background: url(../images/map/ln.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .hb{top:157px; left:331px; }
.branchMap .hd .hb.on{top:119px; left:325px; padding:38px 0 0 6px; width:43px; height:32px; background: url(../images/map/hb.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .hn{top:209px; left:313px; }
.branchMap .hd .hn.on{top:189px; left:301px; padding:20px 0 0 12px; width:42px; height:30px; background: url(../images/map/hn.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .shx{top:172px; left:303px; }
.branchMap .hd .shx.on{top:142px; left:299px; padding:30px 0 0 4px; width:27px; height:37px; background: url(../images/map/shx.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .bj{top:135px; left:339px; }
.branchMap .hd .bj.on{top:135px; left:339px; padding:0; width:15px; height:17px; background: url(../images/map/bj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .tj{top:143px; left:350px; }
.branchMap .hd .tj.on{top:143px; left:350px; padding:0; width:12px; height:17px; background: url(../images/map/tj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .sd{top:180px; left:350px; }
.branchMap .hd .sd.on{top:166px; left:340px; padding:14px 0 0 10px; width:52px; height:25px; background: url(../images/map/sd.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .js{top:220px; left:377px; }
.branchMap .hd .js.on{top:198px; left:352px; padding:22px 0 0 25px; width:29px; height:19px; background: url(../images/map/js.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .sh{top:230px; left:397px; }
.branchMap .hd .sh.on{top:230px; left:397px; padding:0; width:10px; height:9px; background: url(../images/map/sh.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .ah{top:233px; left:354px; }
.branchMap .hd .ah.on{top:204px; left:341px; padding:29px 0 0 13px; width:31px; height:25px; background: url(../images/map/ah.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .hub{top:239px; left:309px; }
.branchMap .hd .hub.on{top:224px; left:286px; padding:15px 0 0 23px; width:46px; height:28px; background: url(../images/map/hub.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .zj{top:255px; left:384px; }
.branchMap .hd .zj.on{top:238px; left:375px; padding:17px 0 0 9px; width:25px; height:24px; background: url(../images/map/zj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .cq{top:256px; left:266px; }
.branchMap .hd .cq.on{top:236px; left:259px; padding:20px 0 0 7px; width:33px; height:21px; background: url(../images/map/cq.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .hun{top:274px; left:302px; }
.branchMap .hd .hun.on{top:256px; left:291px; padding:18px 0 0 11px; width:38px; height:39px; background: url(../images/map/hun.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .jx{top:268px; left:343px; }
.branchMap .hd .jx.on{top:254px; left:335px; padding:14px 0 0 8px; width:36px; height:45px; background: url(../images/map/jx.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .fj{top:288px; left:369px; }
.branchMap .hd .fj.on{top:270px; left:357px; padding:18px 0 0 12px; width:28px; height:31px; background: url(../images/map/fj.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .gd{top:317px; left:322px; }
.branchMap .hd .gd.on{top:304px; left:301px; padding:13px 0 0 21px; width:51px; height:44px; background: url(../images/map/gd.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .gx{top:319px; left:278px; }
.branchMap .hd .gx.on{top:296px; left:249px; padding:23px 0 0 29px; width:43px; height:32px; background: url(../images/map/gx.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .gz{top:287px; left:262px; }
.branchMap .hd .gz.on{top:267px; left:240px; padding:20px 0 0 22px; width:33px; height:27px; background: url(../images/map/gz.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .yn{top:310px; left:210px; }
.branchMap .hd .yn.on{top:268px; left:183px; padding:42px 0 0 27px; width:54px; height:43px; background: url(../images/map/yn.png) 0 0 no-repeat; color:#fff; }

.branchMap .hd .han{top:366px; left:297px; }
.branchMap .hd .han.on{top:362px; left:290px; padding:4px 0 0 7px; width:16px; height:16px; background: url(../images/map/han.png) 0 0 no-repeat; color:#fff; }

.branchMap .bd{width:670px; padding:0; position:relative}
.branchMap .statement{ height:36px; color:#ff0000; line-height:36px; font-size:14px; text-align:left; width:670px;}
.branchMap .title{ height:42px; background:#eee; line-height:42px; margin:10px 0 20px 0;}
.branchMap .t1{ width:140px; margin-left:20px; display:inline-block;}
.branchMap .t2{ width:330px; margin-left:20px; display:inline-block;}
.branchMap .bd .t3{ width:140px; margin-left:20px; display:inline-block;}
.branchMap .bd .t4{ width:310px; margin-left:20px; display:inline-block;}
.branchMap .bd ul{}
.branchMap .bd li{ line-height:41px; border-bottom:1px solid #eee;}

#mapscrollbar1, #mapscrollbar2, #mapscrollbar3, #mapscrollbar4, #mapscrollbar5, #mapscrollbar6, #mapscrollbar7, #mapscrollbar8, #mapscrollbar9, #mapscrollbar10, #mapscrollbar11, #mapscrollbar12, #mapscrollbar13, #mapscrollbar14, #mapscrollbar15, #mapscrollbar16, #mapscrollbar17, #mapscrollbar18, #mapscrollbar18, #mapscrollbar20, #mapscrollbar21, #mapscrollbar22, #mapscrollbar23, #mapscrollbar24, #mapscrollbar25, #mapscrollbar26, #mapscrollbar27, #mapscrollbar28, #mapscrollbar29, #mapscrollbar30, #mapscrollbar31{width:670px; height:252px; padding:0; }
.branchMap .scrollbar{position: absolute; width:6px; right:0px; height:252px}
.branchMap .viewport{width:650px; height:252px; overflow:hidden; position:relative;}
.branchMap .track{background:rgba(0, 0, 0, 0.1); height:100%; width:6px;  border-radius:3px; position:relative;}
.branchMap .thumb{background:#c19557; height:20px; width:6px; cursor:pointer; overflow:hidden; position:absolute; top:0; border-radius:3px;}
.branchMap .overview{list-style:none; position:absolute; left:0; top:0; padding:0; margin:0; line-height:26px; font-size:12px;}
.branchMap .overview p{text-indent:2em;}
.branchMap .disable { display: none; }  


/* test */
.main-quiz-holder{margin:0 auto; position:relative; background:#fafafa; border:1px solid #eee; position:relative; width:100%;}
.main-quiz-holder a{text-decoration:none; color:#666;}
.main-quiz-holder .slide-container{width:1000px; padding:50px 99px; text-align:center;}
.main-quiz-holder h2.qTitle{font-size:20px; margin-top:30px; line-height:30px}

.main-quiz-holder .nav-start{display:block; margin-top:30px; line-height:30px; font-size:20px; font-weight:bold}
.main-quiz-holder .nav-start a{display:block; width:150px; margin:20px auto; line-height:40px; height:40px; background:#c19557; color:#fff; font-weight:normal; font-size:18px; border-radius:5px;}
.main-quiz-holder .nav-start a:hover{  background:#333; }

.results-container{}.main-quiz-holder .slide-container .question,.main-quiz-holder h2.qTitle{margin:10px 0 20px 0; font-size:20px; font-weight:normal; text-align:left;}

.main-quiz-holder .question-number{position:absolute; right:10px; top:10px; padding:5px 10px; background:#eee; border-radius:3px; color:#666;}

.main-quiz-holder .slide-container ul.answers{margin:0px;padding:5px;list-style:none;}
.main-quiz-holder .slide-container ul.answers li{cursor:pointer; padding:0 20px; margin:12px 0 0 0; line-height:40px; color:#666; border-radius:5px; background:#eee; border:1px solid #ddd; text-align:left;}
.main-quiz-holder .slide-container ul.answers li.selected{background:#c19557; border:1px solid #c19557; color:#fff;}

.main-quiz-holder .slide-container .prev,.main-quiz-holder .slide-container .next{height:36px; cursor:pointer; width:120px; float:left; line-height:36px; font-size:16px; border-radius:5px; background:#333;}
.main-quiz-holder .slide-container .next{background:#c19557; float:right;}
.main-quiz-holder .slide-container .prev a,.main-quiz-holder .slide-container .next a{ color:#fff;}

.main-quiz-holder .progress-keeper{width:100%; margin:0; border-top:1px solid #eee;  margin:0;}
.main-quiz-holder .progress{width:0; height:6px; background:#c19557;}
.main-quiz-holder .result-keeper{margin:8px; text-align:center;}
.main-quiz-holder .notice{color:#666; position:absolute; right:110px; bottom:20px;}

.main-quiz-holder .nav-container{padding:5px; margin:15px 0;}