*{ margin:0; padding:0; border:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,dialog{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0;width:0}[hidden]{display:none}mark{background:#FF0;color:#333}html{font-size:12px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family: Arial, Helvetica, sans-serif}button,input,select,textarea{font-size:100%}
body{color:#666;line-height:1.5; position: relative;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figure,form,fieldset,legend,button,input,textarea,select th,td{margin:0;padding:0}address,cite,dfn,em,var,i{font-style:normal}
select,input[type="text"],input[type="password"],input[type="button"],textarea { border-radius:0; font-size:12px; }
html,body,div{
height:100%;
}

a {outline: none;cursor: pointer; color:#666;  }
a:link, a:visited, a:active {text-decoration:none; }
a:hover {text-decoration: none; color: #FF870F; }
.fontHN { font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif; font-weight:200;  }
a.active {  color:#208FFF; }
ul li { list-style:none;}
.fl { float: left; }
.fr { float:right; }
.clearfix:after{content: '.';clear: both;display: block;height: 0;visibility: hidden;line-height: 0;}
.clearfix{*zoom: 1;}

.Wraper { width: 100%;  }
.panel { border: 0; width: 100%; padding: 0; margin: 0; }
.home {background: url(../img/mainbg.jpg) no-repeat #fff;background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;  }


.navbar-wrapper {
  position: relative; bottom: 0; left: 0;
  z-index: 15; height: 75px; background:#c0a062; line-height: 75px; overflow: hidden; margin-top: -75px;
}
.navbar-fixed-top { margin-top: 0; position: fixed; left: 0; top: 0; }
.menu li { width: 106px; float: left; }

.menu li a { color: #fff; font-size: 14px; }
.menu li.active { background: url(../img/navbtm.png) no-repeat 22px bottom; }
.menu li:last-child { width: auto; float: left; margin-top: -1px; margin-left: -20px; }

.navbar-right { box-sizing: inherit;   }
.navbar-right .rightfix {position:fixed; right:25px; top:240px; width: 41px; height:350px; z-index:18;  }
.navbar-right li { float: left; width: 40px; height: 40px; margin-bottom: 9px; cursor: pointer; }
.navbar-right li a { width: 40px; height: 40px; display: inline-block; }
.navbar-right li:first-child { background: url(../img/r_nav1a.png) no-repeat;  }.navbar-right li:first-child.active { background: url(../img/r_nav1.png) no-repeat;  }
.navbar-right li:nth-child(2) { background: url(../img/r_nav2a.png) no-repeat;  }.navbar-right li:nth-child(2).active { background: url(../img/r_nav2.png) no-repeat;  }
.navbar-right li:nth-child(3) { background: url(../img/r_nav3a.png) no-repeat;  }.navbar-right li:nth-child(3).active { background: url(../img/r_nav3.png) no-repeat;  }
.navbar-right li:nth-child(4) { background: url(../img/r_nav4a.png) no-repeat;  }.navbar-right li:nth-child(4).active { background: url(../img/r_nav4.png) no-repeat;  }
.navbar-right li:nth-child(5) { background: url(../img/r_nav5a.png) no-repeat;  }.navbar-right li:nth-child(5).active { background: url(../img/r_nav5.png) no-repeat;  }
.navbar-right li:nth-child(6) { background: url(../img/r_nav6a.png) no-repeat;  }.navbar-right li:nth-child(6).active { background: url(../img/r_nav6.png) no-repeat;  }
.navbar-right li:nth-child(7) { background: url(../img/r_nav7a.png) no-repeat;  }.navbar-right li:nth-child(7).active { background: url(../img/r_nav7.png) no-repeat;  }

.navbar-wrapper2 {
 
  position: fixed; right:0; top: 0;
  z-index: 15; height: 75px; background:#c0a062; line-height: 75px; overflow: hidden;

}
.mygrid { padding-top: 115px; }
.mygrid .page_title {   background:#fff;  margin:0 auto; width: 983px; height:85px; }
.mygrid .page_title h5 {  text-align: right; }
.mygrid .g_page { width:100%;    }
.mygrid .about {  background: url(../img/page2_bg.jpg) no-repeat center 85px; }
.mygrid .about .info { width: 983px; margin: 60px auto; text-align: left; line-height: 21px; font-size: 12px; color:#000; }
.about .info p { width: 585px; margin-bottom: 10px; }
.mygrid .page2 { height: 100%; }

.mygrid .page2 ul li:first-child { background: url(../img/page2_1.jpg) no-repeat; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.mygrid .page2 ul li:nth-child(2) { background: url(../img/page2_2.jpg) no-repeat; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.mygrid .page2 ul li:last-child { background: url(../img/page2_3.jpg) no-repeat; background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; }
.mygrid .page2 ul li  {  text-align:  center; }
.mygrid .page2 ul li h4 { display: none; }
.mygrid .page2 ul li a { color: #fff; display: inline-block; margin: 0 25px; }
.mygrid .page2 ul li .more { margin-top: 15px; }
 
.mygrid .page4 {  margin: 130px auto; min-width: 990px; width: 990px; }

.mygrid .page4 ul.pagefour li { width: 208px; margin-left: 5px; height: 320px; float: left; }
.mygrid .page4 ul.pagefour li h4 { width: 208px; height: 320px; position: relative; float: left;  } 
.mygrid .page4 ul.pagefour li h4 img { z-index: 11; } 
.mygrid .page4 ul.pagefour li h4 p { width: 208px; font-size: 12px; position: absolute; bottom: 0; left: 0; background: rgba(170,154,96,0.6); height: 30px; line-height: 30px; color: #fff; text-align: center; }
.mygrid .page4 ul.pagefour li > div { display: none; }
.mygrid .page4 ul.pagefour li.active { width: 556px; height: 320px; float: left;  }
.mygrid .page4 ul.pagefour li.active > div { position: relative; display: block; width: 348px; height: 320px; float: left; background:#F9F9F9; z-index: 9999; }
.mygrid .page4 ul.pagefour li.active > div span { display: inline-block; width: 12px; height: 21px; position: absolute; left: -11px; top: 44px; }
.mygrid .page4 ul.pagefour li.active > div h5 { width: 300px; height: 21px; line-height: 21px; margin-top: 45px; padding-left: 30px; margin-left: -11px; z-index: 9999; font-size:18px; color: #BF9F61;  font-weight: 200; margin-bottom: 25px;  }
.mygrid .page4 ul.pagefour li.active > div p { padding:0 22px 10px 22px; line-height: 21px; font-size: 12px; }

.mygrid .page5 {  margin: 180px auto; min-width: 550px; width: 550px; }
.mygrid .page5 ul.pagefive li { width: 244px; height: 300px; float: left; position: relative; text-align: center; }
.mygrid .page5 ul.pagefive li:last-child { margin-left: 60px; }
.mygrid .page5 ul.pagefive li > div { display: none; }
.mygrid .page5 ul.pagefive li img { width: 244px; height: 244px; border: solid 5px #fff; border-radius:50%;}
.mygrid .page5 ul.pagefive li p { color: #fff; text-align: center; line-height: 55px; font-size: 18px; }
.mygrid .page5 ul.pagefive li:hover > div { position: absolute; left: 0; top: 0; display: block; text-align:center;  width: 244px; height: 244px; background: rgba(0,0,0,0.5); border-radius: 50%; z-index: 1;   }
/*.mygrid .page5 ul.pagefive li:hover > div p { text-align: center; line-height: 244px; font-size: 18px; color: #fff; }*/
.mygrid .page5 ul.pagefive li:hover p { width: 244px; position: absolute; left: 0; top: 0;  line-height: 244px; font-size: 18px; color: #fff; text-align: center; font-size: 18px; z-index: 11;  }

.mygrid .page6 {  margin: 60px auto; min-width: 985px; width: 985px; }
.mygrid .page6 dl#contact_one { width: 983px; height: 525px; }
.mygrid .page6 dl#contact_one dt { height: 140px; background: url(../img/page6_pic1.jpg) no-repeat center top; }
.page6 dl#contact_one dt .one_left { float: left; width: 600px; padding: 30px 0 20px 30px; font-size: 16px; line-height: 26px; font-weight: 200; color: #000; }
.page6 dl#contact_one dt .tab { float: right; width: auto; margin: 33px 30px 0 0; }
.mygrid .page6 dl#contact_one dd { height: 380px; background:#fff; }

.page6 dl#contact_one dd .intro_left { float: left; width:440px; padding: 30px 0 20px 30px; font-size: 16px; line-height: 26px; font-weight: 200; color: #000; }
.add_title { font-size: 16px; margin-top: 10px; }
.address { font-size: 12px; line-height: 21px;  }
.tel { font-size: 32px; color: #000; line-height: 36px; }

.page6 dl#contact_one dd .intro_right { float: left; width:510px; padding: 30px 0 20px 0;   color: #000; }
.page6 dl#contact_one dd .intro_right li { float: left; width: 250px; padding-bottom: 10px;   }

.page6 dl#contact_one dd .intro_right li:nth-child(2n) { padding-left: 10px; }
.page6 dl#contact_one dd .intro_right li:last-child {  width: 510px; height: 120px; }
dd .intro_right li input[type="text"] { width: 242px; border: #dedede solid 1px; height: 30px; padding-left: 6px; }
.textarea { border: #dedede solid 1px; padding: 5px; width: 508px; height: 130px; }
.mybtn { width: 184px; height: 39px; background: url(../img/contact_btn.jpg) no-repeat; color: #fff; margin-top: 30px; }

.mygrid .page6 .tabmap {  margin: 60px 0 0 569px; height: 620px; min-width: 415px; width: 415px; background: #fff; position:  relative; }
.tabmap .back { position: absolute; display: inline-block; top: 25px; left: 25px; }
.page6 .tabmap h2 { width: 100%; text-align: center; background: #C7AA6D; padding: 20px 0; }
.page6 .tabmap .intro_map { padding: 22px; }


.mygrid .page7 {  margin: 210px auto; min-width: 720px; width: 720px; }
.mygrid .page7 ul.pro li { width: 227px; height: 227px; float: left; position: relative; text-align: center; margin-left: 17px; }
.mygrid .page7 ul.pro li:first-child { margin-left: 0; }
.mygrid .page7 ul.pro li p { width: 223px; height: 88px; line-height: 88px; background: rgba(0,0,0,0.6); color: #fff; position: absolute; left: 2px; top:66px;  text-align: center;  }
.mygrid .page7 ul.pro li:hover { border: #C7AA6D solid 2px; }
.mygrid .page7 ul.pro li:hover p { background: rgba(205,178,120,0.6); left: 0; }


.mygrid .business {  background: url(../img/page4_bg.jpg) no-repeat center 85px; }
.mygrid .finan {  background: url(../img/page5_bg.jpg) no-repeat center 85px; }
.mygrid .contact {  background: url(../img/page6_bg.jpg) no-repeat center 85px; }
.mygrid #map {  background: url(../img/map_bg.jpg) no-repeat center 85px; display: none; }
.mygrid .products {  background: url(../img/page7_bg.jpg) no-repeat center 85px; }


/*----------------------------show--------------------------*/
.mygrid .show { width: 983px; margin: 60px auto; text-align: center; line-height: 21px; font-size: 12px; color:#000; }
.mygrid .show h3 { font-size: 18px; padding: 25px 0 15px 0; }
.mygrid .show p { line-height: 24px;   } 
.pageshow {  }
.pageshow .page_title {   background:#fff;  margin:0 auto; width: 983px; height:85px; }
.pageshow .page_title h5 {  text-align: right; margin: 30px 0; }
/*@media all and (min-height:600px) and (max-height:768px){
     .home { height: 644px; }
}
@media all and (min-height:769px) and (max-height:800px){
     .home { height: 644px; }
}
@media all and (min-height:801px) and (max-height:900px){
     .home { height: 760px; }
}
@media all and (min-height:901px) and (max-height:1024px){
     .home { height: 890px; }
}
@media all and (min-height:1025px) and (max-height:1050px){
     .home { height: 854px; }
}
@media all and (min-height:1051px) and (max-height:1080px){
     .home { height: 94px; }
}
@media all and (min-height:1081px) and (max-height:1200px){
     .home { height: 944px; }
}*/