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

.tit01{font-size: 55px; text-align: center; font-family: "Microsoft YaHei";color: #1a1a1a;font-weight:bold; }
.tit01 a{color: #1a1a1a; }
.tit01 img{height:56px;display: block;margin:0 auto;}
.tit01 p{ font-weight: normal; display: block;font-size: 20px;color: #1a1a1a; line-height: 38px;padding-bottom: 12px;background:url(../images/titbg.png) no-repeat center bottom; font-style: italic;}

.yybj{ background:url(../images/yybg.jpg) no-repeat center top; height: 760px; padding-top:70px;box-sizing: border-box;  font-family:"Microsoft Yahei";overflow: hidden;}
.yybj h2{margin-bottom: 40px;}
.yy{width:1200px;height: 450px;margin:0 auto;background: #fff;}
.yy dl {width: 400px;height: 450px; position: relative; float: left;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.yy dl:after{content:'';position:absolute;height:276px;width:1px;top:87px;right:-1px;border-right:1px dashed #cecece;}
.yy dl:last-child::after{border:0;}
.yy dl dt{width:400px; height:450px;opacity:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.yy dl dt img{width:400px;display: block;}
.yy dl dd{width:400px;box-sizing: border-box;text-align: center;padding:75px 40px 0;position: absolute;left:0;top:0;}
.yy dl dd em{width:120px;height:120px; display: block;margin:0 auto;background: url(../images/yyicobg.png) no-repeat;}
.yy dl dd h4{font-size: 20px; color: #333333; height: 48px;margin-bottom:5px; line-height: 48px; font-weight: bold;}
.yybj dl dd p{line-height: 24px;font-size: 16px; color: #666666;height:94px;}
.yybj dl dd i{display: block;height:38px;width:138px;border:1px solid #e2e2e2; text-align: center; font-size: 12px;color:#999999;text-transform: uppercase; line-height: 38px;margin:0 auto;}
.yy dl.cur::after{border:0;}
.yy dl.cur dt{opacity: 1;}
.yy dl.cur dd em{background: url(../images/yyicobgcur.png) no-repeat;}
.yy dl.cur dd h4,.yy dl.cur dd p{color:#fff;}
.yy dl.cur dd i{border-color: #fff;color:#fff;}

/**/
.pro_bj{height: auto;overflow: hidden; background:#fff;padding:75px 0 100px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 40px;}
.pro{}
.fenl{ width: 1230px; margin:0 auto 30px; height: 44px;}
.fenl h3{float: left;}
.fenl h3 a{line-height:44px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size: 16px; color: #4c4c4c;font-weight:normal;display: block; float: left; text-decoration: none;width:127px;line-height: 44px;background: #f2f2f2;border-radius: 2px;margin-right:8px;text-align: center;}
.fenl h3 a.cur,.fenl h3 a:hover{background-color: #012a54;color:#fff;font-weight: normal;}
.fenl span{font-size: 16px; color: #4c4c4c; font-weight: normal;float: left; display: block;line-height: 44px;width:132px;background: #f2f2f2;border-radius: 2px;text-align: center;}
.fenl span a{color: #4c4c4c;text-decoration: none;}

.cppic{max-height: 600px; width: 100%;position: relative;font-size: 16px; line-height: 30px;}
.cppic img{width:100%; display: block;}
.cppic dl{width:100%;position: relative;max-height: 605px;}
.cppic dl dt img{width:100%;}
.cppic dl dd{width:583px; height:375px;padding:50px 75px 0 105px;box-sizing: border-box; background: rgba(255, 255, 255, 0.88);left:50%;margin-left: -600px;top:95px;position: absolute;}
.cppic dl dd h4{font-size: 26px;color:#30373f;font-weight: bold;margin-bottom: 26px;}
.cppic dl dd h4 a{color:#30373f;}
.cppic dl dd p{font-size: 16px;color:#666666;line-height: 25px;text-align: justify;margin-bottom: 63px;}


.pro2{height:260px;background:#f5f5f5;margin:-75px auto 0;width:1200px;padding-top:27px;position: relative;box-sizing: border-box;box-shadow: 5px 5px 10px #ededed;}
.cp_l{position: absolute;left:-33px;top:105px;background: url(../images/cp_l.png) no-repeat;width:45px;height:45px;z-index: 3;}
.cp_r{position: absolute;right:-33px;top:105px;background: url(../images/cp_r.png) no-repeat;width:45px;height:45px;z-index: 3;}
.m_pro {width:1162px; margin:0 auto 0;  box-sizing:  border-box; position: relative;overflow: hidden;}
.m_pro dl{width: 276px; height: 207px;box-sizing: border-box; overflow: hidden; float: left;margin-right: 19px;position: relative; }
.m_pro dt{width: 276px;height: 207px; position: relative;}
.m_pro dt img{width: 276px;height: 207px;display: block;}
.m_pro dd{height: 0;  text-align: center; color: #ffffff; position: absolute; background:rgba(1, 42, 84, 0.8);bottom:-100%;left:0;width:100%; font-size: 16px; color:#ffffff;padding:84px 20px 0;box-sizing: border-box; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_pro dd a{color: #ffffff;}
.m_pro dl:hover dd{height:100%;bottom:0;}
/**/
.pkbj{height: 960px;overflow: hidden; background:url(../images/pkbg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.pkbj h2{ margin-bottom: 50px;}
.pkbj h2 p{color:#fff;}
.pk{width:1200px;margin:0 auto;height:645px;position: relative;}
.pk dl{width:594px;border-radius: 18px;background:#fff;}
.pk h3{height:75px;line-height: 75px;height:75px;text-align: center;color:#fff;font-size: 36px; font-weight: normal;border-top-left-radius: 18px;border-top-right-radius: 18px;}
.pk img{width:474px;height:222px; display: block;}
.pk dd{padding:0 60px; box-sizing: border-box;}
.pk dd p{margin-bottom: 20px;height:102px;font-size: 15px;box-sizing: border-box;}
.pk h5{width:122px;height:103px;border-radius: 3px;color:#fff;font-size:20px; background:#012a54;position: absolute;left:50%;margin-left: -61px;text-align: center;padding-top:16px;box-sizing: border-box;}
.pk h5 b{display: block; font-size: 30px;color:#8fc41e;}

.pk1{float: left;}
.pk1 h3{background:#012448;}
.pk1 dd p{ color:#000000;padding:25px 27px 0 0 ; text-align: right;background:#e6e6e6;border-top-left-radius: 35px;border-bottom-left-radius: 35px;}


.pk2{float: right;}
.pk2 h3{background:#8fc41e;}
.pk2 dd p{ color:#fff;padding:13px 37px 0 27px ; text-align: left;background:#012448;border-top-right-radius: 35px;border-bottom-right-radius: 35px;}

.pk .pkimg{width:120px;height:120px;position: absolute;left:50%;top:-20px;margin-left: -60px;}
.pk .t1{top:296px;}
.pk .t2{top:418px;}
.pk .t3{top:541px;}

/**/
.ysbj{height: 1051px;overflow: hidden; background:#fff;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.ysbj h2{ margin-bottom: 100px;}
.ys{position: relative;height: 690px;}
.ys_nav{ width:1000px;height:125px; overflow: hidden; position: absolute;left:50%;top:-60px;margin-left: -500px;z-index: 2;background:#fff;border-radius: 55px;box-shadow: 0 0 10px #eeeeee;}
.ys_nav li {font-size: 20px; width: 250px; height:125px; float: left; text-align: center; font-weight: bold;box-sizing: border-box; color: #191c24;position: relative;}
.ys_nav li:after{content:'';position:absolute;height:92px;width:1px;top:17px;right:0px;background:#d1d2d3;}
.ys_nav li:last-child,.ys_nav li:last-child:after{background: none;}
.ys_nav li i{display: block;width:53px;height:60px;overflow: hidden;margin:17px auto 10px;position: relative;}
.ys_nav li i img{height:60px;position: absolute;left: 0;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.ys_nav li.cur{background: #012a54; color:#fff;}
.ys_nav li.cur i img{left:-53px;}
.ys_nav li.cur:after{width:0;}

.ys_nr{position: relative;margin:0 auto;width: 1123px; height: 640px;}
.ys_nr .tempWrap{overflow: visible !important;}
/*.ys_nr .tempWrap .ys_bd{margin-left:-1230px !important;}*/
.m_ys{width: 1200px;height: 690px;margin-right: 10px;}
.m_ys dl{width: 1200px;height: 690px; position: relative;padding-bottom: 15px;}
.m_ys dl dt{width: 1200px;height: 600px; }
.m_ys dl dt img{width: 1200px;height: 600px;display: block;}
.m_ys dl dd{width: 1200px;height: 180px;padding:25px 0px 0 50px;box-sizing: border-box; position: absolute;left:0px;bottom:30px;background: #fff; box-shadow: 0 0 15px #cdcdcd; display: none;}
.m_ys dl dd .desc{width:660px; float: left;}

.m_ys dl dd h3{ font-size:36px; color:#212121;position: relative;margin-bottom: 10px;}
.m_ys dl dd p{font-size:14px; color:#4c4c4c;  line-height: 25px; text-align: justify;background: url(../images/yspico.png) no-repeat left 10px;padding-left:12px;}
.m_ys dl dd ul{margin-top:10px; float: right;}
.m_ys dl dd li{width:222px; float: left;position: relative;color:#012a54;font-size: 60px;padding-left: 50px;box-sizing: border-box;border-right:1px solid #d7d7d7;}
.m_ys dl dd li em{ font-size: 30px;color:#fff;width:23px;height:23px;line-height: 23px;text-align: center; font-size: 14px;font-weight: normal; background: #8fc41e;border-radius: 100%;display: block;position: absolute;top:40px;}
.m_ys dl dd li h4{font-size: 14px;color:#000000;font-weight: bolder;}
.m_ys dl dd li:nth-child(1) em{right:30px;}
.m_ys dl dd li:nth-child(2) em{right:68px;}
.m_ys dl dd li em.year-em{right: 3px;}
.m_ys dl dd li:last-child{border-right: 0;}


.m_ys.cur  dl dd{display: block;}

/**/
.casebj{ height:865px; background:url(../images/casebg.jpg) no-repeat center top; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; clear: both; }
.casebj h2{ margin-bottom: 40px; }
.casebj h2 p{color:#fff;}
.casetit{width: 100%;height: 90px;}
.case_nav{height: 90px;width:1200px;margin:0 auto;}
.case_nav li:nth-child(1){margin-left: 20px;}
.case_nav li{ height: 48px; line-height: 48px;margin-right: 30px; font-size:18px; color: #ffffff;text-align: left;float: left; box-sizing: border-box;position: relative;border:1px solid #fff;width:168px;}
.case_nav li em{display: block;width: 40px; height: 32px; overflow: hidden; position: relative; float: left;margin:8px 10px; }
.case_nav li em img{width:40px; display: block;position: absolute;top:0px;left:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_nav li a{color: #fff; text-decoration: none; }
.case_nav span{ height: 48px; line-height: 48px; font-size:18px; color: #ffffff;text-align: center;float: left; box-sizing: border-box;position: relative;border:1px solid #fff;width:168px; display: block;}
.case_nav span a{color: #fff; text-decoration: none; }
.case_nav li.cur,.case_nav li:hover,.case_nav span:hover{color: #fff;font-weight: normal;background: #8fc41e;border-color: #8fc41e;}

.m_case {width:1215px;height:auto; position: relative;box-sizing: border-box;margin:0 auto;overflow: hidden;}
.m_case dt img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.m_case dt a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.m_case  dl{width:325px;height:413px;position: relative;padding:30px; float: left;background:#fff;border:1px solid #e1e1e1;margin-right: 23px;}
.m_case  dl dt{width: 325px;height: 186;}
.m_case  dl dt img{width: 325px;height: 186; display: block;}
.m_case  dl dd{width:325px;box-sizing: border-box;padding:25px 0 0 0;}
.m_case  dl dd h4{font-size: 18px; color: #000000;height: 38px; line-height: 38px;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.m_case  dl dd h4 a{color: #000000;}
.m_case  dl dd p{font-size: 14px; color: #878a95; line-height: 24px; text-align: justify;height:105px;}
.m_case  dl dd .case_more{width:45px;height:45px;display: block;background:url(../images/case_ico1.png) no-repeat;}
.m_case  dl:hover .case_more{background:url(../images/case_ico2.png) no-repeat;}

/**/
.hzbj{height: 600px;overflow: hidden; background:url(../images/hzbg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.hz{width:1202px;margin:0 auto; height: 450px;overflow: hidden;}
.hz h2{ font-size: 20px;color:#333333;height:30px;line-height: 30px;text-align: left;padding-left:12px;background: url(../images/hz_line.png) no-repeat left center;margin-bottom: 15px;}
.hz h2 a{color:#333;}
.hz h2 i{display: block;float: right;font-size: 14px;color:#333333; font-weight: normal;text-transform: uppercase;}

.hz ul{border:2px solid #e4e4e4;clear: both;overflow: hidden;}
.hz li{width: 238px;height:132px;float: left;border-right:2px solid #e4e4e4;border-bottom:2px solid #e4e4e4;position: relative;overflow: hidden;}
.hz li:nth-child(5n){border-right: 0;}
.hz li img{width: 238px; height: 132px; display: block;}
.hz li h4{background: rgba(1, 42, 84, 0.9);font-size: 16px;text-align: center;color:#fff;width: 242px;height:136px;position: absolute;left:-2px;bottom:-138px; font-weight: normal; padding-top:60px;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;box-sizing: border-box;}
.hz li:hover h4{bottom:-2px;}

/**/
.nswsbj{ height:785px; box-sizing: border-box; background:#fff; padding-top:75px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{margin-bottom: 40px;}
.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);}
.nswsbj .newstit{ font-size: 24px;color:#333333;height:48px;line-height: 48px;text-align: left;padding-left:12px;background: url(../images/news_line.png) no-repeat left center;margin-bottom: 20px;border-bottom: 1px solid #e0e0e0;}
.nswsbj .newstit a{color:#333333;}
.nswsbj .newstit i{display: block;float: right;font-size: 14px;color:#666666; font-weight: normal;text-transform: uppercase;padding-right: 24px;background: url(../images/news_more.png) no-repeat right center;}

.news{width:600px;float: left;position: relative;}
.news_c dl{width:600px; overflow: hidden; height:300px;position: relative;margin-bottom: 25px;}
.news_c dt{ width:600px;height:300px; position: relative; overflow: hidden;}
.news_c dt img{width:600px;height:300px; display: block;}
.news_c dt i{width:87px;height:74px;position: absolute;left:0;top:0;background: url(../images/tt.png) no-repeat;}
.news_c dd{font-size: 18px; font-weight: normal;height:48px;line-height:48px;color:#ffffff;overflow: hidden;text-overflow: ellipsis;position: absolute;left:0;bottom: 0;width:100%;background: rgba(1, 42, 84, 0.9);text-align: center;}
.news_c dd a{ color:#ffffff;}
.news_nr ul{clear: both; overflow: hidden;}
.news_nr li{height: 36px; line-height:36px; padding-left:15px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; display: block;position: relative;}
.news_nr li:after{content:'';position:absolute;height:5px;width:5px;left:0;top:15px; background:#949494;border-radius: 100%;}
.news_nr li a{ font-size: 16px;color:#666666;text-decoration: none; }
.news_nr li:hover::after{background:#012448;}
.news_nr li:hover a{text-decoration:underline;color:#012448; font-weight: bold;}

.wt{width:520px;font-family:"Microsoft Yahei"; float: right;position: relative;}
.wt_c{width: 520px;}
.wt_c dl{padding-top:12px;padding-bottom: 32px;border-bottom: 1px solid #e0e0e0; overflow: hidden;margin-bottom: 18px;}
.wt_c dt{ width:150px;height:75px; position: relative; overflow: hidden; float:left;}
.wt_c dt img{width:150px;height:75px; display: block;}
.wt_c dd{width:345px; overflow: hidden;box-sizing: border-box; float: right; }
.wt_c dd h4{font-size: 18px;height:28px; line-height:28px;color:#333333;overflow: hidden;text-overflow: ellipsis;margin-bottom: 3px;font-weight: normal;    white-space: nowrap;}
.wt_c dd h4 a{ color:#333333;}
.wt_c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#666666;}
.wt_c dd p a{color:#012a54;}
.wt_c li{height: 36px; line-height:36px; padding-left:15px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; display: block;position: relative;}
.wt_c li:after{content:'';position:absolute;height:5px;width:5px;left:0;top:15px; background:#949494;border-radius: 100%;}
.wt_c li a{ font-size: 16px;color:#666666;text-decoration: none; }
.wt_c li:hover::after{background:#012448;}
.wt_c li:hover a{text-decoration:underline;color:#012448;font-weight: bold;}


/**/
.aboutbj{background:url(../images/abtbg.jpg) no-repeat center top;height:750px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";overflow: hidden; position: relative;padding-top: 75px;padding-bottom: 170px;}
.aboutbj h2{margin:0 auto 445px;}

.m_zz{background: none;padding:0px; width: 1200px;margin:0px auto;}
.m_zz{height: 288px;}
.m_zz ul{width: 1200px; height: 288px; position: relative; }
.m_zz li{ width:283px;height:288px; padding-left: 33px;padding-top:55px; box-sizing: border-box; overflow: hidden; float: left; text-align: left; position: relative;background: #fff;border-radius: 10px;margin-right: 22px;box-shadow: 1px 1px 25px #d4d4d4; }
.m_zz li:last-child{margin-right: 0;}
.m_zz li em{margin-left:0px;display: block; position: relative;width:115px; height: 50px;}
.m_zz li em b{ margin-left:0px;font-size: 41px; color: #282828; font-family: "Adobe 黑体 Std","Arial"; font-weight: bold;}
.m_zz li em i{ font-size: 18px;  color: #282828;font-weight: normal;text-align: left; line-height: 24px;  height: 24px;text-transform: uppercase;padding-left: 5px;}
.m_zz h3{font-size: 25px; color: #282828; text-align: left;  font-family: "Adobe 黑体 Std","Microsoft Yahei";margin-bottom: 43px;}
.m_zz h5{height:37px;border:3px solid #a0a0a0;height:37px;line-height: 37px;width:126px;padding-left:22px;background: url(../images/abtico1.png) no-repeat 120px center;}
.m_zz h5 a{display: block; color:#282828; font-size: 18px;font-weight: lighter;text-decoration:none;}
.m_zz li:nth-child(1) em{width: 143px;}
.m_zz li:nth-child(2) em{width: 105px;}
.m_zz li:nth-child(3) em{width: 76px;}

.m_zz li.cur{background: #012a54; color:#fff;}
.m_zz li.cur em,.m_zz li.cur em b,.m_zz li.cur em i,.m_zz li.cur h3,.m_zz li.cur h5,.m_zz li.cur h5 a{color:#fff;}
.m_zz li.cur h5{background: url(../images/abtico2.png) no-repeat 120px center;border-color: #fff;}



/*友情链接*/
.link{height:0;line-height:20px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color:rgb(255, 255, 255,0.8);}
.link_c{width:600px;position: absolute;right: 0;top: -54px;height:30px;overflow: hidden;text-align: center;}
.link a{display: inline-block;color:rgb(255, 255, 255,0.8);padding: 0 8px;}


@-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);
  }
}