@charset "utf-8";
body{font-family: "Microsoft YaHei";position: relative;}
.header , .content , .footer { width:1200px; margin:0 auto; }
i,em,b{font-style: normal;}

.tit01{font-size: 45px; text-align: center; font-family: "Microsoft YaHei";color: #282828;font-weight:bold; }
.tit01 a{color: #282828; }
.tit01 p{ font-weight: normal; display: block;font-size:18px;color:#282828;text-align: center; line-height: 42px;  }
/**/
.yybj{ height:auto;padding-top: 40px; background:url(../images/rybg.jpg) no-repeat center top;box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yybj .tit01{text-align: center;height:105px;}
.yybj .tit01 em{font-size: 14px;color: rgba(0, 0, 0, 0.3);height: 42px;line-height: 42px;position: relative;text-transform: uppercase; font-weight: bold;display: block;}
.yy{margin:0 auto;width:100%;height: auto;padding-bottom: 0px;}
.yy dd{height:200px;width:84%;margin:0 auto;}
.yy dd .tit02{height:45px;line-height: 45px;text-align: center;font-size: 22px;color: #000000;font-weight: bold;}
.yy dd p{ font-size: 16px;color: rgba(0, 0, 0, 0.7); line-height: 32px;text-align: left;text-indent:50px;}
.yy dt{width:100%;position: relative;overflow: hidden;background:#E2E9EF;}
.yy dt img{width:100%;display: block;}
.yy dt i{width:124px;height:124px;position: absolute;left:50%;top:50%;margin-left:-72px;margin-top:-72px;background: url(../images/vdtm.png) no-repeat;}
.yybj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yybj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

/**/
.rybj{height: 347px;background:url(../images/rybg.jpg) no-repeat center top;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top: 38px; }
.ry{ height:265px;width: 1200px; position: relative;margin:0 auto;overflow: hidden; }
.ry li{ width:177px;position:relative;margin-right:27px; float: left; overflow: hidden;}
.ry li img{ display:block;width:177px; height:234px;}
.ry li em{height: 32px;font:16px "Microsoft YaHei"; line-height:40px; color:#333333; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;}
.ry li a{ text-decoration: none; }

.ry li img,.ry li em{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.ry li:hover img{transform:translateY(-5px)}


/**/
.cpbj{height: 859px;background:url(../images/fwbg.jpg) no-repeat center top; overflow: hidden; box-sizing: border-box; font-family: "Microsoft YaHei";padding-top: 60px;}
.cpbj h2{margin-bottom: 45px;color: #fff;}
.cpbj h2 a{color: #fff;}
.cpbj h2 p{color: #fff;}
.cp{width: 1400px;margin:0 auto;}

.cp_nav{width: 392px;float: left;}
.cp_nav dl{width:187px;height:106px;border:1px solid rgba(255, 255, 255, 0.6);background:rgba(255, 255, 255, 0.15);padding:13px;box-sizing: border-box;margin-right: 18px;margin-bottom: 34px;float: left;position: relative;overflow: hidden;;}
.cp_nav dl:nth-child(2n){margin-right: 0;}
.cp_nav dt{}
.cp_nav dt img{display: block;width:54px;height:44px;}
.cp_nav dt h3{font-size: 16px;color: #fff;height:38px; line-height: 38px; font-weight: normal;background:url(../images/fwico.png) no-repeat right center;}
.cp_nav dd{background:#0146aa;position: absolute;left:2px;top:2px;width:181px;height: 100px;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.cp_nav dd a{ display: block;padding-left:26px;background:url(../images/fw_line1.png) no-repeat 15px center; line-height: 30px; text-align: left;color:#81aef0;}
.cp_nav dd a:hover{background:url(../images/fw_line2.png) no-repeat 15px center;color: #fff;}
.cp_nav dl.cur dd{opacity: 1;}


.cp_nr{width:970px;float: right;}
.cp_nr dl{width: 100%;height:529px; position: relative;}
.cp_nr dt{max-height:389px;position: relative; overflow: hidden;}
.cp_nr dt::after{content:'';position:absolute;height:133px;width:100%;bottom:0;left:0;background:url(../images/fwtm.png) no-repeat;background-size: 100%;}
.cp_nr dt img{width: 100%;display: block;}
.cp_nr dt em{font-size:26px;color: #ffffff;font-weight: normal; line-height: normal;padding-right: 40px;background:url(../images/fwicotit.gif) no-repeat right 7px;position: absolute;left:35px;bottom:28px;z-index: 2;}
.cp_nr dd{height:170px;background:#0146aa;padding:0px 0 0 2.239vw;position: absolute;left:0;bottom: 0;width:100%;box-sizing: border-box; }
.cp_nr dd b{display: block;height:40px;line-height: 40px;font-size: 18px;color: #fff;font-weight: normal;}
.cp_nr dd .desc{width:355px; float: left;margin-top: 20px;}
.cp_nr dd .desc p{font-size: 14px;line-height: 25px;color: rgba(255, 255, 255, 0.6);display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cp_nr dd .yypp{width:450px; float: right;margin-left:2.239vw;}
.cp_nr dd .yypp span{width: 90px; display: block;float: left;margin-right: 5px;text-align: center;font-size: 12px;color: #fff;font-weight: lighter;white-space: nowrap; line-height: 20px;}
.cp_nr dd .yypp span img{display: block;width: 100%;}



@media screen and (max-width:1401px) {
  .cp{width: 1200px;}
  .cp_nav{width: 328px;}
  .cp_nav dl{width:155px;}
  .cp_nav dd{width:149px;}
  .cp_nr{width:850px;}
  .cp_nr dd{height: 204px;}
  .cp_nr dd .desc{width:95%; }
  .cp_nr dd .desc p{white-space:nowrap;  overflow: hidden; text-overflow: ellipsis;}
  .cp_nr dd .yypp{width:95%;margin-left:0;}

}


/**/
.casebj{height: 920px;background:url(../images/casebg.jpg) no-repeat center top;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top:80px; }
.casebj h2{margin-bottom: 28px;}
.case_nav{ width: 100%;height:70px;border-top:1px solid #b2b2b2;margin-bottom: 0px; }
.case_tit{width:1306px;margin:0 auto;}
.case_nav h5{width: 1190px; height:69px;float: left;overflow: hidden;}
.case_nav h5 a{height:69px;line-height:69px;padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:18px; color: #666666;font-weight:bold;text-decoration: none;text-align: left;float: left;box-sizing: border-box;position: relative;font-weight: normal;}
.case_nav h5 a em{width:30px;height:32px;position: relative;overflow: hidden;display: block;float: left;margin-top:17px;margin-right: 5px;}
.case_nav h5 a em img{width:30px;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case_nav h5 a:last-child{padding-right: 0;}
.case_nav h5 a.cur,.case_nav h5 a:hover{color:#0d54bc;font-weight: bold;}
.case_nav h5 a.cur em img,.case_nav h5 a:hover em img{top:-32px;}
.case_nav span a{height:69px;line-height:69px;width:115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:18px; color: #666666;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;position: relative;}
.case_nav span em{width:30px;height:32px;position: relative;overflow: hidden;display: block;float: left;margin-top:17px;margin-right: 5px;}
.case_nav span em img{width:30px;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case_nav span a:hover{color:#0146aa; font-weight: bold;}
.case_nav span a:hover em img{top:-32px;}


.case{width:1306px;margin:0 auto;clear: both;overflow: hidden;position: relative;}
.case-c1{height:437px;}
.case_nr img{width: 100%;display: block;}
.case_nr dl{width: 100%;height:437px;background:#f2f2f2;}
.case_nr dt{width:776px; display: block;float: left;}
.case_nr dd{width:452px;padding:45px 0 0; margin-right: 45px;float: right; box-sizing: border-box; }
.case_nr dd h4{font-size: 24px;color:#010101; line-height: 42px;height:42px;padding-bottom: 18px;border-bottom: 1px solid #137bcd; font-weight: bold;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;}
.case_nr dd h4 a{color: #010101;}
.case_nr dd h4 span{display: inline-block;color: rgba(0, 0, 0, 0.2);text-transform: uppercase;}
.case_nr dd p{font-size: 16px;color: #666666;line-height: 28px;margin-bottom: 35px;}
.case_nr dd .case_btn{display: block;width:180px;height:40px;line-height: 40px;border-radius: 25px;text-align: center;font-size: 16px;border:2px solid #0146aa;color: #0146aa;}
.case_nr dl:hover dd h4 span img{transform: translateX(5px);}

/**/
.hz{padding:0px;width: 1306px;margin: 30px auto;position: relative;overflow: hidden;}
.hz li{width:248px;float: left;overflow: hidden;padding-bottom: 20px;background:url(../images/hzbg1.png) no-repeat center bottom;margin-right: 16px;}
.hz li em{width:246px; height:123px;border:1px solid #e2e2e2; display: block;overflow: hidden;}
.hz li img{width:100%;display: block;}
.hz li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.hz li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/
.ysbj{ position: relative; box-sizing: border-box; background:#f2f2f2; overflow: hidden; clear: both; font-family:"Microsoft Yahei";padding:70px 0 0;}
.ysbj h2{ margin-bottom: 35px;}
.ysbj h2 i img{vertical-align: middle;}
.ys{width:100%;  position: relative;background:url(../images/ysbg.jpg) no-repeat center top;height:722px;}
.ys_nav img{width:100%; display: block;}
.ys_nr{width:100%;}
.ys_nr p{width: 100%;}
.ys_nav ul{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.ys_nav li{width:20%;height: 100%;float: left;border-right: 1px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;position: relative;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li:last-child{border-right: 0;}
.ys_nav li .ysen{width:100%;text-align: center;position: absolute;left:0;top:11.71875vw;opacity: 1;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li .ysen img{width:126px;display: block;margin:0 auto;}
.ys_nav li .ysen span{font-size: 26px;color: #f2f2f2;margin-top: 2.1875vw;background:url(../images/ys_line1.gif) no-repeat  center bottom;padding-bottom: 4.27vw; display:block;}
.ys_nav li dl{display: block;text-align: left;width:100%;height:100%;background:#fff; position: relative;z-index: 5;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li dt{width:100%;}
.ys_nav li dd{width: 100%;padding:2.08vw 1.8vw 0; box-sizing: border-box;}
.ys_nav li dd span{font-size: 26px;color: #000000;background:url(../images/ys_line2.gif) no-repeat  left bottom; margin-bottom: 22px;font-weight: normal;display:block;}
.ys_nav li dd em{display: block; line-height: 38px;color: rgba(49, 49, 49, 0.3); font-size: 14px;font-weight: normal;text-transform: uppercase;}
.ys_nav li dd p{line-height: 24px;font-size: 14px; color: rgba(49, 49, 49, 0.8);margin-bottom: 1.3vw;}
.ys_nav li dd .ys_btn{width:200px;height:40px;display: block;border-radius: 25px;border:2px solid #0146aa;line-height: 40px;text-align: center;color: rgba(1, 70, 170, 0.8);}

.ys_nav li.cur{}
.ys_nav li.cur .ysen{opacity: 0;}
.ys_nav li.cur dl{opacity: 1;}


/**/
.lcbj{height:922px; position: relative; box-sizing: border-box; background:url(../images/lcbg.jpg) no-repeat center top;  font-family:"Microsoft Yahei";padding:100px 0 0;}
.lcbj h2{ margin-bottom: 55px;}
.lc{width:1400px;  position: relative;margin:0 auto;height: 352px;}
.lc ul{clear: both;overflow: hidden;margin-bottom: 70px;}
.lc li{width:280px;float: left;height: 176px;position: relative;}
.lc li::before{content:'';position:absolute;height:100%;width:1px;top:0;right:0;background:#e1e1e1;z-index: 0;}
.lc li::after{content:'';position:absolute;height:1px;width:100%;bottom:0;left:0;background:#e1e1e1;z-index: 0;}
.lc li:nth-child(5n)::before{width: 0;}
.lc li:nth-child(n+6)::after{height: 0;}
.lc li .lctit{width:100%;text-align: center; font-size: 18px;color: #000000;line-height: 40px;position: absolute;left:0;top:45px;opacity: 1;}
.lc li .lctit img{width:92px;height:67px;display: block;margin:0 auto;}
.lc li .lc_cnt{width:100%;height:100%;display: block;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;z-index: 5;}
.lc li dl{text-align: left;position: relative;z-index: 5;width:100%;}
.lc li dt{width:100%;}
.lc li dt::after{content:'';position:absolute;height:100%;width:100%;top:0;bottom:0;left:0;right:0;background:rgba(1, 70, 170, 0.65);}
.lc li dt img{width: 100%;display: block;}
.lc li dd{width: 100%;position: relative;z-index: 1;text-align: center;position: absolute;left:0;top:0;}
.lc li dd img{width:92px;height:67px;display: block;margin:20px auto 0;}
.lc li dd h4{font-size: 18px;color: #fff;line-height: 34px;font-weight: bold;}
.lc li dd p{line-height: 34px;font-size: 14px; color: rgba(255, 255, 255, 0.6);height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.lc li.cur .lctit{opacity: 0;}
.lc li.cur .lc_cnt{opacity: 1;}

.lc_tel{text-align: center;}
.lc_tel h4{line-height: 30px;font-size: 18px;color: #666666;}
.lc_tel b{display: block;font-size: 44px;color: #0146aa;line-height: 70px;}
.lc_tel a{display: block;text-align: left;width:184px;height:46px;line-height: 46px;border-radius: 20px;border:1px solid #0146aa;padding-left: 52px;font-size: 20px;color: #0146aa;font-weight: bold;background:url(../images/lcico.png) no-repeat 148px center;margin:0 auto;}

@media screen and (max-width:1401px) {
  .lc{width: 1200px;}
  .lc li{width:240px; height:151px;}
  .lc li dd img{margin:10px auto 0;}

}

/**/
.newsbj{ background:url(../images/newsbg.jpg) no-repeat center top;padding:140px 0 0;overflow: hidden;height:920px; font-family:"Microsoft Yahei";box-sizing: border-box; }
.news{width:1400px;margin:0 auto;}

.news1{width:845px;position: relative; float: left;}
.newstit{width:290px;float: left;position: relative; }
.newstit:before{content:'NEWS';position:absolute;left:-126px;top:-15px;font-size: 130px;font-family:"Microsoft Yahei";color: rgba(255, 255, 255, 0.1);font-weight: bolder;}
.newstit h2{ margin-bottom:125px; color: #fff;text-align: left;}
.newstit h2 a{color: #fff;position: relative;}
.newstit h2 em b{display: block;font-size: 18px;color: #ffffff;}
.newstit h2 em{font-size:18px;color: #ffffff; line-height: 30px; font-weight: normal;margin-top: 10px;display: block;position: relative;z-index: 1;}
.newstit h3{font-size: 18px;color: #fff;}
.newstit h3 a{height:60px;line-height:60px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #fff;text-decoration: none;text-align: left;display: block; font-weight: normal;}
.newstit h3 a.cur{font-weight: bold;font-size: 22px;text-decoration: underline;}
.newstit span a{height:160px;line-height:60px;white-space: nowrap; text-overflow: ellipsis;display: block; overflow: hidden;color: #fff;text-decoration: none;text-align: left; font-size:18px;background:url(../images/news_more.png) no-repeat left bottom;}
.news_nr{width:493px;float: right; position: relative;}
.news_c em{border:4px solid #fff; border-radius: 3px;display: block;margin-bottom: 20px;}
.news_c em img{display: block;width:100%;height:208px;}
.news_c dl{width:100%;height:60px; position: relative;margin-bottom: 28px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.news_c dt{float: left;}
.news_c dt span{width: 118px;display: block; float: left;font-size: 14px;color: #ffffff; }
.news_c dt span i{display: block; font-size: 22px;color: #ffffff; line-height: 32px;}
.news_c dd{width:100%;}
.news_c dd h4{font-size:16px;color:#ffffff;line-height: 26px;overflow: hidden;font-weight: normal;}
.news_c dd h4 a{color:#ffffff}


.news2{width:490px;float: right;}
.news2_c{height:652px;overflow: hidden;}
.news2 li{background:rgba(255, 255, 255, 0.6);height: 89px;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;padding:30px 30px 0; margin-bottom: 12px;}
.news2 li em{color: #363636;display: block;font-size: 18px;line-height: 36px;}
.news2 li h4{background:url(/images/fwicotit.gif) 0px 6px no-repeat;padding-left: 35px;line-height: 36px;height: 36px;font-size:18px;color:#333333;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.news2 li:hover{background:#0146aa;} 
.news2 li:hover a,.news2 li:hover em,.news2 li:hover h4{color: #fff;}

@media screen and (max-width:1401px) {
  .news{width: 1200px;}
  .news1{width:800px;}
  .news2{width:345px;}
}

/**/
.abtbj{ position: relative; box-sizing: border-box; background:#fff;  font-family:"Microsoft Yahei";padding:110px 0 0;}
.abtbj dl{width:1400px;margin:0 auto;}
.abtbj dl img{width:100%;display: block;}
.abtbj dl dd{width:100%;position: relative;background:#fff;height:270px;}
.abtbj dl dd h2{width:320px;float: left;text-align: left; }
.abtbj dl dd h2 em{width: 112px;height:48px; line-height: 48px;font-size: 16px;color: #1d1d1d;display: block; font-weight: normal;border-bottom: 2px solid #b5b5b5;background:url(../images/abtico.png) no-repeat right center;position: relative;margin-top: 32px;}
.abtbj dl dd h2 em::after{content:'';position:absolute;height:2px;width:40px;bottom:-2px;left:0;background:#0146aa;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.abtbj dl dd h2 a:hover em::after{width:100%;}
.abtbj dl dd .desc{width:800px; font-size: 16px;line-height: 35px;text-align: left;color: rgba(51, 51, 51, 0.9);float: right;padding-top:5px;}
.abtbj dl dd .desc p{height:135px;}
.abtbj dl dd span{display: block;font-size: 20px;color: #333333;height:44px;line-height: 44px;text-align: left;}
.abtbj dl dd span a{display: block;width:142px;padding-left:40px; float: left;position: relative;font-weight: bolder;color: #333333;}
.abtbj dl dd span a:nth-child(1):before{content:'';position:absolute;height:32px;width:32px;top:5px;left:0;background-image:url(../images/abtico1.png);background-repeat: no-repeat; background-position: 0 0;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.abtbj dl dd span a:nth-child(2)::before{content:'';position:absolute;height:32px;width:32px;top:5px;left:0;background-image:url(../images/abtico2.png);background-repeat: no-repeat; background-position: 0 0;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.abtbj dl dd span a:nth-child(3)::before{content:'';position:absolute;height:32px;width:32px;top:5px;left:0;background-image:url(../images/abtico3.png);background-repeat: no-repeat; background-position: 0 0;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.abtbj dl dd span a:hover{color: #0146aa;font-size: 22px;}
.abtbj dl dd span a:hover::before{background-position: 0 -32px;}

.abtbj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.abtbj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

@media screen and (max-width:1401px) {
  .abtbj dl{width:1200px;}
 
}

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




.p16-infolist-1 {
            padding: 18px 0 0;
            background: #fff;
            background: #fff;
        }
        
        .p16-infolist-1-list dl {
            width: 31%;
            border: 1px solid #dedede;
            background: #fff;
            margin: 0 0 24px 1.6%;
            float: left;
            box-sizing: border-box;
        }
        
        .p16-infolist-1-list .clear {
            margin-bottom: 24px;
            height: 20px;
            background: #ffffff;
        }
        
        .p16-infolist-1-list dt img {
            width: 98%;
            display: block;
            padding: 1% 1%;
        }
        
        .p16-infolist-1-list dd {
            padding: 6px 10px 20px;
        }
        
        .p16-infolist-1-list dd h4 {
            height: 45px;
            font-weight: normal;
            font-size: 18px;
            color: #154c64;
            line-height: 38px;
            overflow: hidden;
        }
        
        .p16-infolist-1-list h4 a {
            display: block;
            height: 45px;
            color: #4b4a4a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p16-infolist-1-list dl:hover h4 a {
            color: #0146aa;
        }
        
        .p16-infolist-1-list-desc {
            height: 40px;
            font-size: 14px;
            line-height: 20px;
            color: #797979;
            margin-bottom: 12px;
            overflow: hidden;
        }
        
        .p16-infolist-1-list-deta {
            width: 100px;
            height: 40px;
            display: inline-block;
            border: 1px solid #aaa;
            margin-top: 20px;
            font-size: 16px;
            line-height: 40px;
            color: #797979;
            text-align: center;
        }
        
        .p16-infolist-1-list dl:hover {
            border-color: #0146aa;
        }
        
        .p16-infolist-1-list dl:hover .p16-infolist-1-list-deta {
            background: #0146aa;
            border-color: #0146aa;
        }
        
        .p16-infolist-1-list dl:hover .p16-infolist-1-list-deta a {
            color: #fff;
        }




.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(/images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #0146aa;}


.p102-proShow-1 {
        padding: 10px 0 20px;
    }
    
    .p102-proShow-1-con {
        border: 1px solid #e3e3e3;
        position: relative;
    }
    
    .p102-proShow-1-left {
        width: 53.4%;
        position: relative;
        overflow: hidden;
    }
    
    .p102-proShow-1-prev,
    .p102-proShow-1-next {
        position: absolute;
        width: 40px;
        height: 40px;
        cursor: pointer;
        background: transparent;
        top: 50%;
        margin-top: -20px;
        z-index: 5;
        display: none;
    }
    
    .p102-proShow-1-left:hover .p102-proShow-1-prev,
    .p102-proShow-1-left:hover .p102-proShow-1-next {
        display: block;
    }
    
    .p102-proShow-1-prev {
        left: 15px;
    }
    
    .p102-proShow-1-next {
        right: 15px;
    }
    
    .p102-proShow-1-prev:before,
    .p102-proShow-1-next:after {
        position: absolute;
        content: '';
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
        border-style: solid solid none none;
        top: 10px;
        z-index: 1;
    }
    
    .p102-proShow-1-prev:before {
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        right: 4px;
    }
    
    .p102-proShow-1-next:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 4px;
    }
    
    .p102-proShow-1-pic img {
        width: 100%;
        display: block;
    }
    
    .p102-proShow-1-size {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 56px;
        height: 26px;
        font-size: 14px;
        line-height: 16px;
        color: #fff;
        letter-spacing: 3px;
    }
    
    .p102-proShow-1-right {
        position: absolute;
        width: 39.2%;
        right: 3.33%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-proShow-1-text {
        padding: 50px 0 15px;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
    }
    
    .p102-proShow-1-text:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 3px;
        background: #0146aa;
        left: 0;
        bottom: -2px;
        z-index: 1;
    }
    
    .p102-proShow-1-text .p102-proShow-1-title {
        height: 40px;
        font-size: 26px;
        font-weight: normal;
        line-height: 40px;
        color: #1a1a1a;
    }
    
    .p102-proShow-1-text p {
        height: 28px;
        line-height: 28px;
        font-size: 16px;
        color: #808080;
    }
    
    .p102-proShow-1-desc {
        max-height: 170px;
        line-height: 34px;
        font-size: 16px;
        color: #4c4c4c;
        text-align: justify;
        padding: 30px 0 0;
        overflow: hidden;
    }
    
    .p102-proShow-1-tel {
        position: absolute;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding-top: 20px;
        border-top: 1px solid #e3e3e3;
        left: 0;
        bottom: 38px;
        z-index: 1;
    }
    
    .p102-proShow-1-tel a {
        float: left;
        width: 80px;
        height: 50px;
        padding-left: 50px;
        background: url(/images/p102-cpxq-icon1.png) no-repeat 12px center #0146aa;
        font-size: 18px;
        color: #ffffff;
        margin-right: 12px;
    }
    
    .p102-proShow-1-tel p {
        float: left;
        min-width: 300px;
        max-width: 100%;
        height: 50px;
    }
    
    .p102-proShow-1-tel p em {
        float: left;
        height: 50px;
        font-size: 13px;
        color: #4c4c4c;
        padding-left: 50px;
        background: url(/images/p102-cpxq-icon2.png) no-repeat left center;
        font-style: normal;
    }
    
    .p102-proShow-1-tel p span {
        float: left;
        font: bold 26px/50px Arial;
        color: #333333;
    }


.p1nr{line-height: 24px;font-size: 14px;}
.p1nr p{line-height: 24px;font-size: 14px;padding:8px; 8px 0 0}


.tit {
        margin: 10px 0;

        clear: both;
    }
    
    .tit i {
        font-style: normal;
        font-size: 18px;
        color: #666;
        line-height: 20px;
        display: block;
        letter-spacing: 0;
        font-weight: normal;
        text-transform: uppercase;
    }
    
    .tit h2 {
        display: block;
        font-size: 40px;
        color: #333333;
        font-weight: bold;
        letter-spacing: 2px;
        line-height: 65px;
        text-align: center;
        border-bottom:1px dashed #DCDDDD;
    }


		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(/images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #0146aa;}


        .k12-xl-xwlb-1nt2-1-01-list dl {
            border: 1px solid #dedede;
            margin-bottom: 15px;
            padding: 22px 50px 22px 22px;
            background: #fff;
            display: inline-block;
            width:856px;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list dt {
            width: 44.4%;
            float: left;
            margin-right: 2.3%;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list dt img {
            width:100%; 
            display: block;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list dd h4 {
            height: 40px;
            font-weight: normal;
            font-size:18px;
            color: #154c64;
            line-height: 40px;
            margin-bottom: 5px;
            overflow: hidden;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list h4 a {
            display: block;
            height: 40px;
            color: #4b4a4a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .k12-xl-xwlb-1nt2-1-01-list dl:hover{border:1px solid #0146aa;}
        .k12-xl-xwlb-1nt2-1-01-list dl:hover h4 a {
            color: #0146aa;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list-desc {
            max-height: 72px;
            font-size: 14px;
            line-height: 24px;
            color: #797979;
            margin-bottom: 28px;
            overflow: hidden;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list-deta {
            width: 90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            display: block;
            float: right;
            background: #b6b6b6;
            color: #fff;
        }
        .k12-xl-xwlb-1nt2-1-01-list-deta a{color:#fff;}
        
        .k12-xl-xwlb-1nt2-1-01-list dl:hover .k12-xl-xwlb-1nt2-1-01-list-deta {
            background: #0146aa;
            border-color: #0146aa;
        }
        
        .k12-xl-xwlb-1nt2-1-01-list dl:hover .k12-xl-xwlb-1nt2-1-01-list-deta a {
            color: #fff;
        }





        .p14-left-nav-1-nav p.sidenavcur a,.p14-left-nav-1-nav p:hover a{color:#0146aa;} 
         
        .p14-left-nav-1-nav p.sidenavcur:after ,.p14-left-nav-1-nav p:hover:after  {background: #137bcd; } 
        
        .p14-left-nav-1-nav a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


        .p14-left-nav-1-tit {
            background: #0146aa;
            height: 80px;                            
        }
        
        .p14-left-nav-1-tit h2 {
            height: 75px;
            font-size: 24px; 
            font-weight: normal;
            line-height: 75px;
            color: #fff;
            border-bottom: 1px solid #fff;
            text-align: center;
            
        }
        .p14-left-nav-1-tit h2 span{font-size: 14px; text-transform: uppercase;}
         
        
        .p14-left-nav-1-nav-one h3 {
            height: 50px;
            line-height: 50px; 
            background:#ececeb; 
            margin-bottom: 2px;
            overflow: hidden;
        }
        
        .p14-left-nav-1-nav-one h3 a {
            display: block; 
            font-size: 18px;
            font-weight: normal;
            margin-right: 40px;
            margin-left: 38px; 
            color: #666;
        }
        
        .p14-left-nav-1-nav-one h3.sidenavcur,.p14-left-nav-1-nav-one h3:hover{
            background: url(/images/p14-icon2.png) no-repeat right center #0146aa; 
        }  
        .p14-left-nav-1-nav-one h3.sidenavcur a,.p14-left-nav-1-nav-one h3:hover a{
            color: #fff
        }
        
        .p14-left-nav-1-nav dl{
            padding: 2px 0 4px;
        }
        .p14-left-nav-1-nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 54px;
            padding-right: 40px; 
            margin-bottom: 1px;
            background:#ececec;
            position: relative;
            overflow: hidden;	
            
        }
        .p14-left-nav-1-nav dt:after{      
        	content: "";
        	width: 8px;
        	height: 8px;              	
        	border: 2px solid #b8b8b8;
        	border-style: solid solid none none;
        	position: absolute; 
        	top: 50%;
        	right: 32px;
        	margin-top: -4px;
        	-webkit-transform: rotate(45deg);
        	-moz-transform: rotate(45deg);
        	-ms-transform: rotate(45deg);
        	-o-transform: rotate(45deg);
        	transform: rotate(45deg);
        }
        
        .p14-left-nav-1-nav dt.sidenavcur:after,.p14-left-nav-1-nav dt:hover:after {
                    	border-color:#0146aa;  
        }
        .p14-left-nav-1-nav dt.sidenavcur a,.p14-left-nav-1-nav dt:hover a{color: #0146aa; }
        
        .p14-left-nav-1-nav dd{
            border: 1px solid #ececec;                             
            border-bottom:0;     
        }
        .p14-left-nav-1-nav p {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            padding-left: 72px;
            padding-right: 40px; 
            border-bottom: 1px solid #ececec; 
            background: #fff;
            position: relative;
            overflow: hidden;
        }