@charset "utf-8";
/*重置*/
body, h1, h2, h3, dl, dd, dt, p, ul, li, ol {
  margin: 0;
  padding: 0;
}
button, input, select, textarea {
  border: none;
  margin: 0;
  outline: none;
  padding: 0;
  background: none;
}
h1, h2, h3 {
  font-weight: normal;
}
img {
  border: none;
}
a {
  text-decoration: none;
  outline: none;
}
body {
  font: 14px/1.5;
  font-family: "Microsoft YaHei";
}
li {
  list-style-type: none;
}
.kefubox{top:-150px}
.pb30{padding-bottom: 30px!important}
.hd{text-align: center}
.hd li {
  margin-right: 30px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: inline-block;
  + display: inline;
  + float: left;
  white-space: nowrap;
  word-break: break-all;
}
.hd li a {
  display: block;
  border: 1px solid #ccc;
  color: #444;
  padding: 0 12px;
}
.hd li a:hover {
  border: 1px solid #fe0101;
  background: #fe0101;
  color: #fff;
}


.search-box li {
  display: block;
  height: 30px;
  font-size: 12px
}
.bshare-custom {
  width: 180px;
  float: left;
}
.riqi {
  margin-top: 10px
}
.riqi span {
  width: 210px;
  float: left;
  display: block
}
.riqi span:nth-child(2n) {
  width: 150px;
  padding: 0 15px
}
.img {
  background: url("../images/img.png") no-repeat;
}
.xjt_l {
  height: 20px;
  width: 18px;
  background-position: -136px -79px;
}
.xjt_r {
  height: 20px;
  width: 18px;
  background-position: -112px -79px;
}
.more_grid {
  height: 18px;
  width: 21px;
  background-position: -160px -64px;
}
.dh_01HOME {
  height: 28px;
  width: 24px;
  background-position: 0 0;
}
.dh1 {
  height: 28px;
  width: 24px;
  background-position: -28px 0;
}
.dh4 {
  height: 28px;
  width: 24px;
  background-position: -82px 0;
}
.dh3 {
  height: 28px;
  width: 24px;
  background-position: -55px 0;
}
.dh2 {
  height: 28px;
  width: 24px;
  background-position: -110px 0;
}
.dh5 {
  height: 28px;
  width: 24px;
  background-position: -163px 0;
}
.dh6 {
  height: 28px;
  width: 24px;
  background-position: -135px 0;
}
.dh7 {
  height: 28px;
  width: 24px;
  background-position: -189px 0;
}
.qweix {
  height: 34px;
  width: 34px;
  background-position: 0 -120px;
}
.qweibo {
  height: 34px;
  width: 34px;
  background-position: -37px -120px;
}
.qq {
  height: 34px;
  width: 34px;
  background-position: -74px -120px;
}
.foot_tel {
  height: 24px;
  width: 24px;
  background-position: -112px -120px;
}
.jt_right {
  height: 50px;
  width: 50px;
  background-position: -53px -63px;
}
.jt_left {
  height: 50px;
  width: 50px;
  background-position: 0 -63px;
}
/*header*/
.top_bg {
  height: 100px;
  box-shadow: 0 1px 5px #888;
  background-color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=113, Color='#888888')"; /*ie8,需和背景颜色共同使用,超出部分会隐藏*/
  position: fixed;
  width: 100%;
  z-index: 100;
}
.top_line {
  height: 30px;
  width: 100%;
  background-color: #ed0209;
}
.top_line p {
  width: 1300px;
  margin: 0 auto;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
}
.top_line p a {
  float: right;
}
.top_line p a img {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.top_main {
  width: 1300px;
  margin: 0 auto;
}
.top_logo {
  float: left;
  max-width: 500px;
  height: 70px;
  margin-top: 15px;
}
.top_logo img {
  width: 315px;
  display: block;
  margin-top: 15px;
}
/*导航*/
.dh_bg {
  max-width: 780px;
  margin-left: 30px;
  float: left;
  position: relative;
}
.dh_bg ul:after {
  display: table;
  content: '';
  clear: both; /*清除浮动*/
}
.dh_bg ul li {
  float: left;
  width: 86px;
  text-align: center;
  position: relative;
  z-index: 5;
}
.dh_bg ul li > a {
  font-size: 14px;
  color: #666;
  display: block;
  height: 78px;
  padding-top: 10px;
}
.dh_bg ul li > a i {
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 28px;
  background-position-y: 0;
  transition: background-position-y .3s;
  -moz-transition: background-position-y .3s; /* Firefox 4 */
  -webkit-transition: background-position-y .3s; /* Safari and Chrome */
  -o-transition: background-position-y .3s; /* Opera */
}
.dh_bg ul li > a span {
  display: block;
  height: 16px;
  line-height: 16px;
  margin-top: 6px;
  overflow: hidden;
}
.dh_bg_cur {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 86px;
  overflow: hidden;
}
.dh_bg_cur img {
  display: block;
  position: relative;
  left: 50%;
  margin-left: -43px;
}
.dh_bg ul li.cur > a {
  color: #fff;
}
.dh_bg ul li.cur > a i {
  background-position-y: -28px;
}
.two_nav_box {
  position: relative;
  position: absolute;
  width: 1300px;
  right: 0;
}
.two_nav_box .two_nav {
  position: absolute;
  right: 0;
  overflow: visible;
  background-color: #ffffff;
  box-shadow: 0 0 6px #888888;
  border-radius: 3px;
  padding: 10px 0;
  display: none;
}
.two_nav_box .two_nav dl {
  float: left;
  padding: 0 20px;
  position: relative;
}
.two_nav_box .two_nav dl dt {
  font-size: 15px;
  line-height: 30px;
}
.two_nav_box .two_nav dl dt a {
  color: #ed0209;
  font-weight: bold;
}
.two_nav_box .two_nav dl i {
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  background: url("../images/menu_line.png") /*tpa=http://www.soyamed.com/theme/images/menu_line.png*/ no-repeat center center;
  background-size: 1px 100%;
}
.two_nav_box .two_nav > div dl:first-child i {
  display: none;
}
.two_nav_box .two_nav > span {
  position: absolute;
  right: 24px;
  top: -13px;
  width: 37px;
  height: 13px;
  background: url("../images/menu_xsj.png") /*tpa=http://www.soyamed.com/theme/images/menu_xsj.png*/ no-repeat center center;
}
.two_nav_box .two_nav dl dd a {
  font-size: 12px;
  color: #999;
  line-height: 26px;
}
.two_nav_box .two_nav dl dd:hover a {
  color: #ed0209;
  text-decoration: underline;
}
.contentbox {
  padding-top: 100px;
  overflow: hidden;
}
.search-box {
  margin-top:39px;
  width: 20%;
  float: right
}
.search-box input:first-child {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.search-box input:nth-child(2n) {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.search-box input {
  float: left;
  width: 190px;
  height: 22px;
  padding: 0;
  padding-left: 8px;
  border: 1px solid #c0c0c0;
  border-right: 0;
  font-size: 13px;
  line-height: 22px;
  color: #595757;
}
.search-box input[type="submit"] {
  width: 30px;
  cursor: pointer;
  height: 24px;
  border: 1px solid #ed0209;
  border-left: 0;
  background: url("../images/bg_btn01.png") #ed0209 no-repeat center;
  margin-right: 8px;
}
.search-box a {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  line-height: 22px;
  color: #595757;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.search-box a:hover {
  color: #e11837;
}
/*banner*/
.banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  position: fixed;
}
.banner .hd {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 20%;
  width: 100%;
  z-index: 1;
}
.banner .hd ul {
  overflow: hidden;
  zoom: 1;
  text-align: center;
}
.banner .hd ul li {
  margin: 0 15px;
  display: inline-block;
  width: 50px;
  height: 5px;
  background: #fff;
  cursor: pointer;
}
.banner .hd ul li.on {
  background: #ed0209;
}
.banner .bd {
  position: relative;
  z-index: 0;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}
.banner .bd li {
  zoom: 1;
  vertical-align: middle;
}
.banner .bd img {
  width: 1920px;
  height: 800px;
  display: block;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev, .banner .next {
  position: absolute;
  left: 2%;
  top: 40%;
  display: block;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.banner .next {
  left: auto;
  right: 2%;
}
.banner .prev:hover, .banner .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.banner .prevStop {
  display: none;
}
.banner .nextStop {
  display: none;
}
.content {
  margin-top: 800px;
  position: relative;
  z-index: 5;
  background-color: #ffffff;
}
.content .wid_main {
  width: 1300px;
  margin: 0 auto;
}
.index_title {
  text-align: center;
  padding: 80px 0 70px;
}
.index_title > div {
  background: url("../images/title_bg.png") /*tpa=http://www.soyamed.com/theme/images/title_bg.png*/ no-repeat center top;
}
.index_title h1 {
  font-size: 32px;
  color: #444;
  margin-bottom: 12px;
}
.index_title span {
  display: block;
  font-size: 18px;
  color: #ed0209;
  font-family: arial;
  text-transform: uppercase;
}
/*chanp */
.index_cpbox {
  background: url("../images/bg_yuan.png") /*tpa=http://www.soyamed.com/theme/images/bg_yuan.png*/ no-repeat bottom 80px left 24px, url("../images/bg01_yuan.png") /*tpa=http://www.soyamed.com/theme/images/bg01_yuan.png*/ no-repeat right bottom 50px;
}
.cp_pic_box {
  overflow: hidden;
  position: relative;
}
.cp_pic_box .bd {
  padding: 0 35px;
}
.cp_pic_box .bd ul {
  overflow: hidden;
  zoom: 1;
  padding: 10px 0 !important;
}
.cp_pic_box .bd ul li {
  margin: 0 15px;
  padding: 10px;
  float: left;
  _display: inline;
  overflow: hidden;
  background-color: #fff;
  transition: box-shadow .3s;
}
.cp_pic_box .bd ul li .pic {
  overflow: hidden;
}
.cp_pic_box .bd ul li .pic img {
  width: 360px;
  height: 360px;
}
.cp_pic_box .bd ul li .title {
  width: 360px;
  position: relative;
}
.cp_pic_box .bd ul li .title h2 {
  font-size: 20px;
  color: #666;
  line-height: 48px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: #bbb solid 1px;
}
.cp_pic_box .bd ul li .title i {
  position: absolute;
  left: 0;
  top: 48px;
  width: 0;
  height: 1px;
  background-color: #ed0209;
  transition: width .7s;
  z-index: 2;
}
.cp_pic_box .bd ul li .title p {
  font-size: 14px;
  color: #999;
  line-height: 24px;
  padding: 6px 0 0;
  height: 48px;
  overflow: hidden;
}
.cp_pic_box .bd ul li:hover {
  box-shadow: 0 0 10px #999;
}
.cp_pic_box .bd ul li .title:hover h2 {
  color: #ed0209;
}
.cp_pic_box .bd ul li .title:hover i {
  width: 100%;
}
.cp_pic_box .hd {
  overflow: hidden;
  border: 2px solid #ed0209;
  border-radius: 50px;
  height: 46px;
  width: 236px;
  margin: 50px auto 80px;
  text-align: center;
  line-height: 42px;
}
.cp_pic_box .hd span {
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  transition: background-position-y .2s;
}
.cp_pic_box .hd a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 42px;
}
.cp_pic_box .hd a:hover {
  opacity: .8;
}
.cp_pic_box .hd span:hover {
  background-position-y: -79px;
}
/*index_about*/
.index_about {
  background: url("../images/bg02.png") /*tpa=http://www.soyamed.com/theme/images/bg02.png*/ no-repeat center bottom;
  background-color: #f5f5f5;
}
.about_box {
  overflow: hidden;
  padding-bottom: 80px;
}
.about_box .leftpic {
  float: left;
  margin-right: 20px;
  position: relative;
}
.about_box .leftpic span {
  display: block;
  width: 630px;
  height: 390px;
}
.about_box .leftpic video {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 630px;
  height: 420px;
}
.about_box .righttxt {
  float: right;
  width: 650px;
}
.about_box .righttxt .txt {
  font-size: 16px;
  color: #666;
  line-height: 30px;
  text-indent: 2em;
  height: 330px;
  overflow: hidden;
  margin-top: -30px;
}
.about_box .righttxt .txt * {
  text-align: justify;
}
.about_box .righttxt > a {
  display: block;
  text-align: center;
  width: 160px;
  height: 45px;
  line-height:45px;
  font-size: 16px;
  color: #ed0209;
  border: #ed0209 solid 1px;
  border-radius: 50px;
  margin-top: 25px;
  transition: background-color .3s;
}
.about_box .righttxt > a:hover {
  color: #ffffff;
  background-color: #ed0209;
}
/*case*/
.index_case {
  background: url("../images/bg03.jpg") /*tpa=http://www.soyamed.com/theme/images/bg03.jpg*/ no-repeat center bottom;
  background-color: #b7b7b7;
}
.index_case .index_title > div {
  background: url("../images/title_bg_w.png") /*tpa=http://www.soyamed.com/theme/images/title_bg_w.png*/ no-repeat center top;
}
.index_case .index_title h1 {
  color: #fff;
}
.index_case .index_title span {
  color: #fff;
}
.index_case .case_box {
  width: 1300px;
  margin: 0 auto;
}
.index_case .case_box ul {
  overflow: hidden;
  padding: 0 .3%;
}
.index_case .case_box ul li {
  float: left;
  width: 425.5px;
  margin: 0 0.2% .4%;
  position: relative;
}
.index_case .case_box ul li img {
  display: block;
  width: 100%;
  height: 240px;
}
.index_case .case_box ul li > div {
  background-color: #ed0209;
  text-align: center;
  width: 100%;
  padding-right: 1px;
}
.index_case .case_box ul li > div h2 {
  color: #fff;
  font-size: 24px;
  width: 80%;
  margin: 0 auto;
  border-bottom: #ffffff dashed 1px;
  padding: 32px 0 26px 0;
  overflow: hidden;
  white-space: nowrap;
}
.index_case .case_box ul li > div p {
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  width: 80%;
  margin: 20px auto 0;
}
.index_case .case_box ul li > div a {
  display: block;
  width: 114px;
  height: 30px;
  margin: 12px auto 0;
  border: 3px solid rgba(255, 255, 255, .8);
  border-radius: 30px;
}
.index_case .case_box ul li > div a span {
  background-color: #fff;
  border: #ed0209 solid 1px;
  display: block;
  color: #ed0209;
  font-size: 14px;
  line-height: 28px;
  border-radius: 30px;
}
.index_case .case_box ul li > div a span:hover {
  color: #fff;
  background-color: #ed0209;
}
.index_case .case_box p {
  text-align: center;
}
.index_case .case_box p a {
  display: inline-block;
  width: 300px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  border: #ffffff solid 2px;
  border-radius: 50px;
  background-color: #ed0209;
  margin: 60px 0 80px;
  transition: background-color .3s;
  opacity: .9;
}
.index_case .case_box p a:hover {
  color: #ed0209;
  background-color: #ffffff;
}
/*新闻资讯*/
.multipleColumn {
  overflow: hidden;
  position: relative;
}
.multipleColumn .bd {
  overflow: hidden;
}
.multipleColumn .bd ul {
  overflow: hidden;
  zoom: 1;
  width: 620px;
  margin-right: 60px;
  float: left;
  _display: inline;
}
.multipleColumn .bd ul li {
  position: relative;
  margin-bottom: 34px;
}
.multipleColumn .bd ul li div {
  overflow: hidden;
  border-bottom: #bbb solid 1px;
  padding: 12px 0;
  margin-bottom: 8px;
}
.multipleColumn .bd ul li div img {
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 10px;
}
.multipleColumn .bd ul li div h2 {
  color: #555;
  font-size: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 34px;
}
.multipleColumn .bd ul li div span {
  color: #999;
  font-size: 14px;
  display: block;
  margin-top: 24px;
}
.multipleColumn .bd ul li div i {
  position: absolute;
  left: 0;
  top: 104px;
  width: 0;
  height: 1px;
  background-color: #ed0209;
  transition: width .7s;
  z-index: 2;
}
.multipleColumn .bd ul li div:hover i {
  width: 100%;
}
.multipleColumn .bd ul li div h2:hover {
  color: #ed0209;
}
.multipleColumn .bd ul li p {
  color: #999;
  font-size: 16px;
  line-height: 26px;
  height: 54px;
  overflow: hidden;
}
.multipleColumn .hd {
  overflow: hidden;
  border: 2px solid #ed0209;
  border-radius: 50px;
  height: 46px;
  width: 236px;
  margin: 20px auto 60px;
  text-align: center;
  line-height: 42px;
}
.multipleColumn .hd span {
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  transition: background-position-y .2s;
}
.multipleColumn .hd a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 42px;
}
.multipleColumn .hd a:hover {
  opacity: .8;
}
.multipleColumn .hd span:hover {
  background-position-y: -79px;
}
/*友情链接*/
.index_link {
  background-color: #f5f5f5;
}
.index_link h3 {
  border: #ed0209 solid 2px;
  border-radius: 50px;
  display: inline-block;
  margin-top: 20px;
  background-color: #fff;
  position: relative;
  line-height: 36px;
}
.index_link h3 a {
  width: 120px;
  background-color: #ed0209;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: -2px;
  left: -2px;
}
.index_link h3 span {
  display: inline-block;
  margin-left: 120px;
  padding: 0 12px 0 10px;
  font-size: 18px;
  color: #666;
  font-family: arial;
}
.index_link ul {
  padding-bottom: 30px;
}
.index_link ul li {
  display: inline-block;
  margin: 20px 40px 0 10px;
  position: relative;
}
.index_link ul li a {
  font-size: 15px;
  color: #777;
}
.index_link ul li i {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 1px;
  background-color: #ed0209;
  transition: width .3s;
  z-index: 2;
}
.index_link ul li:hover i {
  width: 100%;
}
.index_link ul li:hover a {
  color: #ed0209;
}
/*footer*/
.footer {
  background-color: #c21318;
}
.footer_nav {
  padding: 60px 0 50px;
  overflow: hidden;
}
.foot_logo {
  padding-right: 30px;
  border-right: #1a7f47 solid 1px;
  float: left;
  margin-right: 30px;
}
.foot_logo img {
  width: 145px;
}
.foot_menu {
  float: left;
  overflow: hidden;
}
.foot_menu dl {
  float: left;
  padding: 0 50px;
}
.foot_menu dl dt {
  margin-bottom: 16px;
}
.foot_menu dl dt a {
  font-size: 16px;
  color: #fff;
}
.foot_menu dl dd {
  line-height: 30px;
}
.foot_menu dl dd a {
  font-size: 14px;
  color: #fff;
}
.foot_menu dl dd:hover a {
  color: #fff;
}
.foot_telewm {
  float: right;
  overflow: hidden;
}
.foot_telewm .tel {
  float: left;
  overflow: hidden;
  padding-right: 60px
}
.foot_telewm .tel h2 {
  font-size: 20px;
  color: #fff;
}
.foot_telewm .tel h2 i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -4px;
}
.foot_telewm .tel h2 span {
  display: block;
  margin-top: 10px;
}
#ckepop > .jiathis_txt {
  font-size: 14px !important;
  color: #fff;
  display: block;
  float: none !important;
  margin-top: 20px;
  margin-bottom: 10px;
}
#ckepop .jtico {
  background: none !important;
  margin: 0 12px 0 0px !important;
  padding-bottom: 18px !important;
  padding-left: 0 !important;
}
#ckepop .jtico i {
  display: inline-block;
  background-position-y: -120px;
  transition: background-position-y .2s;
  -moz-transition: background-position-y .2s; /* Firefox 4 */
  -webkit-transition: background-position-y .2s; /* Safari and Chrome */
  -o-transition: background-position-y .2s; /* Opera */
}
#ckepop .jtico i:hover {
  background-position-y: -154px;
}
.foot_telewm .ewm {
  float: left;
  margin-left: 26px;
  text-align: center;
}
.foot_telewm .ewm img {
  width: 140px;
  height: 140px;
  display: block;
}
.foot_telewm .ewm p {
  font-size: 16px;
  color: #fff;
  margin-top: 6px;
}
.footer_txt {
  border-top: #fa1b22 solid 1px;
  width: 1300px;
  padding: 30px 210px 40px;
  margin-left: -210px;
}
.footer_txt * {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.footer_txt a:hover {
  color: #fff;
}
.footer_txt p > * {
  margin-right: 14px;
}