header {
  background-color: #fff;
  width: 100%;
}
header .logo {
  width: 100%;
  height: 88px;
  background: url("../images/header-bg_01.png") no-repeat center;
  position: relative;
}
header .logo .wrap {
  width: 1200px;
  margin: 0 auto;
}
header .logo .wrap .logos {
  position: absolute;
  top: 13px;
  left: 50%;
  margin-left: -583px;
}
header .logo .wrap .search {
  float: right;
  margin: 11px 23px 0 0;
  position: relative;
}
header .logo .wrap .search .search-tab {
  color: #828282;
  position: absolute;
  top: 8px;
  left: -138px;
}
header .logo .wrap .search .search-tab a {
  font-size: 12px;
  color: #828282;
}
header .logo .wrap .search .search-tab a:hover {
  color: #da221a;
}
header .logo .wrap .search .txt {
  padding-left: 14px;
  width: 220px;
  height: 28px;
  border: 1px solid #dedede;
  border-radius: 6px;
}
header .logo .wrap .search .btn {
  width: 28px;
  height: 28px;
  background: url("../images/search-btn_03.png") no-repeat right center;
  border: none;
  position: absolute;
  top: 2px;
  right: 3px;
  cursor: pointer;
}
header .logo .wrap nav {
  position: absolute;
  top: 58px;
  left: 50%;
  margin-left: -323px;
}
header .logo .wrap nav li {
  height: 30px;
  overflow: hidden;
  float: left;
  margin: 0 34px;
}
header .logo .wrap nav li .selected {
  color: #da221a;
}
header .logo .wrap nav li .selected span {
  bottom: 0;
}
header .logo .wrap nav li a {
  position: relative;
  font-size: 14px;
  color: #2d2d2d;
  padding: 6px 0;
}
header .logo .wrap nav li a span {
  position: absolute;
  display: inline-block;
  width: 55px;
  height: 2px;
  background-color: #da221a;
  left: 0;
  bottom: -10px;
}
header .logo .wrap nav li a:hover {
  color: #da221a;
}
header .logo .wrap nav li a:hover span {
  transition: 0.2s ease-in-out;
  bottom: 0px;
}
header .logo .wrap .message {
  width: 131px;
  height: 27px;
  float: right;
  top: 40px;
  right: 20px;
  margin: 56px -232px 0 0;
}
main {
  margin-top: 88px;
  /* 本例子css */

  /*前/后按钮代码*/

}
main .slideBox {
  width: 100%;
  height: 518px;
  overflow: hidden;
  position: relative;
  border-bottom: 2px solid #da221a;
}
main .slideBox .hd {
  height: 20px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: 20px;
  z-index: 1;
}
main .slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
main .slideBox .hd ul li {
  margin: 0 8px;
  float: left;
  color: transparent;
  border: 1px solid #d8d8d8;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
}
main .slideBox .hd ul li.on {
  background: #da221a;
  border-color: #da221a;
}
main .slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
main .slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}
main .slideBox .bd img {
  width: 100%;
  height: 518px;
  display: block;
}
main .slideBox .prev {
  position: absolute;
  left: 10%;
  top: 40%;
  display: block;
  width: 36px;
  height: 96px;
  background: url(../images/prev1_03.jpg) no-repeat;
}
main .slideBox .next {
  position: absolute;
  right: 10%;
  top: 40%;
  display: block;
  width: 36px;
  height: 96px;
  background: url(../images/next1_03.jpg) no-repeat;
}
main .slideBox .prev:hover {
  background: url(../images/prev2_03.jpg) no-repeat;
}
main .slideBox .next:hover {
  background: url(../images/next2_03.jpg) no-repeat;
}
main .news .wrap {
  width: 1200px;
  margin: 0 auto;
}
main .news .wrap .tit {
  height: 104px;
  line-height: 104px;
  padding: 0 46px;
}
main .news .wrap .tit h5 {
  display: inline;
  font-size: 20px;
  color: #2b2b2b;
}
main .news .wrap .tit h5 span {
  font-weight: 500;
  font-size: 14px;
  color: #878787;
}
main .news .wrap .tit a {
  padding-left: 6px;
  margin-top: 40px;
  float: right;
  color: #9c9c9c;
  font-size: 14px;
  display: inline-block;
  width: 123px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: url("../images/more-bg_03.jpg") no-repeat;
}
main .news .wrap .tit a:hover {
  color: #e5362e;
}
main .news .wrap .news-list {
  padding: 0 46px;
  height: 120px;
}
main .news .wrap .news-list li {
  margin: 4px 0;
  overflow: hidden;
  float:left;
  width: 536px;
}
main .news .wrap .news-list li span {
  letter-spacing: 1px;
  padding: 3px 80px 3px 0;
  background: url("../images/news-list-bg_03.jpg") no-repeat right center;
  float: left;
  font-size: 12px;
  color: #626262;
}
main .news .wrap .news-list li a {
  margin-left: 66px;
  color: #4b4b4b;
  font-size: 14px;
  float:left;
  width: 238px;
  height: 19px;
  overflow: hidden;
}
main .news .wrap .news-list li a:hover {
  color: #da221a;
}
main .news .wrap .pro {
  margin: 60px 0;
  position: relative;
}
main .news .wrap .pro .pro-tit {
  margin-left: 46px;
  width: 100px;
  height: 164px;
  background-color: #da1521;
  text-align: center;
  font-size: 17px;
  color: #fff;
}
main .news .wrap .pro .pro-tit h3 {
  padding: 60px 0 0 20px;
  width: 58px;
  font-weight: 500;
}
main .news .wrap .pro ul {
  position: absolute;
  top: 30px;
  left: 160px;
  margin-left: 10px;
}
main .news .wrap .pro li {
  margin: 0px 30px;
  display: inline-block;
  text-align: center;
}
main .news .wrap .pro li:hover a p {
  color: #da1521;
}
main .news .wrap .pro li:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
main .news .wrap .pro li .pro-con .img-box {
  width: 136px;
  height: 102px;
  overflow: hidden;
}
main .news .wrap .pro li .pro-con .img-box img {
  width: 136px;
  height: 102px;
}
main .news .wrap .pro li .pro-con p {
  font-size: 14px;
  color: #565656;
  margin-top: 16px;
}
main .application {
  width: 100%;
  background-color: #f2f2f2;
}
main .application .wrap {
  width: 1200px;
  margin: 0 auto;
}
main .application .wrap .tit {
  height: 80px;
  line-height: 80px;
  padding: 0 46px;
}
main .application .wrap .tit h5 {
  display: inline;
  font-size: 20px;
  color: #2b2b2b;
}
main .application .wrap .tit h5 span {
  font-weight: 500;
  font-size: 14px;
  color: #878787;
}
main .application .wrap .tit a {
  margin-top: 40px;
  float: right;
  color: #9c9c9c;
  font-size: 14px;
  display: inline-block;
  width: 123px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: url("../images/more-bg_03.jpg") no-repeat;
}
main .application .wrap ul {
  padding: 0 36px 36px 36px;
}
main .application .wrap li {
  margin: 10px 10px;
  display: inline-block;
  width: 353px;
  height: 255px;
}
main .application .wrap li:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
main .application .wrap li .img-box {
  width: 353px;
  height: 155px;
  overflow: hidden;
}
main .application .wrap li .img-box img {
  width: 353px;
  height: 155px;
}
main .application .wrap li .txt {
  height: 80px;
  overflow: hidden;
  padding: 10px 15px;
  background-color: #fff;
}
main .application .wrap li .txt h6 {
  color: #373737;
  font-size: 17px;
}
main .application .wrap li .txt p {
  margin-top: 6px;
  line-height: 22px;
  font-size: 14px;
  color: #5d5c5c;
}
footer {
  width: 100%;
  height: 62px;
  line-height: 62px;
}
footer .wrap {
  width: 1200px;
  margin: 0 auto;
}
footer .wrap p {
  font-size: 14px;
  color: #828282;
}
footer .wrap .lf {
  float: left;
  margin-left: 46px;
}
footer .wrap .rt {
  float: right;
  margin-right: 48px;
}
.part-pic {
  opacity: 0;
}
/*ins-page-style*/
.ins-page-nav {
  border-bottom: 2px solid #da1521;
}
.inside-page .wrap {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 0 20px;
  
}
.inside-page .wrap .inside-page-left {
  width: 194px;
  float: left;
  padding: 0 8px 0 6px;
}
.inside-page .wrap .inside-page-left .inside-page-lf-top {
  height: 62px;
  width: 192px;
  background-color: #da251d;
}
.inside-page .wrap .inside-page-left .inside-page-lf-top h5 {
  padding: 10px 0 0 30px;
  font-weight: 300;
  font-size: 20px;
  color: #fff;
}
.inside-page .wrap .inside-page-left .inside-page-lf-top p {
  padding-left: 30px;
  font-size: 14px;
  color: #fff;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul {
  padding: 14px 24px;
  background-color: #f6f6f6;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul .selected {
  background: url("../images/ins-lit-pic_03.jpg") no-repeat left center;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul .selected a {
  color: #df2c24;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul li {
  padding-left: 20px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul li:hover {
  background: url("../images/ins-lit-pic_03.jpg") no-repeat left center;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul li a {
  display: inline-block;
  width: 100%;
  height: 32px;
  color: #3d3d3d;
  overflow: hidden;
  font-size: 16px;
}
.inside-page .wrap .inside-page-left .inside-page-lf-con ul li a:hover {
  color: #df2c24;
}
.inside-page .wrap .inside-page-left .inside-page-lf-bot {
  margin: 15px 0 0 -6px;
  width: 208px;
  height: 189px;
  background: url("../images/ins-tel_03.jpg") no-repeat left center;
}
.inside-page .wrap .inside-page-right {
  width: 958px;
  float: right;
  min-height: 780px;
}
.inside-page .wrap .inside-page-right .rt-tit {
  padding: 13px 0;
  border-bottom: 1px solid #df2c24;
}
.inside-page .wrap .inside-page-right .rt-tit p {
  font-size: 14px;
  color: #383838;
}
.inside-page .wrap .inside-page-right .rt-tit p a {
  color: #383838;
}
.inside-page .wrap .inside-page-right .rt-tit p a:hover {
  color: #df2c24;
}
.inside-page .wrap .inside-page-right .about-con .img-box {
  margin: 15px 0;
}
.inside-page .wrap .inside-page-right .about-con .txt p {
  font-size: 14px;
  color: #3d3d3d;
  text-indent: 28px;
  line-height: 34px;
}
.inside-page .wrap .inside-page-right .pro-con li {
  display: inline-block;
  margin: 16px 13px 0 14px;
  width: 161px;
}
.inside-page .wrap .inside-page-right .pro-con li:hover a p {
  color: #da1521;
}
.inside-page .wrap .inside-page-right .pro-con li:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
.inside-page .wrap .inside-page-right .pro-con li .img-box {
  display: inline-block;
  width: 161px;
  height: 133px;
  overflow: hidden;
}
.inside-page .wrap .inside-page-right .pro-con li .img-box img {
  width: 161px;
  height: 133px;
}
.inside-page .wrap .inside-page-right .pro-con li p {
  font-size: 14px;
  color: #6c6c6c;
  margin-top: 22px;
  text-align: center;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult {
  height: 212px;
  padding: 20px 0;
  border-bottom: 1px solid #e1e1e1;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .lf {
  float: left;
  width: 283px;
  height: 212px;
  overflow: hidden;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .lf img {
  width: 283px;
  height: 212px;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .rt {
  float: right;
  width: 600px;
  height: 212px;
  overflow: hidden;
  margin-right: 40px;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .rt h5 {
  font-weight: 400;
  padding: 20px 0;
  font-size: 18px;
  color: #383838;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .rt h5 span {
  margin-right: 10px;
  display: inline-block;
  width: 3px;
  height: 15px;
  background-color: #da251d;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .rt p {
  line-height: 26px;
  font-size: 14px;
  color: #7d7d7d;
}
.inside-page .wrap .inside-page-right .pro-detail-con .consult .rt a {
  display: inline-block;
  width: 130px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #da221a;
  color: #fff;
  font-size: 14px;
  margin-top: 28px;
  border-radius: 14px;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify li {
  height: 148px;
  margin: 22px 0;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify li:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .lf {
  border: 1px solid #e0e0e0;
  float: left;
  width: 197px;
  height: 148px;
  overflow: hidden;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .lf img {
  width: 197px;
  height: 148px;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .rt {
  float: right;
  width: 608px;
  height: 148px;
  overflow: hidden;
  margin-right: 110px;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .rt h5 {
  font-weight: 400;
  padding: 10px 0;
  font-size: 18px;
  color: #383838;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .rt h5 span {
  margin-right: 10px;
  display: inline-block;
  width: 3px;
  height: 15px;
  background-color: #da251d;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .rt p {
  line-height: 26px;
  font-size: 14px;
  color: #7d7d7d;
}
.inside-page .wrap .inside-page-right .pro-detail-con .classify .rt span {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #da261e;
}
.inside-page .wrap .inside-page-right .news-con li {
  height: 148px;
  margin: 30px 0;
}
.inside-page .wrap .inside-page-right .news-con li:hover img {
  transform: scale(1.15);
  transition: 0.4s ease-in-out;
}
.inside-page .wrap .inside-page-right .news-con .lf {
  border: 1px solid #e0e0e0;
  float: left;
  width: 197px;
  height: 148px;
  overflow: hidden;
}
.inside-page .wrap .inside-page-right .news-con .lf img {
  width: 197px;
  height: 148px;
}
.inside-page .wrap .inside-page-right .news-con .rt {
  float: right;
  width: 608px;
  height: 148px;
  overflow: hidden;
  margin-right: 110px;
}
.inside-page .wrap .inside-page-right .news-con .rt h5 {
  font-weight: 400;
  padding: 10px 0;
  font-size: 18px;
  color: #383838;
}
.inside-page .wrap .inside-page-right .news-con .rt h5 span {
  margin-right: 10px;
  display: inline-block;
  width: 3px;
  height: 15px;
  background-color: #da251d;
}
.inside-page .wrap .inside-page-right .news-con .rt p {
  line-height: 26px;
  font-size: 14px;
  color: #7d7d7d;
}
.inside-page .wrap .inside-page-right .news-con .rt a {
  display: inline-block;
  width: 130px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #da221a;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  border-radius: 14px;
}
.inside-page .wrap .inside-page-right .news-con .page-num {
  margin-top: 100px;
  text-align: right;
}
.inside-page .wrap .inside-page-right .news-con .page-num .selected {
  color: #fff;
  background-color: #da221a;
}
.inside-page .wrap .inside-page-right .news-con .page-num a {
  padding: 4px 8px;
  font-size: 14px;
  color: #7d7d7d;
}
.inside-page .wrap .inside-page-right .news-con .page-num a:hover {
  color: #fff;
  background-color: #da221a;
}

.pcontent-ryan{width: 940px;margin: 50px 0;}
.guest_post_hr{  line-height: 30px;height: 30px;padding: 10px 0px;float:left;    margin-bottom: 40px;}
.guest_post_hr span{    width: 120px;display: block;float: left;text-align: right;    font-size: 18px;line-height: 45px;}
.guest_post .guest_post_text{    border: 1px solid #ccc;margin-left: 10px;line-height: 45px;height: 45px;width: 300px;}
.guest_post_tex{    float: left;width: 100%;}
.guest_post_tex span{    width: 120px;display: block;float: left; text-align: right;padding-top: 10px;font-size: 18px;}
#content{    width: 100%;margin: 0 auto;padding-bottom: 30px;}
.subdiv .button{    border: 0px solid #E62513;width: 50px;line-height: 40px;height: 40px;width: 140px;font-size: 16px;font-weight: bold;vertical-align: top;background: #da251d;color: #fff;cursor: pointer;}

/*内容页*/
.pagecontent {margin-right:0px; float:left; width:890px; margin-top: 30px;margin-left: 20px;}
.pagecontent .boxcontent h1{height:45px;  font-size:16px; font-weight:bold; text-align:center}
.pagecontent .boxcontent .info { font-size:12px; text-align:left; color:#999; margin-bottom:30px;text-align: center;}
.pagecontent .boxcontent .content1 { font-size:14px; line-height:20px; margin-top:10px;width:890px; color: #666;min-height: 400px;}
.pagecontent .boxhead {margin-top:20px; width:100%; float:left;}
.pagecontent .boxhead h3 { font-size:12px; font-weight:normal;}
.pagecontent .boxlist {}
.pagecontent .boxlist li { float:left; width:50%;}
.pagecontent .boxlist li .line { padding-right:10px !important;}
.pagecontent .updown {    margin-bottom: 70px; line-height:25px; height:auto; padding-left:10px; padding-right:10px; color:#666; float:left; width:100%;padding-top: 50px;}
.pagecontent .updown a {color:#333333}
.pagecontent .updown a:hover {color:#333333}
.pagecontent .updown .previous { float:left; width:400px;overflow: hidden;}
.pagecontent .updown .next { float:right; width:420px;overflow: hidden;}
.boxcontent h3{color: #333333;padding-bottom: 5px;text-align: center;font-weight: bold;font-size: 18px;}


.pro_ms{width: 608px;height: 100px;overflow: hidden;}
.about-con{padding-top: 20px;}



.page-num{text-align: center;clear: both;margin-top: 30px; padding-bottom:40px;}
.page-num a{ padding:5px 10px; border:1px solid #ccc; background:#fff;}
.page-num a:hover{ padding:5px 10px; border:1px solid #da251d; background:#da251d; color:#fff;}
.page-num span{ padding:5px 10px; border:1px solid #da251d; background:#da251d; color:#fff;}
.page-num a:first-of-type{ padding:5px 10px; border:0px solid #ccc; background:#fff; color:#333;}
.page-num a:first-of-type:hover{ padding:5px 10px; border:0px solid #ccc; background:#fff; color:#333;}