﻿
@charset "utf-8";
*{ box-sizing: border-box; }
body {font-size:12px;font-family:"微软雅黑";color:#333;background: #fff; min-width: 1200px;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre,fieldset, lengend, button, input, textarea,th, td { margin: 0; padding: 0; }
ol,ul,li{list-style: none;}
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
a { text-decoration:none; color:#333; }
img{ border:0;  vertical-align: middle; }
select,input,textarea{ border: 0; font-family:Arial; outline:none;resize:none;}
/*input::-webkit-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}
textarea::-webkit-input-placeholder{color:#999;}
textarea::-moz-placeholder{color:#999;}
textarea:-moz-placeholder{color:#999;}*/
h1, h2, h3, h4, h5, h6{ font-weight: normal; font-size: 100%; }
div, dl, dt, dd, ol, ul, li { zoom: 1; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input[type="button"],input[type="submit"] { cursor: pointer; }
a:hover{text-decoration:none;}
input, textarea { box-sizing: border-box; }
button { -webkit-appearance:none; }

/*合并表格边框，设置边框距为零*/
table{ border-collapse: collapse; border-spacing: 0; }

/*清除浮动*/
.clearfix {+height:1%;}
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}


/*强制换行   禁止换行*/
.break_word{ word-wrap:break-word; word-break:break-all;}
.keep_all{ word-break:keep-all; white-space:nowrap; }

/*超出省略号，仅限单行，并且需要设定一个宽度*/
.ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; }
.ellipsis_2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis_3 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis_4 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis_5 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ellipsis_7 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.ellipsis_8 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}

/*me*/
.wrap{ width: 1200px; margin: 0 auto; }


/*边距*/
.mt5{ margin-top: 5px;}
.mt6 { margin-top:6px; }
.mt15{ margin-top: 15px;}
.mt10{ margin-top: 10px;}
.mt18{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt26{ margin-top: 26px;}
.mt28{ margin-top: 28px;}
.mt32{ margin-top: 32px;}
.mt35{ margin-top: 35px;}
.mt38{ margin-top: 38px;}
.mt42{ margin-top: 42px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt56{ margin-top: 56px;}
.mt60{ margin-top: 60px;}
.mt68{ margin-top: 68px;}
.mt87 { margin-top: 87px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml20{ margin-left: 20px;}
.ml50{ margin-left: 50px;}
.mr8 { margin-right: 8px }
.mr10{ margin-right: 10px }
.mr11{ margin-right: 11px }
.mr16{ margin-right: 16px }
.mr20{ margin-right: 20px }
.mr30{ margin-right: 30px }
.mr45{ margin-right: 45px }
.mr48{ margin-right: 48px }
.mr50{ margin-right: 50px }
.mb8{ margin-bottom: 8px;}
.mb12{ margin-bottom: 12px;}
.mb14{ margin-bottom: 14px;}
.mb16{ margin-bottom: 16px;}
.mb20{ margin-bottom: 20px;}
.mb22{ margin-bottom: 22px;}
.mb28{ margin-bottom: 28px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb36{ margin-bottom: 36px;}
.mb40 { margin-bottom: 40px; }
.mb50{ margin-bottom: 50px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb70{ margin-bottom: 70px;}
.mb75{ margin-bottom: 75px;}
.mb150{ margin-bottom: 150px;}
.mg60 { margin:60px 0; }

.pad_100 { padding-bottom:100px!important; }
.padding_top10 { padding-top:10px;  }
.padding_top20 {padding-top:20px;}
.padding_top34 {padding-top:34px;}
.padding_top44 {padding-top:44px;}
.padding_top72 {padding-top:72px;}
.padding_btm300 { padding-bottom:300px; }


.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}

/******* 状态 ******/
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.pa{ position: absolute;}
.none { display:none; }
.hidden{ overflow:hidden }
.vertical_middle{ display:inline-block; *zoom:1; *display:inline;vertical-align:middle;}
.vertical_top { display:inline-block; *display:inline; zoom:1; vertical-align: top; }
.text_left { text-align:left; }
.text_center { text-align: center;}
.text_right{ text-align: right;}

/******    样式   *******/
.opacity_0 { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -khtml-opacity: 0; }
.opacity_6 { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -webkit-opacity: 0.6; -o-opacity: 0.6; -khtml-opacity: 0.6; }
.opacity_7 { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -webkit-opacity: 0.7; -o-opacity: 0.7; -khtml-opacity: 0.7; }
.place_000::-webkit-input-placeholder{ color:#000; }
.place_000::-moz-placeholder  { color:#000; }
.place_000:-moz-placeholder { color:#000; }
.place_000:-ms-placeholder { color:#000; }

.place_444::-webkit-input-placeholder{ color:#444; }
.place_444::-moz-placeholder  { color:#444; }
.place_444:-moz-placeholder { color:#444; }
.place_444:-ms-placeholder { color:#444; }

.place_737373::-webkit-input-placeholder{ color:#737373; }
.place_737373::-moz-placeholder  { color:#737373; }
.place_737373:-moz-placeholder { color:#737373; }
.place_737373:-ms-placeholder { color:#737373; }

.place_999::-webkit-input-placeholder{ color:#999; }
.place_999::-moz-placeholder  { color:#999; }
.place_999:-moz-placeholder { color:#999; }
.place_999:-ms-placeholder { color:#999; }

.radius6 {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.radius10 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}


.radius30 {
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.radius50 {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

/* 特殊字体 */

@font-face {
  font-family: 'upright';
  src: url('../font/方正兰亭黑简体.eot');
  src: local('upright Regular'),
        local('upright'),
        url('../font/方正兰亭黑简体.woff') format('woff'),
        url('../font/方正兰亭黑简体.ttf') format('truetype'),
        url('../font/方正兰亭黑简体.svg#upright') format('svg');
  }
  /* 鼠标划过图片样式 */
  .defo_img img  {
  transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor: pointer;
  }
  .defo_img img:hover {
    transform: scale(1.2); 
    -ms-transform: scale(1.2); 
    -moz-transform: scale(1.2); 
    -webkit-transform: scale(1.2); 
    -o-transform: scale(1.2); 
    opacity: 0.6;
  }

  .defo_img_small img  {
  transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  cursor: pointer;
  }
  .defo_img_small img:hover {
    transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -webkit-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    opacity: 0.6;
  }


/*首页*/

.header{ width: 100%; z-index: 999;}
.logo{width:315px; margin: 0 auto; padding:7px 0;}
.logo a{ display: block; color: #fff; }

.head{ width: 100%; margin: 0 auto; background-color: #0F7E20; }
.nav{ width: 900px; margin: 0 auto;}
.nav li{ width:128px; float: left; font-size: 16px; text-align: center;}
.nav li a{width: 105px; color: #fff; line-height: 42px; text-align: center;  display: inline-block; }
.nav li .current{ color: #0F7E20; text-align: center; display: inline-block; transform: skew(-30deg); background-color: #fff;}
.nav li a:hover{color: #0F7E20; text-align: center; display: inline-block; transition: all 1s; transform: skew(-30deg); background-color: #fff }
.nav li .current span{ transform: skew(30deg); display: inline-block;}
.nav li a:hover span{ transform: skew(30deg); display: inline-block;}

.content {position: relative;z-index: 99;}

/* 轮播图 */

.slideBox {
  width: 100%;
  height: 800px;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

.slideBox .hd {
  height: 20px;
  overflow: hidden;
  position: absolute;
  left: 45.5%;
  bottom: 32px;
  z-index: 1;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox .hd ul li {
  float: left;
  margin-right: 30px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  border-radius: 50%;
  color: transparent;
}

.slideBox .hd ul li.on {
  background: #A99E5A;
  color: transparent;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
  width: 1920px;
  margin-left: -960px;
  left: 50%;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
  overflow: hidden;
}

.slideBox .bd img {
  width: 100%;
  height: 800px;
  display: block;
  overflow: hidden;
}

.index_about{ width: 100%; background: url("../images/index_about.jpg") no-repeat center center;height: 600px; }
.index_about .about_right{ width: 590px; color: #fff;} 
.index_about .about_right .text{ font-size: 16px; line-height: 33px; padding-top: 80px; }
.index_about .about_right .href_index{ display: inline-block; margin-top: 70px; width: 120px; border:1px solid #fff; padding:5px 0; text-align: center; font-size: 14px; color: #fff; transition: all .8s; }
.index_about .about_right .href_index:hover{ padding-left: 20px;}

.index_product_1{ width: 100%; background: url("../images/index_pro_1.jpg") no-repeat center center;height: 320px;}
.index_product_2{ width: 100%; background: url("../images/index_pro_2.jpg") no-repeat center center;height: 320px;}
.index_product ul { overflow: hidden; padding:35px 0 40px;}
.index_product ul li {
  float: left;
  width: 223px;
  height: 223px;
  margin-right: 20px;
}
.index_product ul li:nth-child(5n){ margin-right: 0; }
.stu_tu_hover_pro { position: relative; overflow: hidden;}
.stu_dis_pro {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  margin: 0 auto;
  top: 223px;
  cursor: pointer;
}
.stu_dis_bac_pro {
  position: absolute;
  z-index: 99;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 223px;
  height: 223px;
  line-height: 223px;
  border-radius: 50%;
  margin: auto;
  background: rgba(186, 116, 16, 0.8);
}
.product_hide_pro{ width: 223px; text-align: center; position: absolute; bottom: 10px; left: 50%; margin-left: -100px; color: #000; font-size: 20px;}
.view_more_pro {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 225px;
  height: 225px;
}
.view_more_pro span{ width: 80px; display: block; line-height: 30px; letter-spacing: 3px;}
.stu_hide_pro{ width: 223px; text-align: center; color: #fff; background: rgba(186, 116, 16, 0.8); font-size: 16px; position: absolute; top: 110px; left: 50%; margin-left: -111.5px; border-radius: 0 0 223px 223px;  height: 111.5px; line-height: 111.5px;}
.stu_tu_pro {
  width: 223px;
  height: 223px;
  overflow: hidden;
  text-align: center;
}
.stu_tu_pro img{ width: 223px; height: 223px; }

.index_product_title_1{ text-align: center; font-size: 28px; font-family: "楷体"; color: #0F7E20; letter-spacing: 8px; padding:20px 0;}
.index_product_title_1 span{ font-family: "黑体"; padding: 0 10px;}
.index_bg_1{ width: 100%; height: 260px; overflow: hidden; }
.index_bg_1 img{ width: 100%; height: 260px;  }

.line_center {
    height: 60px;
    position: relative;
}
.line {
    height: 1px;
    background-color: #0D813B;
    border: 1px solid #0D813B;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
}
.lint_text {
    width: 240px;
    font-size: 28px;
    color: #0D813B;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -120px;
    background-color: #FFF;
    text-align: center;
    letter-spacing: 4px;
}
.about_center {
    padding-top: 20px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 5px;
    color: #0D813B;
}
.lint_text1{
    width: 240px;
    font-size: 28px;
    color: #0D813B;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -120px;
    background-color: #F0F0F0;
    text-align: center;
    letter-spacing: 4px;
}

.index_bg_2{ width: 100%; height: 258px; overflow: hidden; }
.index_bg_2 img{ width: 100%; height: 258px;  }


.pro_list{ width:100%; }
.pro_list ul {
  margin-top: 10px;
  overflow: hidden;
}

.pro_list ul li {
  float: left;
  width: 380px;
  height: 260px;
  margin-bottom: 10px;
}
/*.pro_list ul li:nth-child(5n){ margin-right: 0; }
*/
.stu_tu {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.stu_tu img{  width: 380px; height: 260px}
.stu_hide{ text-align: center; line-height: 38px;color: #960E0E; font-size: 14px; }

.stu_tu_hover { position: relative; overflow: hidden;}
.stu_dis {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 383px;
  margin: 0 auto;
  top: 0;
  cursor: pointer;
}
.stu_dis_bac {
  position: absolute;
  z-index: 99;
  top: -50px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  background: rgba(39, 17, 6, 0.7);
}
.product_hide{ width: 200px; text-align: center; position: absolute; bottom: 10px; left: 50%; margin-left: -100px; color: #000; font-size: 20px;}
.view_more {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding:32% 40%;
}
.view_more span{ width: 80px; display: block; line-height: 30px; letter-spacing: 3px;}



.index_product_new{ padding-top: 170px; background: url('../images/news_bg.jpg') no-repeat center center; height: 800px;}
.index_top .collection_a{ width: 520px; margin: 0 auto; border-bottom: 1px dashed #ccc;}
.index_top .collection_a li{ width: 143px; height: 40px; float: left; text-align: center; font-size: 20px; margin:0 15px; padding: 7px 0; cursor: pointer; color: #fff; transition: all .8s;}
.index_top .collection_a li.on{ color: #E7DF02;}
.index_top .collection_a li:hover{ color: #E7DF02;}

/* 本例子css */
.picScroll-news{ width:1200px; overflow:hidden; position:relative; margin: 50px auto 0; height: 500px;}
.picScroll-news .hd{ position: relative; z-index: 999; width: 100px; margin: 0 auto;}
.picScroll-news .hd .prev,.picScroll-news .hd .next{ position: absolute; top:430px;width:50px; font-size: 70px; color: #fff; overflow:hidden; cursor:pointer;}
.picScroll-news .hd .next{ left:0px;}
.picScroll-news .hd .prev{ right:0px;}
.picScroll-news .hd .prev:hover,.picScroll-news .hd .next:hover{ color: #E7DF02; }
/*    .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/
.picScroll-news .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-news .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-news .hd ul li.on{ background-position:0 0; }
.picScroll-news .bd{ padding:10px;}
.picScroll-news .bd ul{ overflow:hidden; zoom:1; }
.picScroll-news .bd ul li{width: 277px; margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; border: 1px solid transparent;}
.picScroll-news .bd ul li .pic{ text-align:center; }
.picScroll-news .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; }
.picScroll-news .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-news .bd ul li:nth-child(4n){margin-right: 0}


.stu_tu_news {
  width: 277px;
  height: 184px;
  overflow: hidden;
}
.stu_tu_news img {
  width: 277px;
  height: 184px;
}
.stu_tu_hover_news {
  position: relative;
  overflow: hidden;
  display: block;
  text-align: left;
  color: #fff;
}
.stu_tu_hover_news .date{ font-size: 12px;}
.stu_tu_hover_news .title{ font-size: 16px; padding: 10px 0;}
.stu_tu_hover_news .text{ font-size: 14px; height: 78px; line-height: 26px; text-indent: 2em; text-align: left; margin-top: 10px; padding: 0 10px;}
.stu_tu_hover_news:hover{ color: #E7DF02; }
.href_news{ display: inline-block;  float: right;} 
/*.index_more { text-align: right;color: #333; font-size: 16px; margin: 35px auto; display: block; font-family: "\5b8b\4f53";}

.index_news_title{ width: 100%; margin: 0 auto;}
.index_news_title img{ width: 100%; overflow: hidden;}

.media_left .media_left_img_1{ width: 110px; height: 83px; padding-left: 10px; background:url("../images/new_small_4.jpg") no-repeat center center; }
.media_left .media_left_img_2{ width: 110px; height: 83px; padding-left: 10px; background:url("../images/new_small_2.jpg") no-repeat center center; }

.media_group .media_list:hover .media_left_img_1{ background:url("../images/new_small_1.jpg") no-repeat center center;}
.media_group .media_list:hover .media_left_img_2{ background:url("../images/new_small_3.jpg") no-repeat center center;}
.media_left .media_left_text:hover{ width: 290px; padding-left: 20px; color: #603B25;}

.media_left .media_left_text{ width: 290px; padding-left: 20px;}

.media_left .media_left_text .title_1{ font-size: 20px;}
.media_left .media_left_text .text{ font-size: 14px;padding: 10px 0 5px; }
.media_left .media_left_text .small_box{ padding-top: 6px;font-size: 12px;}
.media_left .media_left_text .date{ text-align: left; width: 50px; }
.media_left .media_left_text .more{ text-align: right; width: 180px; display: inline-block; }


*/

/*首页环貌视角 */
.index_bg{ background-color: #F0F0F0;}
.picScroll-left{ overflow:hidden; position:relative; margin: 60px auto 0;}
.picScroll-left .hd{ overflow:hidden; font-size: 70px}
.picScroll-left .hd .prev{ position: absolute; top: 65px; left: 10px; width: 40px; height: 70px;}
.picScroll-left .hd .next{ position: absolute; top: 65px; right: 0px; width: 40px; height: 70px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{ opacity: .4;
filter: alpha(opacity=40); cursor: pointer;}
.picScroll-left .bd{ width: 1200px; margin:0 auto;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 288px; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; color: transparent;   }

.stu_list ul {
  margin-top: 40px;
  margin-right: -30px;
  overflow: hidden;
  width: 1200px !important;
}

.stu_list ul li {
  float: left;
  width: 287px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #BEBDBD;

}

.stu_tu_h {
  width: 287px;
  height: 210px;
  overflow: hidden;
}

.stu_tu_h img {
  width: 287px;
  height: 210px;
}

.stu_tu_hover_h {
  position: relative;
  overflow: hidden;
}

.stu_dis_h {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 287px;
  margin: 0 auto;
  top: 0;
  cursor: pointer;
}

.stu_dis_bac {
  position: absolute;
  z-index: 99;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(90, 68, 52, 0.7);
}

.product_hide{ width: 200px; text-align: center; position: absolute; bottom: 10px; left: 50%; margin-left: -100px; color: #000; font-size: 20px;}

.view_more_h {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 220px;
  width: 100%;
  margin:0 auto;
}
.link_top{ position: fixed;right: 40px; bottom: 30px; background-color: #011132;z-index: 99999;border-radius: 5px; cursor: pointer; }

/*footer*/
.footer_logo{ text-align: center; padding-top: 20px; }
.footer_list{ line-height: 28px; font-size: 14px; letter-spacing: 3px; }
.footer_list span{width: 45px; display: inline-block;}

.footer_list{text-align: left;}
.footer_center{ background-color: #07501E; padding:5px 0; height:195px;}
.footer_center .link{ width: 716px; color: #fff; padding-left: 38px;}
.footer_center .footer_weixin{ width: 184px;}
.footer_center .footer_weixin img{ width: 184px;}
.footer_tel{ width: 300px; color: #fff; font-size: 26px; padding:68px 0; }
.footer_tel img{ padding-right: 15px; }

.link_left {width: 80px;}
.link_right { width: 820px;}
.link_right ul li { width: 100px; float: left; text-align: center;}
.link_right ul li a{ display: block; color: #333;}

.fen_share{ width: 350px; margin: 20px auto; }
.fen_left{ width: 150px; color:#A1A1A1; font-size: 14px; line-height: 32px;}
.bdsharebuttonbox{width: 200px; }
/*#share a{ width: 27px; height: 27px; margin: 0 5px; padding: 0;}
#share a.bds_fbook{ background: url("../images/bds_f.png") no-repeat;}
#share a.bds_linkedin{ background: url("../images/bds_l.png") no-repeat;}
#share a.bds_weixin{ background: url("../images/bds_w.png") no-repeat;}
#share a.bds_sqq{ background: url("../images/bds_q.png") no-repeat;}

*/
.footer_link{ width: 730px; margin: 0 auto}
.footer_link li{ width:104px; float: left; font-size: 16px; padding: 5px 0 10px 0; text-align: center;}
.footer_link li a{ width:80px; color: #333; height: 30px; line-height: 30px; text-align: center;  display: inline-block;  }
.footer_link li span{ color: #fff; margin-left: 20px;}
.footer_link li a:hover{ border-bottom: 2px solid #07501E; color: #07501E; text-align: center; display: inline-block; }

.you_link{ padding: 10px 20px 10px; }
.footer_top{ padding-top: 20px; }
.footer_ban{ padding-top: 20px;}
.footer_ban span{ padding-right: 20px; color: #fff; }
.footer_ban a{ display: inline-block; color: #fff; padding-right:8px; line-height: 25px;}

.content_bg{ width: 100%; height: 500px; overflow: hidden; }
.content_bg img{ width: 100%; height: 500px; }
.content_title_1{ height: 119px; width: 100%; overflow: hidden; }
.content_title_1 img{ height: 119px; width: 100%; }

/*走进金海世*/
.about_banner{width: 100%;}
.about_banner img{ width: 100%; overflow: hidden}


/*百科*/
.news_group{ }
.news_list1{display:block; border-bottom: 1px solid #ddd; padding: 45px 0;}
.news_list_left{ width: 330px;height: 240px; overflow: hidden; display: block;}
.news_list_left img{ width: 330px;height: 240px; overflow: hidden; } 
.news_list_right{ width: 868px; padding-left: 55px; }
.news_list_right .title{ font-size: 16px; font-weight: bold; margin-top: 10px;}
.news_list_right .date{ font-size: 12px; color: #999;padding: 7px 0 15px; }
.news_list_right .text{ font-size: 14px; color: #666; line-height: 27px; width: 780px;}
.new_more{display: block; border: 1px solid #0D813B; background-color: #0D813B; width: 120px; border-radius: 4px; line-height: 33px; text-align: center; font-size: 16px;margin: 50px 0 0; transition: all .8s; font-family: "\5b8b\4f53"; }
.new_more a{ color: #fff; display: inline-block;}
.new_more:hover a{ padding-right: 15px; transition: all 1s; color: #D31213; display: inline-block;}
.news_list1:hover{ background-color: #D8EBDF; cursor: pointer; }

.new_line_title{ width: 800px; font-size: 22px; color: #000; letter-spacing: 4px; margin: 60px auto 0; font-weight: 600; text-align: center;}
.new_line_date{text-align: center; font-size: 14px; color: #666; margin: 15px 0 0;}
.new_link{ width: 378px; margin: 0 auto; }
.new_link .new_href{ display: inline-block; border: 1px solid #666565; width: 150px; border-radius: 1px; line-height: 33px; text-align: center; color: #716D6D; font-size: 16px;margin: 18px; transition: all .8s;}
.new_link .new_href:hover{ background-color: #D31213; color: #fff; border: 1px solid #D31213; border-radius: 1px; }
.about_content .contant_text{text-indent: 2em; font-size: 16px; margin: 45px auto; line-height: 30px; text-align: center;}


/*新闻资讯*/
.news{ margin-top: 40px; }
.news_list{ width: 360px; float: left; margin-right: 60px; transition:all 0.5s ease 0s;}
.news_list .news_img{ width: 360px; height: 220px; overflow: hidden; display: block;}
.news_list .news_img img{ width: 360px; height: 220px;}

.news_box{ padding: 15px; border-bottom: 2px solid #14803C; height: 160px; display: block;}
.news_list .title_1{ font-size: 22px; position: relative; padding-left: 16px; font-size: 16px;} 
.news_list .title_1:after{ position: absolute; top: 2px; content: ""; left: 0px; height: 17px; border: 1.5px solid #14803C;}
.news_list .title_2{ font-size: 16px; padding-top: 30px; } 
.news_list .date{ font-size: 12px; padding-bottom: 10px;} 
.news_list .text{ font-size: 14px; text-indent: 2em; line-height: 27px;}
.news_href{ width: 80px; margin-top:10px; padding: 3px 0; text-align: center; font-size: 14px; transition:all 0.5s ease 0s;}
.news_href:hover{ padding-left: 20px;}
.news_list:nth-child(3n){ margin-right: 0px; }
.news_list:hover{ background-color: #14803C; color: #fff; cursor: pointer; }
.news_list:hover .news_href{ color: #fff; }
.news_list:hover .news_box{ color: #fff; }

/*详情页*/

.master_details{text-align: center; width: 730px; margin: 0 auto 2rem;}
.master_details .title{ font-size: 18px; font-weight: 600; padding-top: 20px;}
.master_details .date{ font-size: .7rem;padding: 10px 0; }
.master_details .master_img{width: 600px; height: 400px; text-align: center; margin:1.2rem auto;}
.master_details .master_img img{width: 100%; text-align: center;}
.master_details .text{ font-size: 16px; text-align: left; text-indent: 2em; line-height: 33px; padding: 50px 20px 0 20px; }


.con_right{ width: 700px; }
.con_right a{ float: left; display: inline-block; font-size: 18px; color: #333; padding: 20px 12px; border-bottom: 2px solid transparent;}

.con_right a.on{display: inline-block; color: #0D813B;border-bottom: 2px solid #0D813B;}
.con_right a:hover{display: inline-block; color: #0D813B;}



/*分页*/
.page{
  margin-top: 60px;

  text-align: right;
  padding-bottom: 100px;
}
.prev{
  font-family: "黑体";
}
.next{
  font-family: "黑体";
}
.page a{
  display: inline-block;
  zoom: 1;
  text-align: center;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #afafaf;
  vertical-align: middle;
  border: 1px solid #c9c9c9;
  margin: 0 7px;
  background-color: #ffffff;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page .prev{
  width:66px !important;
}
.page .next{
  width:66px !important;
} 
.page span{
  display: inline-block;
  zoom: 1;
  text-align: center;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #afafaf;
  vertical-align: middle;
  border: 1px solid #c9c9c9;
  margin: 0 7px;
  background-color: #fff;
  cursor: pointer;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page .current{
  position: relative;
  border-color: #F6F5F5;
  color: #fff;
  background: #E60011 ;
}
.page span.current, .page a:hover { 
  position: relative; 
  border-color: #06851c ;
  color: #fff; 
  background: #06851c ; 
}
.about_con{
	width:100%;
}
.about_txt{
	width:1000px;
	text-align:center;
	font-size:18px;
	margin:0 auto 30px;
	color:#06851c;
	letter-spacing:4px;
	line-height:30px;
}
.about_img{
	width:1200px;
	margin:0 auto 100px;
}
.about_img_1{
	width:370px;
	height:235px;
	float:left;
	margin-top:85px;
  overflow: hidden;
}
.about_img_1 img{
	width:370px;
	height:235px;
}
.about_img_2{
	width:455px;
	height:320px;
	float:left;
    overflow: hidden;

}
.about_img_2 img{
	width:455px;
	height:320px;
}
.about_img_3{
	width:370px;
	height:235px;
	float:left;
	margin-top:85px;
    overflow: hidden;

}
.about_img_3 img{
	width:370px;
	height:235px;
}
.pro_con{
	width:100%;
  margin-bottom: 50px;
}
.pro_top {
	width:950px;
	margin:0 auto;
}
.pro_top ul{
	padding:0 10px;
}

.con_right{ width: 927px; margin: 0 auto;}


.con_right a{ 
  display: block;
  border:solid 1px #06851c;
  height:50px;
  width:165px;
  padding:15px;
  float:left;
  margin:10px;
  font-size:16px;
  font-weight:600;
  color:#06851c;
  text-align:center;
}

.con_right a.on{
  color:#FFF;
  background-color:#06851c;
}
.con_right a:hover{
  color:#FFF;
  background-color:#06851c;
}

.pro_btm{

  margin-top: 40px;
}
.pro_btm_img{
	height:235px;
	width:290px;
	float:left;
	margin:5px;
  transition: all .8s;
}

.pro_btm_img:hover .pro_btm_b{
	background-color:#06851c;
  color: #fff;
	}
.pro_btm_t{
	width:290px;
	height:184px;
  overflow: hidden;
  border:solid #06851c 1px;

}
.pro_btm_t img{
	width:290px;
	height:184px;
}
.pro_btm_b{
	height:50px;
	width:290px;
	font-size:16px;
	text-align:center;
	padding:15px 20px 25px 20px;
	font-weight:600;
  transition: all .8s;
}
.content_title_2{ height: 649px; width: 100%; overflow: hidden; 
background:url("../images/contact_banner_2.jpg") no-repeat center center;
}
.contact_con{
	height:600px;
	border:solid 1px #000;
	
}
.contact_top{
	height:220px;
	margin-top:150px;
}
.contact_logo{
	width:220px;
	height:220px;
	margin:0 auto;
}
.contact_title{
	width:200px;
	height:70px;
	margin:0 auto;
	padding:30px 0 0 0;
	font-size:26px;
	color:#06851c;
	text-align:center;
	font-weight:600;
	letter-spacing:5px;
	border-bottom:solid 1px #06851c;
}
.contact_txt{
	height:36px;
	width:500px;
	margin:0 auto;
	color:#06851c;
	text-align:center;
	font-size:16px;
	padding:6px 0;
	font-weight:600;
}
.contact_btm{
	width:100%;
	height:130px;
	position:absolute;
}
.contact_btm img{
	width:100%;
	height:130px;
}
.contact_ewm{
	width:210px;
	height:210px;
	position:relative;
	left:50%;
	margin-left:-105px;
	bottom:25px;

}
.contact_ewm img{
    height:185px;
   width:185px;
  text-align: center;
	padding:5px;
  background-color: #fff;
}