@charset "utf-8";
.content{width: 1400px; margin: 0 auto;}
body{font-family:"Microsoft Yahei"; }
i,em,b{font-style: normal;}

.tit01{  height: 120px; text-align: center;}
.tit01 p{ font-size: 40px; color: #333; text-align: center; font-weight: bold; line-height: 1.5;}
.tit01 span{ font-size: 16px; color: #666666;}

.cpzx{ padding: 50px 0px; background: #f0f0f0;}

/* 本例子css */
.cpzx .slideTxtBox{   }
.cpzx .slideTxtBox .hd{ display: flex;
    align-content: center;
background: url(../images/cp_nav.jpg) no-repeat; height: 70px; line-height: 70px;  position:relative; }
.cpzx .slideTxtBox .hd .wen{ font-size: 26px;
    font-weight: bold;    width: 245px;
    color: #fff;
    padding-left: 80px;}
.cpzx .slideTxtBox .hd ul{  font-size: 16px; color: #fff;   }
.cpzx .slideTxtBox .hd ul li{ float:left; cursor:pointer;padding: 0 25px;  }
.cpzx .slideTxtBox .hd ul li a{ color: #fff;}
.cpzx .slideTxtBox .hd ul li i{padding-right: 4px; visibility:hidden;}
.cpzx .slideTxtBox .hd ul li.on i{ visibility: visible; }
.cpzx .slideTxtBox .bd ul{ zoom:1;  }
.cpzx .slideTxtBox .bd ul{margin: 36px auto 10px; height: 392px;}
.cpzx .slideTxtBox .bd ul li{    float: left;
    width: 330px;
    background: #fff;
    margin-right: 26px;
    padding: 10px 0px;}
.cpzx .slideTxtBox .bd ul li:nth-of-type(4){ margin-right: 0px;}	
.cpzx .slideTxtBox .bd ul li .wen{ position: relative;    margin: 20px 20px 0px 20px;}
.cpzx .slideTxtBox .bd ul li .wen p{    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 1.8;}
.cpzx .slideTxtBox .bd ul li .wen:before{    position: absolute;
    content: "";
    bottom: -12px;
    height: 3px;
    width: 29px;
    background: #ffa00b;
    left: 0px;}
.cpzx .slideTxtBox .bd ul li .wen span{font-size: 16px;}
.cpzx .slideTxtBox .bd ul li img{display: block;
        margin: 15px auto;
    max-width: 100%;}
.cpzx .slideTxtBox .bd ul li:hover .wen{ color: #ffa00b;}
.cpzx .slideTxtBox .bd ul li:hover .wen p{ color: #ffa00b;}

.hyyy{ padding: 50px 0px;}
.hyyy .hd{     width: 470px;
    float: left;}
.hyyy .hd ul{}
.hyyy .hd ul li{  width: 225px;
    height: 184px;
    float: left;
    background: #313131;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 20px 30px;}
.hyyy .hd ul li:nth-of-type(2n){ margin-right: 0px;}
.hyyy .hd ul li img{margin-top: 10px; height: 52px;}
.hyyy .hd ul li p{  margin-top: 14px;  font-size: 20px;
    color: #fff;
    margin: 18px auto 8px;}
.hyyy .hd ul li span{    color: #999999;}
.hyyy .hd ul li.on{background: #091c8d;}
.hyyy .bd{    width: 890px;
    float: right;
    overflow: hidden;}
.hyyy .bd ul{}
.hyyy .bd ul .pic{}
.hyyy .bd ul .pic img{}
.hyyy .bd ul p{font-size: 26px;
    font-weight: bold;
    color: #313131; line-height: 2;}
.hyyy .bd ul span{ font-size: 16px; color: #313131; line-height: 28px; display: block;}
.hyyy .bd ul a{    color: #091c8d;
    border: 1px solid #091c8d;
    padding: 7px 24px;
    display: inline-block;
    margin-top: 15px;}
.hyyy .bd ul a:hover{ background: #091c8d; color: #fff;}


/**/
.ysbj{overflow: hidden;height: 980px; background:url(../images/ysbgs.jpg) no-repeat center top;padding-top:40px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.ysbj h2 p{background: url(../images/ystit.png) no-repeat center center;}
.ys{position: relative;height: 740px;background: #f8f8f8;}
.ys_nav{ width: 1400px;
    height: 120px;
    font-size: 28px;
    color: #091c8d;
    overflow: hidden;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -700px;
    z-index: 2;}
.ys_nav li {width: 350px; height:120px;  float: left; text-align: left; border-right: 1px solid #c9cfda; font-weight: bold;box-sizing: border-box;padding:32px 0 0 45px;}
.ys_nav li:last-child{border-right: 0;}
.ys_nav li em{ width: 64px;height:56px;display: block; float: left; margin-right: 10px; overflow: hidden;position: relative;}
.ys_nav li em img{width: 64px;position: absolute;top:0;left:0;}
.ys_nav li span{padding-top: 0px; display: block;}
.ys_nav li i{display: block;  font-size: 16px;margin-top: 8px; text-transform: uppercase; color: #b9b9b9;font-weight: normal;}
.ys_nav li.on{background:#ffa00b; color: #fff; }
.ys_nav li.on em,.ys_nav li.on i{color: #fff;}
.ys_nav li.on em img{top:-56px;}

.ys_nr{position: relative;height: 620px;}
.m_ys{background:url(../images/ysbg.jpg) no-repeat center top;height: 620px;}
.m_ys dl{width: 1200px;margin:0 auto; height: 620px;}
.m_ys dl dt{width: 600px;height: 620px; float: left;}
.m_ys dl dt img{width: 960px;height: 620px;display: block; margin-left: -360px;}
.m_ys dl dd{width: 500px;padding-top: 100px; float: right;position: relative; z-index: 1;box-sizing: border-box;}
.m_ys dl dd h3{height: 133px;margin-bottom: 50px;position: relative;font-size: 35px; color: #ffffff; font-weight: bold;}
.m_ys dl dd h3:before{content: "";position: absolute;left:0px;bottom:0px;width: 72px;height: 4px; background: #fff;}
.m_ys dl dd em{display: block;line-height: 2; font-size: 28px; color: #ffffff;  font-weight: normal; font-family: "Arial"; text-transform: uppercase;}
.m_ys dl dd span{display:block; float: left; font-size: 28px; color: #ffffff;}
.m_ys dl dd span b{ font-size: 43px; color: #ef9733; display: block; }
.m_ys dl dd p{font-size:16px; color:#ffffff;  line-height: 28px; }
.m_ys dl dd span{margin-top: 42px;width: 600px;}
.m_ys dl dd span img{width: 198px;height: 90px; display: block;float: left;margin-right: 2px;}

.dz{ padding: 40px 0px;}
.dz .tu{}
.dz .tu li{ background: url(../images/l_icon1.png) no-repeat; width: 111px; height: 152px; margin:16px 32px; float: left;}
.dz .tu li img{    margin: 36px auto;
    display: block;}
.dz .xian img{ width: 100%;}
.dz .wen {}
.dz .wen li{width: 111px; margin: 16px 32px; text-align: center; float: left; font-size: 18px; font-weight: bold;}
.dz .tu li:hover{background: url(../images/l_icon2.png) no-repeat;}
.dz .tu li:hover img{ filter: grayscale(100%) brightness(500%);}
.dz li:hover{ color: #091c8d;}
.dz .bon{      text-align: center;  margin-top: 36px;}
.dz .bon a{    color: #091c8d; font-size: 16px;
    margin: 0px 20px;
    border: 1px solid #091c8d;
    border-radius: 30px;
    padding: 8px 32px;
    display: inline-block;}
.dz .bon a img{    margin: 0px 8px;vertical-align: middle;
    max-width: 100%;}
.dz .bon a.more{ background:#ffa00b; border: 1px solid #ffa00b; color: #fff;}
.dz .bon a.more:hover{ background:#ffa00b;}	

.about{position: relative; height: 400px;}
.about .tit{position: absolute;
    left: 16%;
    color: #333333;
    font-weight: bold;
    font-size: 40px;
    top: 10%;}
.about span{position: absolute;}
.about .wen{  position: absolute;
    background: #fff;
    width: 53%;
    left: 0;
    top: 23%;
    height: 62%;}
.about .wen .t{    position: absolute;
    left: 30%;
    font-size: 22px;
    font-weight: bold;
    color: #091c8d;
    top: 12%;}
.about .wen span{     position: absolute;
    width: 38px;
    background: #909090;
    height: 1px;
    top: 22%;
    left: 30%;}
.about .wen .wen2{position: absolute;
    left: 30%;
    top: 28%;
    width: 64%;
    line-height: 2;}
.about .wen i{ position: absolute; bottom: 0px; right: 0px; background: url(../images/j.jpg) no-repeat; width: 52px; height: 52px;}

.cj{ padding: 40px 0px;}
.cj .tit{ color: #333; font-size: 32px; font-weight: bold;    line-height: 2;
    margin-bottom: 12px;}
.cj ul li{ position: relative; overflow: hidden;float: left; width: 330px;margin-right: 26px;}
.cj ul li:nth-of-type(4){ margin-right: 0px;}
.cj ul li img{ width: 100%;}
.cj ul li p{    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: center;
    padding: 8px 0px;
    background: #00000085;
    color: #fff; }
.cj ul li:hover p{ background:#081c8d85;}



/**/
.nswsbj{ background: #f0f0f0; box-sizing: border-box;  padding:40px 0px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ margin-bottom: 5px;}
.nswsbj h2 p{background: url(../images/newstit.png) no-repeat center center;}
.news{width:1200px;margin:0 auto 15px; clear:both;overflow: hidden;}
.news .newstit{height:45px;margin-bottom: 17px;}
.news .newstit span{color:#ffa00b;height: 43px;line-height: 43px;display: block; text-decoration: none;width:182px;position: relative;border:1px solid #ffa00b;background: #fff;font-size: 18px; text-align: left; float: left;}
.news .newstit span a{ text-decoration: none;  color:#ffa00b;}
.news .newstit span i{display: block;float: left;}
.news .newstit span em{ width: 25px;height:22px;display: block; float: left; margin:10px 10px 0 25px; overflow: hidden;position: relative;}
.news .newstit span em img{width: 25px;position: absolute;top:0;left:0;}

.news .newstit span.on{border:1px solid #ffa00b;background: #ffa00b;}
.news .newstit span.on a{ color: #fff;}
.news .newstit span.on em img{top:-22px;}
.news .newstit span:nth-child(1){margin-left: 418px;}

.news_nr{}
.news_c dl{width:600px;padding:21px;box-sizing: border-box; overflow: hidden; float: left;background: #f8f8f8;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_c dt{ width:558px;height:279px; position: relative; overflow: hidden;}
.news_c dt img{width:558px;height:279px; display: block;}
.news_c dd{padding-top: 20px; overflow: hidden;box-sizing: border-box;}
.news_c dd em{  float: left;width: 60px;padding:0 10px; margin-right: 17px; text-align: center; font-size: 14px;color:rgba(51,51,51,0.5); display:block; font-weight: normal;box-sizing: border-box;  line-height: 30px;}
.news_c dd em b{font-size: 16px;color:rgba(51,51,51,0.5); font-weight: bold;border-bottom: 1px solid #999999;height: 29px; line-height: 29px; display: block;}
.news_c dd h3{font-size: 16px; font-weight: normal; height: 30px; line-height: 30px;color:#222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_c dd h3 a{ color:#333; font-size: 22px; font-weight: bold;}
.news_c dd p{    overflow: hidden;
    font-size: 15px;
    line-height: 28px;
    /* height: 81px; */
    color: #666666;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    margin-top: 8px;}
.nswsbj dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.nswsbj dt a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.news_c dl:hover{background: #091c8d;}
.news_c dl:hover em,.news_c dl:hover h3 a,.news_c dl:hover p{color: #fff;}
.news_c dl:hover em b{color: #fff;border-bottom-color: #fff;}

.news_nr ul{overflow: hidden;width: 582px; float: right;}
.news_nr li{width: 582px;background: #f8f8f8; margin-bottom: 10px;height: 108px; padding: 14px 35px 0; overflow: hidden;box-sizing: border-box;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news_nr li em{ display: block; float: left;width: 60px;padding:0 10px; margin-right: 17px; text-align: center; font-size: 14px;color:rgba(51,51,51,0.5); display:block; font-weight: normal;box-sizing: border-box;  line-height: 30px;}
.news_nr li em b{font-size: 16px;color:rgba(51,51,51,0.5); font-weight: bold;border-bottom: 1px solid #999999;height: 29px; line-height: 29px; display: block;}

.news_nr li h3{font-size: 16px; font-weight: normal; height: 30px; line-height: 30px;color:#222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_nr li h3 a{ color:#222222;}
.news_nr li p{overflow: hidden;font-size: 14px; line-height: 25px;height: 50px; color:#666666;overflow: hidden;text-overflow: ellipsis;}
.news_nr li:hover{background: #091c8d;}
.news_nr li:hover em,.news_nr li:hover h3 a,.news_nr li:hover p{color: #fff;}
.news_nr li:hover em b{color: #fff;border-bottom-color: #fff;}


.wt{width:1200px;margin:0 auto; height: 102px;background: #f8f8f8;font-family:"Microsoft Yahei";position: relative;}

.wt .newstit{width: 140px;height:102px;float: left; }
.wt .newstit i{padding-top: 55px;color:#222222;display: block; font-weight: bold;text-decoration: none;width:140px;position: relative;font-size: 17px; text-align: center; float: left;background: url(../images/icon_QA.png) no-repeat center 25px;}
.wt .newstit i a{ text-decoration: none;  color:#222222;}

.wt_c{width: 1060px;height: 102px;overflow: hidden; float: left;padding-top: 25px;}
.wt_c dl{width: 358px; height: 78px; float: left;padding-right: 30px;}
.wt_c dt{height: 25px; line-height: 25px; padding-left: 35px;background: url(../images/w.gif) no-repeat left center; font-size: 15px; color: #222222; font-weight: normal; margin-bottom: 3px;}
.wt_c dt a{color: #222222;}
.wt_c dd{height: 25px; line-height: 25px;padding-left: 35px;background: url(../images/d.gif) no-repeat left center;line-height: 24px; color: #717171;height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;color: #717171;}

/**/
.aboutbj{background:#fff;max-height: 700px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; padding-bottom: 40px;}

.about{background: url(../images/about1.jpg) no-repeat center; height: 600px;}
.about{width:100%;}
.about dt{width: 100%;position: relative;}
.about dt img{width: 100%;display: block;}
.about dt h2{position: absolute;top:78px;left:0;width: 100%; color: #fff;}
.about dt h2 p{color: #fff;}
.about dd {width: 1200px;margin:-88px auto 0; height: 117px;box-sizing: border-box; background: #fff;box-shadow: 0px 2px 5px #eaeaea;position: relative;}
.about dd h3{font-size: 28px; color: #fff; width: 194px;height: 117px; line-height: 117px; text-align: center; float: left;background: #2ca6e0;position: relative;}
.about dd h3:after{ content:""; position:absolute; right:-13px; top:42px; border-left:13px solid #2ca6e0;border-top:13px solid rgba(0,0,0,0);border-bottom:13px solid rgba(0,0,0,0);}
.about dd p{width:730px;font-size: 14px; color: #666666;line-height: 26px; text-align: justify;float: left;padding:20px 26px 0 46px;box-sizing: border-box;}
.about dd em{ display: block; width:276px;height: 117px; float: left; background: #efefef;}
.about dd i{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;height: 38px; line-height: 38px; border:3px solid #c3c3c3;width: 200px; display: block; font-size: 12px;color:  #333333;margin-top: 40px;margin-left: 43px;text-align: center;}
.about a:hover dd i{transform: translateX(5px);}




.ft_txt span{text-align: right !important;}
.link_bj{min-height:66px; overflow: hidden;background: #111111; margin-top: -66px;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size:12px ;font-weight:normal; text-transform: uppercase; width:70px; float: left;height: 66px; line-height: 66px;color: #717171;}
.link h2 b{font-size: 18px;  font-weight: normal;padding-right: 35px;}
.link p{  width: 750px; float: left; font-size: 16px;overflow: hidden; line-height: 66px; color:#717171;}
.link p a{ color: #717171; font-size: 12px;padding: 0 15px 0 0; text-align: left; }


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}