@charset 'utf-8';

h2{font-weight: 400}
.container {}
/*tit*/
 .tit{text-align: center;font-size: 28px;margin-bottom:30px;
 padding-top:30px;font-family: "微软雅黑"}
.tit h2{text-transform: uppercase;color: #a9a9a9}
.tit p{color: #161616}

/*con-1*/
.con_1{overflow: hidden}
.con_1 .wd_1{display: block;width: 1020px;text-align: center;margin: 0 auto; line-height:180%; font-size: 16px;color: #484848;}
a.btn_1{color: #fff}
.btn_1{display: block;width: 155px;height: 42px;line-height: 42px;text-align: center; border-radius:10px; background-color: red;color: #fff;font-size: 16px;margin:60px auto 50px}

/*con_2*/
.con_2{background-color: #f5f5f5}
.con_2 .con_2_con .hd{overflow: hidden;margin:0 auto;width: 100%;text-align: center;padding-left:calc(50% - 70px)}
.con_2 .con_2_con .hd li{display: block;width:140px;height:40px;color: #484848;font-size: 14px;float:left;text-align: center;line-height: 40px;margin-bottom:50px;cursor: pointer}
.con_2 .con_2_con .hd li.on{color: #fff;background-color: red}
.con_2 .con_2_con .bd li{display: block;width:280px;height:350px;border: 1px solid #e5e5e5;float:left;margin-bottom:30px;}
.con_2 .con_2_con .bd li:not(:nth-child(4n)){margin-right:22px}

.con_2 .con_2_con .bd li span{height: 68px;line-height: 68px;font-size: 15px;margin-left: 30px;color: #5a332b}
.con_2 .con_2_con .bd li .more{float:right;height: 68px;line-height: 68px;font-size: 14px;margin-right:30px}
.con_2 .con_2_con .bd li:hover{box-shadow: 0 0 50px #999;}
.con_2 .con_2_con .bd li:hover span{color: red}

/*on_3*/
.con_3 .con3_con li{float:left;width: 600px;height: 200px;}
.con_3 .con3_con li .con3_wd{width: 300px;height: 200px;padding:35px 15px;color: #949494;position: relative;background-color: #f5f5f5}
.con_3 .con3_con li .con3_wd::before{content: "";display: block;width: 0;height: 0;position: absolute;top:48%;display: none}
.con_3 .con3_con li:nth-child(1) .con3_wd::before,.con_3 .con3_con li:nth-child(2) .con3_wd::before{left: -15px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 15px solid red;}
.con_3 .con3_con li:nth-child(3) .con3_wd::before,.con_3 .con3_con li:nth-child(4) .con3_wd::before{border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid red;right: -15px}
.con_3 .con3_con li:nth-child(5) .con3_wd::before,.con_3 .con3_con li:nth-child(6) .con3_wd::before{left: -15px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 15px solid red;}
.con_3 .con3_con li .con3_wd h2{font-size: 16px;color: #484848}
.con_3 .con3_con li .con3_wd span{font-size: 14px;}
.con_3 .con3_con li .con3_wd p{font-size: 12px;margin-top:25px}
.con_3 .con3_con li:hover .con3_wd,.con_3 .con3_con li:hover .con3_wd h2{background-color: red;color: #fff}
.con_3 .con3_con li .con3_img {width: 300px;height: 200px;overflow: hidden;transition:.3s;-webkit-transiton:.3s}
.con_3 .con3_con li:hover .con3_img{border:1px solid red;}
.con_3 .con3_con li .con3_img img{transition:.3s;-webkit-transiton:.3s}
.con_3 .con3_con li:hover .con3_img img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.con_3 .con3_con li:hover .con3_wd::before{display: block}

/*con4*/
.con4{background: url(../mod_img/4_bg.jpg) center 0 no-repeat}
.con4 .wrap{height: 520px;background: url(../mod_img/4_bg_1200.jpg) center 0 no-repeat;}
.con4 .wrap .tit{margin-top:50px;padding-top:20px}

.con4 .con4_con li {position: absolute;transition: 1s;-webkit-transition:1s;-o-transition:1s}
.con4 .con4_con li span{display:inline-block;width: 75px;font-size: 14px;color: #484848;margin-top:12px;margin-left: 5px;}
.con4 .con4_con li.f1{top:285px;left: 0px;}
.con4 .con4_con li.f2{top:164px;left: 245px;}
.con4 .con4_con li.f3{top:286px;left: 418px;}
.con4 .con4_con li.f4{top:168px;left: 621px;}
.con4 .con4_con li.f5{top:338px;left: 732px;}
.con4 .con4_con li.f6{top:288px;left: 930px;}
.con4 .con4_con li.f7{top:171px;left: 1062px;}
.con4 .con4_con li:hover{margin-top:-30px}

.flow {
  height: 351px;
  background: url("../mod_img/flowBg.jpg") no-repeat 0 0;
  background-size: 100% 100%;
}
.flow ul li {
  float: left;
  width: 100px;
  text-align: center;
  position: relative
  
}
.flow ul li:hover em {
  background-position-y: -100px;
}
.flow ul li:hover p {
  color: #ff0000;
}
.flow ul li:not(:last-child) {
  margin-right: 57px;
}
.flow ul li:not(:last-child)::before{
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 72px;
  background: #b3b3b3;
  top:35px;
  right: -66px
}
.flow ul li em {
  background-image: url("../mod_img/flow.png");
  background-repeat: no-repeat;
  background-position-y: -8px;
  width: 74px;
  height: 84px;
  display: block;
  margin: 0 auto;
}
.flow ul li p {
  font-size: 16px;
  color: #484848;
}
.flow ul li .icon-1 {
  background-position-x: 4px;
}
.flow ul li .icon-2 {
  background-position-x: -159px;
}
.flow ul li .icon-3 {
  background-position-x: -318px;
}
.flow ul li .icon-4 {
  background-position-x: -477px;
}
.flow ul li .icon-5 {
  background-position-x: -638px;
}
.flow ul li .icon-6 {
  background-position-x: -797px;
}
.flow ul li .icon-7 {
  background-position-x: -959px;
}
.flow ul li .icon-8 {
  background-position-x: -1117px;
}
.news_con .hd{width: 288px;text-align: center;}
.news_con .hd li{width: 100%;height: 113px;margin-bottom: 10px;font-size: 20px;background-color: #f5f5f5;line-height: 29px;padding-top: 23px;position: relative;cursor: default; color: #a9a9a9;}
.news_con .hd li p:last-child{color: #424242;}
.news_con .hd li::before{content: "";display: none; width: 0;height: 0;border: 10px solid transparent;border-left: 10px solid #ff0000;border-right: none;position: absolute;right: -10px;top: 43px;}
.news_con .hd li.on,.news_con .hd li.on p{color: #fff;background: #ff0000;}
.news_con .hd li.on::before{display: block}

.news_con .bd{margin-left: 20px;}
.news_con .bd li .three{width:446px;margin-left: 20px}
.news_con .bd li .three .title{color: #525252;margin-bottom: 12px;}
.news_con .bd li .three .title h3{font-size: 16px;line-height: 35px;color:#525252}
.news_con .bd li .three .title p:nth-child(3){ color: #a9a9a9;font-size: 12px;line-height: 20px;padding-bottom: 16px;height: 57px;overflow: hidden;border-bottom: 1px solid #f5f5f5;margin-bottom: 5px;margin-top:10px;}
.news_con .bd li .three  dd{font-size: 14px;line-height: 38px;width:100%}
.news_con .bd li .three  dd a{  float: left;width: 328px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #525252;}
.news_con .bd li .three  dd span{color: #a9a9a9;float:right}
.news_con .bd li .three  dd:hover a{color: red}

.news-center li {
  float: left;
  margin-right: 20px;
}
.news-center .one {
  width: 288px;
  text-align: center;
}
.news-center .one section {
  width: 100%;
  height: 113px;
  margin-bottom: 10px;
  font-size: 20px;
  background-color: #f5f5f5;
  line-height: 29px;
  padding-top: 23px;
  position: relative;
  cursor: default;
}
.news-center .one section .t1 {
  color: #a9a9a9;
}
.news-center .one section .t2 {
  color: #424242;
}
.news-center .one section.current {
  margin-bottom: 0;
  background: #ff0000;
  color: #ffffff;
}
.news-center .one section.current .arr-r {
  display: block;
}
.news-center .one section.current .t1,
.news-center .one section.current .t2 {
  color: #fff;
}
.news-center .one section .arr-r {
  width: 0;
  height: 0;
  border: 17px solid transparent;
  border-left: 18px solid #ff0000;
  border-right: none;
  position: absolute;
  right: -15px;
  top: 43px;
  display: none;
}
.news-center .two {
  width: 426px;
  height: 236px;
}
.news-center .two img {
  width: 100%;
  height: 100%;
}
.news-center .three {
  margin-right: 0;
  width: 446px;
}
.news-center .three .title {
  color: #525252;
  margin-bottom: 12px;
}
.news-center .three .title h3 {
  font-size: 16px;
  line-height: 35px;
}
.news-center .three dt {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 16px;
  height: 57px;
  overflow: hidden;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 5px;
}
.news-center .three dd {
  font-size: 14px;
  line-height: 38px;
}
.news-center .three dd .sub-ti {
  float: left;
  width: 328px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #525252;
}
.news-center .three dd .time {
  float: right;
  color: #a9a9a9;
}
.slide {
  height: 58px;
  margin: 0 auto 50px;
  position: relative;
  overflow: hidden;
}
.slide .tempWrap {
  margin: auto;
}
.slide .hd a {
  position: absolute;
  width: 11px;
  height: 18px;
  top: 22px;
  z-index: 666;
  cursor: pointer;
}
.slide .hd a.prev {
  left: 0px;
  background: url(../mod_img/icon_18.png) no-repeat 0px -1px;
}
.slide .hd a.prev:hover {
  background-image: url(../mod_img/icon_18_h.png);
}
.slide .hd a.next {
  right: 0px;
  background: url(../mod_img/icon_19.png) no-repeat -1px -1px;
}
.slide .hd a.next:hover {
  background-image: url(../mod_img/icon_19_h.png);
}
.slide .bd li {
  float: left;
  width: 162px;
  height: 58px;
  margin-right: 20px;
  overflow: hidden;
}
.slide .bd li img {
  height: 100%;
  border: 1px solid #cacaca;
  width: 100%;
}
/*footer*/
.footer {
  height: 421px;
  background: url("../mod_img/footBg.jpg") no-repeat center top;
}
.footer a:hover {
  color: #ff0000;
}
.footNav li {
  float: left;
  color: #fff;
  font-size: 16px;
  height: 67px;
  line-height: 67px;
  width: 134px;
  text-align: center;
}
.contact {
  float: left;
  padding: 18px 0 0 46px;
}
.contact h3 {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
}
.contact h3 span {
  font-size: 12px;
  color: #929292;
}
.contact h3:after {
  display: block;
  content: '';
  width: 40px;
  height: 2px;
  background-color: #ff0000;
  margin-top: 9px;
}
.contact dt {
  font-size: 16px;
  color: #ff0000;
  margin: 27px 0 18px;
}
.contact dd {
  font-size: 14px;
  color: #c1c1c1;
  line-height: 26px;
}
.contact .share {
  margin: 10px 0 38px;
  padding-left: 6px;
}
.contact .share a {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  border-radius: 50%;
  background: #6d6d6d url("../mod_img/icon.png") no-repeat;
}
.contact .share a:hover {
  background-color: #aa0000;
}
.contact .share a.qq {
  background-position: -4px -8px;
}
.contact .share a.wx {
  background-position: -35px -8px;
  cursor: default;
  position: relative;
}
.contact .share a.wx:hover img {
  left: 90px;
  visibility: visible;
  opacity: 1;
}
.contact .share a.wx img {
  position: absolute;
  left: 55px;
  top: -44px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
}
.contact .share a.wb {
  background-position: -67px -8px;
}
.copyBottom {
  font-size: 12px;
  color: #929292;
  line-height: 23px;
}
.form-box {
  float: right;
  padding-top: 18px;
  margin-right: 47px;
}
.form-box .inp {
  margin-bottom: 20px;
}
.form-box .inp label {
  text-align: right;
  font-size: 14px;
  color: #9b9b9b;
  margin-right: 3px;
  display: inline-block;
  width: 60px;
}
.form-box .inp .label-last {
  margin-top: 8px;
  vertical-align: top;
}
.form-box .inp input {
  width: 415px;
  height: 36px;
  padding-left: 10px;
  background-color: #fff;
}
.form-box .inp textarea {
  width: 415px;
  height: 76px;
  resize: none;
  padding: 10px;
}
.form-box .f-btn {
  width: 192px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-left: 66px;
  background: #ff0000;
}
.form-box .f-btn:hover {
  background: #ee0000;
}
.form-box .f-btn:hover a {
  color: #fff;
}
.form-box .f-btn a {
  display: block;
}


.shili{
    width: 100%; margin-top:50px;
    height: 654px;
    background: url("../mod_img/shili_bg.jpg") no-repeat center;
}
.shili_list {
    width: 100%;
    height:450px;
    overflow: hidden;
}

.move{ text-align:center}
.shili_list .shili_text{
    width:230px;
    height:400px;
    background: #fff;
    margin-right: 26px;
    padding-top:50px;
    float: left;
}

.shili_list .shili_text h3{
    font: 20px/28px "microsoft yahei";
    color: #2f5eab;
    padding-top: 90px;
    background: url("../mod_img/shili_img.png") no-repeat 81px -175px;
}

.shili_list .text2 h3{
    background-position: -124px -175px;
}

.shili_list .text3 h3{
    background-position: -368px -175px;
}

.shili_list .text4 h3{
    background-position: -616px -175px;
}


.shili_list .shili_text h4{
    font: 20px/28px "microsoft yahei";
    color: #2f5eab;
}

.shili_list .shili_text em{
     background: #2f5eab;
    display: block;
    width: 110px;
    height: 1px;
    margin: 20px auto;
}

.shili_list .shili_text p{
    padding: 0 23px;
    font: 12px/20px "microsoft yahei";
    color: #2f5eab;
    padding-bottom: 20px;
}

.shili_list .shili_text a{
    border: 1px solid #2f5eab;
    color: #2f5eab;
    font: 12px/28px "arial";
    padding: 4px 14px;
}

.shili_list .shili_text b{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 2;
}
.wrap{position:relative; width:1200px; margin:0 auto; }
 .hd_shili{ text-align: center; padding-top:30px; }
.hd_shili > h2 { display: block; font-size: 3rem; padding-bottom: 15px; font-weight: normal; color: #fff; text-transform:uppercase; }
.hd_shili > em { position: relative; padding: 10px 5px 0; border-top: 1px solid #fff; font-size: 1.6rem; color: #fff;  }
.hd_shili > em:before { position: absolute; content: ""; left: 50%; top: 0; margin-left: -5px; border:5px solid transparent;  border-width:5px 5px;  border-top-color:#fff;   background:transparent;}