
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*¶¨Î»*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}


/*ÆäËû*/
.cur{cursor:pointer};

/*Ô­reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}




#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(Img/top.gif) no-repeat}
#fall{background:url(Img/top.gif) no-repeat 0 -80px}
#ct{background:url(Img/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%; z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; color:#666; font-size:12px;}

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

/*Ò³Ã¼*/
.header{background-color:#fff; z-index: 100; position: relative; width:100%; min-width: 1200px;}

.header_top { width:100%; height:30px; background-color:#f9f9f9; border-bottom:1px solid #ededed;}
.header_top p{ float:left; line-height:30px; font-size:12px; color:#666}
.header_top ul{ float:right;  margin-top:8px;}
.header_top li{ float:left; border-right:1px solid #eee; text-align:center; font-size:12px; color:#666; position:relative; padding:0px 15px;}
.header_top li a{ color:#6b6a6a;}
.header_top .last{ width:65px; text-align:right; border:none;}
.header_top li .ewm{ display:none; position:absolute; top:25px; left:-10px; border:1px solid #ddd}
.header_top li:hover .ewm{ display:block}
.header_top li i{margin-right: 10px;}

.header_center { overflow:hidden; width:1200px; margin:0 auto; height:100px;}
.header_center h1{ float:left; margin-top:17px;}
.header_center h2{ font-size:18px; color:#eb2533; padding-left:30px; height:61px; margin-left:30px; float:left; margin-top:17px; border-left:1px solid #d9d7d7;line-height:25px;}
.header_center h2 img{margin-top: 5px;}
.header_center h2 em{ display:block; font-size:16px; color:#383431;}
.header_center .phone{ overflow:hidden; float:right; margin-top:24px; padding-left:45px; background:url(../images/header-phone.png) no-repeat left center;}
.header_center .phone p{ font-size:12px; color:#666;}
.header_center .phone p span{color:#b0b0b0;}
.header_center .phone i{ display:block; font-size:32px; color:#B98B57; font-style: normal;}

.header_nav { overflow:hidden; width:100%; height:60px; background:url(../images/nav-bg.png) no-repeat center top; background-color:#282828;}
.header_nav ul{ overflow:hidden}
.header_nav li{ float: left; font-size:16px; line-height:60px;}
.header_nav li a{ display:block; text-decoration:none; color:#fff;}
.header_nav li a:hover,.header_nav li a.cur{background: #BB8C53; color:#fff;}
.header_nav li:last-child{ background:none;}

/*footer*/
.footer { overflow:hidden; padding:35px 0; background-color:#000; width:100%; min-width: 1200px;}
.footer .topnav{ overflow:hidden; width:100%; padding-bottom:30px; border-bottom:1px solid #4c4946; margin-bottom:35px;}
.footer .topnav ul{ overflow:hidden; width:1200px; margin:0 auto;}
.footer .topnav li{ float:left; text-align:center; border-right:1px solid #6a6765; font-size:14px; padding:0px 20px;}
.footer .topnav li:first-child{padding-left:0px;}
.footer .topnav li:last-child{border-right:none;}
.footer .topnav li a{ color:#c4c1c1;}
.footer .topnav li.last{ border:none}
.footer .btm{ overflow:hidden; width:1200px; margin:0 auto}
.footer h2{ float:left;  margin-top: 9px;}
.footer .info{ overflow:hidden; float:left; margin-left:60px; width:530px;}
.footer .info p{ font-size:14px; color:#999; line-height:30px;}
.footer .info a{ color:#999}
.footer .btm ul{ overflow:hidden; float:right;}
.footer .btm li{ float:left; width:110px; text-align:center; font-size:12px; color:#fff; margin-left:10px;}
.footer .btm li img{ width:110px; display:block; margin-bottom:10px;}

.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

.sub-banner{background-repeat: no-repeat; background-size: cover; width:100%; min-width: 1200px;}
.sub-banner img{ width:100%; height:auto}

.container2{width:1200px; margin:0 auto; padding:50px 0px;}

.msg-form{background:#B98B57; color:#fff; min-width: 1200px;}
.msg-form h2{font-size: 42px;}
.msg-form form{margin:50px 0px; background:#cdab7e; overflow: hidden; padding:20px;}
.msg-form .form-group{float:left; margin-right: 20px;}
.msg-form label{font-size: 16px; line-height: 40px;}
.msg-form input{border:#fff solid 1px; margin-left: 10px; width:200px; font-size: 16px; color:#333; height:40px; line-height:40px; text-indent: 5px; background:rgba(255,255,255,.5)}
.msg-form button{ border:#B78A5B solid 1px; height:44px; padding:0px 20px; font-size: 16px; line-height: 40px; background:#fff; color:#B78A5B; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; transition:all 0.5s ; -webkit-transition:all 0.5s ; -moz-transition:all 0.5s ; -ms-transition:all 0.5s ; -o-transition:all 0.5s ;  }
.msg-form button:hover{ background:#333; color:#B78A5B;}

.pager{width:1200px; margin:40px auto; text-align: center; margin-bottom: 60px;}
.pager li{display:inline-block; margin:0px 5px;}
.pager li a{ display:block; width:40px; height:40px; line-height: 40px; text-align: center; font-size: 14px; color:#333; background:#f4f4f4; text-decoration: none; transition:all 0.3s ; -webkit-transition:all 0.3s ; -moz-transition:all 0.3s ; -ms-transition:all 0.3s ; -o-transition:all 0.3s ; }
.pager li a:hover, .pager li.active a{background:#B78A5B; color:#fff;}

#video-module{position: fixed; left:0; top:0; background:rgba(0,0, 0,.6); z-index: 9999; width:100%; height:100%; display: none;}
#video-module .wrapper{width:1000px; margin:0 auto; margin-top:10%; color:#fff; background:#000; position: relative}
#video-module .wrapper video{width:100%; height:auto;}
#video-module #video-close{position: absolute; width:30px; height:30px; display:block;right:0px; top:-30px; background:#ffaa00; color:#fff; line-height: 30px; font-size: 14px; text-align: center;}