/*
	div.wrap>div.wrap的嵌套使用
*/
.wrap > .wrap {
  float: left;
  width: auto; }

.col:after,
.grid:after,
.wrap:after {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

/*
	div.grid固定宽度1000px;
*/
.grid,
.w1000 {
  width: 1000px;
  position: relative;
  margin: 0 auto; }

/*
	div.grid.over  通栏，即宽度为100%的页面布局
*/
.grid.over,
.grid.over > .col {
  width: 100%;
  position: relative; }

.col {
  position: relative; }

.grid > div,
.grid.over > div,
.w1000 > div.w1000,
.w1000 > div.w720,
.w1000 > div.w680,
.w1000 > div.w660,
.w1000 > div.w490,
.w1000 > div.w440,
.w1000 > div.w360,
.w1000 > div.w350,
.w1000 > div.w330,
.w1000 > div.w320,
.w1000 > div.w300,
.w1000 > div.w260 {
  margin-left: 20px;
  float: left;
  position: relative; }

.grid > div:first-child,
.grid.over > div:first-child,
.w1000 > div:first-child {
  margin-left: 0 !important; }

.grid > div:last-child:after,
.grid.over > div:last-child:after,
.w1180 > div:last-child:after {
  display: block;
  content: "clear";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.w1000,
.col.w1000 {
  width: 1000px !important;
  margin: 0 auto; }

.w720,
.col.w720 {
  width: 720px !important;}

.w680,
.col.w680 {
  width: 680px !important;}

.w660,
.col.w660 {
  width: 660px !important;}

.w490,
.col.w490 {
  width: 490px !important;}

.w440,
.col.w440 {
  width: 440px !important;}

.w360,
.col.w360 {
  width: 360px !important;}

.w350,
.col.w350 {
  width: 350px !important;}

.w330,
.col.w330 {
  width: 330px !important;}
.w320,
.col.w320 {
  width: 320px !important;}
.w300,
.col.w300 {
  width: 300px !important;}
.w260,
.col.w260 {
  width: 260px !important;}
/**  wgc 结构完成 **/


h1, h2, h3, h4, h5 {
  font-weight: normal;
  font-size: inherit; }

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

a {
  color: inherit; }

img {
  border: 0 none; }

em, i {
  font-style: normal;
  color: inherit; }

input::-webkit-input-placeholder {
  color: #6e6e6e; }

textarea::-webkit-input-placeholder {
  color: #6e6e6e; }

input::-moz-placeholder {
  color: #6e6e6e; }

textarea::-moz-placeholder {
  color: #6e6e6e; }

input:-moz-placeholder {
  color: #6e6e6e; }

textarea:-moz-placeholder {
  color: #6e6e6e; }

input:-ms-input-placeholder {
  color: #6e6e6e; }

textarea:-ms-input-placeholder {
  color: #6e6e6e; }

body {
  background: #e9e9e9; }

.logo {
  height: 120px;
  background: #dbdbdb;
  border-top: 20px #8c3300 solid; }

.logo_l {
  padding: 28px 0 0 4px; }

.logo_r {
  position: relative;
  height: 120px; }
  .logo_r .logo_rpho {
    position: absolute;
    right: 0;
    top: 50px;
    line-height: 22px; }
    .logo_r .logo_rpho span {
      float: left;
      margin: 0 28px 0 5px;
      font-weight: bold;
      font-size: 22px;
      font-family: "microsoft yahei";
      color: #a84200; }
    .logo_r .logo_rpho img {
      float: left;
      padding-top: 2px; }
    .logo_r .logo_rpho em {
      display: block;
      font-weight: bold;
      font-size: 16px;
      font-family: arial;
      color: #a84200; }
    .logo_r .logo_rpho:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
  .logo_r .logo_top {
	background: url(../images/logo03.png);
    position: absolute;
    top: 0;
    right: 0;
    width: 257px;
    text-align: center;
    height: 28px;
    line-height: 24px;
    font-size: 12px;
    font-family: "microsoft yahei";
    color: #ffffff; }
    .logo_r .logo_top a {
      padding: 0 5px; }
      .logo_r .logo_top a:hover {
        text-decoration: underline; }

/** nav **/
.menu .nav {
  height: 50px; }
  .menu .nav .nav-item {
    float: left;
    position: relative;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center; }
    .menu .nav .nav-item a {
      font-size: 16px;
      font-family: "microsoft yahei";
      color: #ffffff; }
    .menu .nav .nav-item:hover {
      background: #722c00; }
      .menu .nav .nav-item:hover .sec {
        display: block; }
    .menu .nav .nav-item .sec {
      display: none;
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      z-index: 99;
      background: #722c00; }
      .menu .nav .nav-item .sec .sec-item {
        line-height: 50px;
        border-top: #793208 1px solid; }
        .menu .nav .nav-item .sec .sec-item a {
          font-size: 14px; }
        .menu .nav .nav-item .sec .sec-item:hover {
          color: #ffffff;
          background: #552400; }
  .menu .nav .choose {
    background: #722c00; }
  .menu .nav:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** banner **/
.banner {
  position: relative;
  height: 500px;
  overflow: hidden; }


/** page1 **/
.page1 {
  position: relative;
  padding: 0 50px;
  height: 330px;
  background: #fff; }
  .page1:before, .page1:after {
    content: '';
    position: absolute;
    top: -22px;
    left: 440px;
    z-index: 10;
    width: 1px;
    height: 260px;
    background: #dfdfdf; }
  .page1:after {
    left: 840px;
    visibility: visible; }
  .page1 .grid {
    top: -47px;
    background: #f5f5f5; }

.common-title-style1 {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333;
  background: transparent url(../images/page301.png) no-repeat;
  background-size: 320px 42px; }

/** words **/
.words .mores {
  text-align: right;
  padding-right: 20px;
  font-size: 12px;
  font-family: "simsun";
  color: #999999; }
  .words .mores a:hover {
    text-decoration: underline; }

.words .words_item_b {
  height: 290px;
  border: #cccccc 1px solid;
  background: #fff; }

.words .words_item {
  padding: 10px 20px; }
  .words .words_item li {
    height: 26px;
    line-height: 26px;
    vertical-align: middle; }
    .words .words_item li i {
      display: inline-block;
      width: 14px;
      padding-right: 5px;
      vertical-align: middle; }
    .words .words_item li a {
      font-size: 12px;
      font-family: "simsun";
      color: #333333; }
      .words .words_item li a:hover {
        text-decoration: underline; }
  .words .words_item:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** news  **/
.news {
  position: relative;
  padding: 0 22px;
  height: 300px; }
  .news .more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -62px;
    text-align: center;
    font-size: 13px;
    font-family: "microsoft yahei";
    color: #c6863a; }
    .news .more a:hover {
      text-decoration: underline; }
  .news .titles {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-top: 22px;
    font-size: 20px;
    font-family: "microsoft yahei";
    color: #494949; }
    .news .titles img {
      vertical-align: middle;
      padding-right: 5px; }
  .news .news_item {
    padding-top: 10px; }
    .news .news_item li {
      padding: 10px 0;
      border-bottom: #e8e8e8 1px solid; }
      .news .news_item li span {
        float: left;
        width: 107px;
        height: 35px;
        overflow: hidden; }
        .news .news_item li span img {
          transition: all 0.4s;
          -moz-transition: all 0.4s;
          -webkit-transition: all 0.4s;
          -o-transition: all 0.4s; }
        .news .news_item li span:hover img {
          transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          -webkit-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1); }
      .news .news_item li a {
        float: left;
        width: 218px;
        margin: -4px 0 0 10px;
        font-size: 14px;
        font-family: "microsoft yahei";
        color: #c6863a; }
      .news .news_item li:after {
        content: '.';
        display: block;
        visibility: hidden;
        clear: both;
        width: 100%;
        height: 0;
        font-size: 0;
        zoom: 1; }

/** cases **/
.cases {
  height: 336px; }
.cases .cases_title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: transparent url(../images/cases01.png) no-repeat;
  background-size: 660px 42px;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333; }
.cases .cases_div {
  height: 294px;
  border: #dedede 1px solid;
  border-top: 0 none;
  background: #fff; }
.cases .cases_div .cases_item1 {
  padding-top: 20px; }
.cases .cases_div .cases_item {
  margin: 0 20px; }
.cases .cases_div .cases_item li {
  float: left;
  height: 26px;
  line-height: 26px;
  width: 308px;
  vertical-align: middle; }
.cases .cases_div .cases_item li i {
  display: inline-block;
  width: 14px;
  padding-right: 5px;
  vertical-align: middle; }
.cases .cases_div .cases_item li a {
  font-size: 12px;
  font-family: "simsun";
  color: #333333; }
.cases .cases_div .cases_item li a:hover {
  text-decoration: underline; }
.cases .cases_div .cases_item:after {
  content: '.';
  display: block;
  visibility: hidden;
  clear: both;
  width: 100%;
  height: 0;
  font-size: 0;
  zoom: 1; }
.cases .cases_div .cases_div_link {
  padding-top: 10px;
  text-align: right;
  padding-right: 20px;
  font-size: 12px;
  font-family: "simsun";
  color: #999999; }
.cases .cases_div .cases_div_link a:hover {
  text-decoration: underline; }
.cases .cases_div .cases_pic {

  float: left;
  width: 104px;
  height: 130px;
  overflow: hidden;
  margin-right: 10px; }
.cases .cases_div .cases_txt {
  float: left;
  width: 502px; }
.cases .cases_div .cases_txt_w160 {
  float: left;
  width: 160px; }

.cases .cases_div .cases_txt .cases_txt1 {
  padding-bottom: 10px;
  font-size: 14px;
  font-family: "simsun";
  color: #943800; }
.cases .cases_div .cases_txt .cases_txt2 {
  line-height: 28px;
  font-size: 12px;
  font-family: "simsun";
  color: #666666; }
.cases .cases_div .cases_txt .cases_txt2 a {
  color: #990000; }
.cases .cases_div .cases_txt .cases_txt2 a:hover {
  text-decoration: underline; }

/** page2 **/
.page2 {
  padding: 20px 0;
  background: #f5f5f5;
  border-top: #dedede 1px solid;
  border-bottom: #dedede 1px solid; }

.banner_for {
  width: 100%;
  height: auto; }
  .banner_for img {
    display: block;
    width: 100%; }

  .field .contact_us_title {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
font-family: "microsoft yahei";
color: #ffffff; }
.field .contact_us_title a{
color: #ffffff; 
}
	

	
.contact_us {
  height: 336px; }
  .contact_us .contact_us_title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-family: "microsoft yahei";
    color: #ffffff; }
  .contact_us .contact_us_pbox {
    height: 280px;
    margin: 0 6px 0 5px;
    background: #fff;
    padding-top: 16px;
    border: #dedede 1px solid;
    border-top: 0 none; }
  .contact_us .contact_us_p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 14px;
    font-family: "simsun";
    color: #333333; }
    .contact_us .contact_us_p span {
      float: left;
      width: 100px; }
    .contact_us .contact_us_p em {
      float: left;
      width: 166px; }
    .contact_us .contact_us_p:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
  .contact_us .contact_us_link {
    padding-top: 10px;
    text-align: right;
    padding-right: 20px;
    font-size: 12px;
    font-family: "simsun";
    color: #999999; }
    .contact_us .contact_us_link a:hover {
      text-decoration: underline; }

/** page3 **/
.page3 {
  padding: 10px 0 20px 0;
  background: #fff; }

/**field **/
.field .title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333; }

.field .field_item {
  padding: 3px;
min-height: 180px;
background: #fff;
border: #f0f0f0 8px solid;
border-top: #f0f0f0 10px solid; }
  .field .field_item li {
    float: left;
    width: 141px;
    height: 28px;
    line-height: 28px;
    margin: 3px;
    text-align: center;
    border: #cccccc 1px solid;
    font-size: 12px;
    font-family: "simsun";
    color: #333333;
    background: #f9f9f9; }
    .field .field_item li a {
      display: block; }
    .field .field_item li:hover a {
      text-decoration: underline; }
  .field .field_item:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** bar_bg **/
.bar_bg {
  padding: 20px 0 10px 0;
  background: #fff; }

/** online_ **/
.title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333; }

.online .online_form {
  padding: 10px 0;
  height: 270px;
  border: #cccccc 1px solid;
  background: #fff; }
  .online .online_form .err {
    width: 333px;
    margin: 0 auto;
    height: 18px;
    color: red; }
  .online .online_form .input input, .online .online_form .input textarea {
    display: block;
    width: 285px;
    height: 22px;
    line-height: 22px;
    border: #cccccc 1px solid;
    padding: 3px;
    margin: 0 auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    color: #666; }
  .online .online_form .input textarea {
    resize: none;
    height: 60px; }
  .online .online_form .code {
    width: 293px;
    margin: 0 auto; }
    .online .online_form .code input {
      float: left;
      width: 180px; }
    .online .online_form .code span {
      float: right;
      width: 100px;
      height: 25px; }
      .online .online_form .code span img {
        display: block;
        width: 100px;
        height: 30px; }
    .online .online_form .code:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
  .online .online_form .btn {
    width: 293px;
    margin: 0 auto; }
    .online .online_form .btn input {
      width: 293px;
      height: 32px;
      line-height: 32px;
      border: 0 none;
      cursor: pointer;
      font-size: 16px;
      font-family: "microsoft yahei";
      color: #ffffff;
      background: #993a00; }
      .online .online_form .btn input:hover {
        background: #af4506; }
    .online .online_form .btn:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
  .online .online_form:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** standard **/
.standard:hover img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1); }

.standard .title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333; }

.standard .standard_item {
  width: 100%;
  height: 295px;
  overflow: hidden; }
  .standard .standard_item a {
    display: block;
    width: 100%;
    height: 295px;
    overflow: hidden; }
    .standard .standard_item a img {
      display: block;
      width: 100%;
      height: 295px; }
  .standard .standard_item img {
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s; }

/** evalua **/
.evalua .title {
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #333333; }

.evalua .words_item_b {
  height: 290px;
  border: #cccccc 1px solid;
  background: #fff; }

.evalua .words_item {
  padding: 10px 20px; }
  .evalua .words_item li {
    padding: 20px 10px;
    border-bottom: #e6e5e5 1px dashed; }
    .evalua .words_item li a {
      display: block;
      font-size: 12px;
      font-family: "simsun";
      color: #333333; }
      .evalua .words_item li a:hover {
        text-decoration: underline; }
    .evalua .words_item li span {
      display: block;
      padding-top: 16px;
      text-align: right;
      font-size: 12px;
      font-family: "simsun";
      color: #999999; }
  .evalua .words_item:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** styles **/
.styles {
  padding: 0 10px 0 20px;
  margin-bottom: 20px; }
  .styles .styles_title {
    line-height: 42px;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "microsoft yahei";
    color: #494949; }
    .styles .styles_title img {
      vertical-align: middle;
      padding-right: 6px; }
  .styles .styles_item li {
    padding: 14px 0; }
    .styles .styles_item li em {
      float: left;
      width: 36px;
      margin-right: 10px; }
    .styles .styles_item li a, .styles .styles_item li span {
      float: left;
      line-height: 34px;
      font-size: 20px;
      font-family: "microsoft yahei";
      color: #494949; }
    .styles .styles_item li a:hover {
      text-decoration: underline; }
    .styles .styles_item li:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
  .styles .slide2 {
    position: relative;
    width: 350px;
    margin: 10px auto; }
    .styles .slide2 .ck-slide-dir {
      width: 350px;
      height: 216px;
      overflow: hidden; }
    .styles .slide2 .ctrl-slide {
      display: none;
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 10;
      margin: -18px 0 0 0; }
    .styles .slide2 .ck-next {
      left: auto;
      right: 0; }
    .styles .slide2:hover .ctrl-slide {
      display: block; }

/** info **/
.infos_bg {
  padding: 20px 0;
  background: #fff; }

.infos .infos_titles {
background: url(../images/info01.png) no-repeat;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-family: "microsoft yahei";
  color: #ffffff; }

.infos .infos_txt {
  height: 165px;
  margin: 0 6px;
  border: #f0f0f0 8px solid;
  border-top: #f0f0f0 10px solid;
  padding: 5px 15px 15px 15px;
  background: #fff;
  line-height: 30px;
  font-size: 12px;
  font-family: "simsun";
  color: #333333; }
  .infos .infos_txt a {
    color: #990000; }
    .infos .infos_txt a:hover {
      text-decoration: underline; }

.infos_rool {
  padding-top: 10px;
  height: 233px;
  background: #f0f0f0; }
  .infos_rool .slide1 {
    height: 180px;
    width: 298px;
    border: #fff 5px solid;
    margin: 0 auto; }
    .infos_rool .slide1 .ck-slide-dir {
      width: 100%;
      height: 180px;
      overflow: hidden; }
    .infos_rool .slide1 .presence1_list li {
      width: 298px;
      left: 0;
      right: 0; }
      .infos_rool .slide1 .presence1_list li a {
        display: block;
        width: 100%;
        height: 180px;
        overflow: hidden; }
      .infos_rool .slide1 .presence1_list li a img{
      width: 298px;
      height: 180px;}
      .infos_rool .slide1 .presence1_list li span {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 28px;
        line-height: 28px;
        text-align: center;
        font-size: 14px;
        font-family: "microsoft yahei";
        color: #ffffff;
        background: #000/0;
        background: rgba(0, 0, 0, 0.5); }
    .infos_rool .slide1 .presence1_list:after {
      content: '.';
      display: block;
      visibility: hidden;
      clear: both;
      width: 100%;
      height: 0;
      font-size: 0;
      zoom: 1; }
    .infos_rool .slide1 .slideWrap .dot-wrap {
      position: absolute;
      bottom: 15px;
      left: 0;
      right: 0;
      text-align: center; }
      .infos_rool .slide1 .slideWrap .dot-wrap li {
		padding-left:5px;
        display: inline-block;
        width: 10px;
        height: 10px;
        background: url(../images/dot01.png) no-repeat; }
      .infos_rool .slide1 .slideWrap .dot-wrap li.current {
        background: url(../images/dot00.png) no-repeat; }

/** link_bg **/
.link_bg {
  background: #863100; }

.links {
  height: 50px;
  line-height: 50px; }
  .links .links_title {
    float: left;
    font-size: 18px;
    font-family: "microsoft yahei";
    color: #ffffff; }
  .links .links_txt {
    float: left;
    font-size: 12px;
    font-family: "simsun";
    color: #ffffff; }
    .links .links_txt a {
      padding: 0 10px; }
      .links .links_txt a:hover {
        color: #cb4e06;
        text-decoration: underline; }
  .links:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    width: 100%;
    height: 0;
    font-size: 0;
    zoom: 1; }

/** footr **/
.footr2 {
  background: #e9e9e9; }

.foot_logo {
  padding: 45px 0; }

.footr_txt_t {
  text-align: right;
  padding: 30px 0 5px 0;
  line-height: 22px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #8c3300; }
  .footr_txt_t a {
    padding: 0 5px; }
    .footr_txt_t a:hover {
      text-decoration: underline; }

.footr_txt_b {
  text-align: right;
  line-height: 28px;
  font-size: 12px;
  font-family: "microsoft yahei";
  color: #8c3300; }
  
.page301{
	background: url(../images/page301.png) no-repeat;
}
.cases02 {
	background: url(../images/cases02.png) no-repeat;
}
.contact_us01 {
background: url(../images/contact_us01.jpg) no-repeat;
}