@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:auto;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:auto; overflow:hidden;}
.banner .bd li img{ display:block;width:100%;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:30px;left:50%; margin-left:-610px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#fff;opacity:1; border-radius:21px; margin:0 12px;}
.banner .bantil li.on{background:#263c92;}

.sou{ height:115px; overflow:hidden;}
.sou p{ width:790px; float:left; font:14px "Microsoft YaHei"; color:#22297a; line-height:115px;} 
.sou p a{ color:#666; padding:0 30px; font:14px "Microsoft YaHei";}
.sou p a:hover{ color:#22297a; text-decoration:underline;}
.sou01{ margin-top:30px; float:right;}
.ip01{ width:355px; height:49px; background:url(../images/sou1.gif) no-repeat; font:14px "Microsoft YaHei"; line-height:46px; color:#999; overflow:hidden; outline:none; border:0;}
.ip02{ width:42px; height:49px; overflow:hidden; background:url(../images/sou2.gif) no-repeat; outline:none; cursor:pointer; border:0;}

.yinz{ width:1200px; margin:40px auto 50px; height:130px; overflow:hidden;}
.yinz li{ width:200px; padding-left:100px; float:left; background:url(../images/yinz_line.gif) no-repeat right 10px; height:155px; font:18px "Microsoft YaHei"; color:#2a2a2a;}
.yinz li span{ display:block; font:70px Arial;color:#444;}
.yinz li:last-child{ background:none;}

.choose{ background:url(../images/choose_bg.jpg) no-repeat center top; height:762px; overflow:hidden;}
.choose dl{ padding-top:310px; width:700px; overflow:hidden; float:right;}
.choose dt{ font:60px "Microsoft YaHei"; font-weight:bold; color:#444;}
.choose dt b{ color:#263c92;}
.choose dd{ font:15px "Microsoft YaHei"; line-height:30px; color:#444; margin-top:40px;}

.tit1{ text-align:center; height:160px;font:60px "Microsoft YaHei"; font-weight:bold; color:#444;}
.tit1 a{ color:#333333;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#4d4d4d; padding-top:12px;}

/**/
.pro_bj{ height:990px; margin:30px 0 0 0; overflow:hidden;}
.fen{ height:40px; margin: 0 auto;width: 440px;padding-bottom: 30px;}
.fen li{ width:220px; float:left; height:67px;background:url(../images/fen_line.gif) no-repeat right top; font:18px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#444;line-height: 35px;}
.fen li a{ display:block; color:#444;}
.fen li em{ display:block; font:12px Arial; color:#a5a5a5; text-transform:capitalize; line-height:20px;}
/* .fen li:nth-child(1),.fen li:nth-child(8){ width:191px;} */
.fen li:nth-child(2n){ background:none; width:151px;}
.fen li a:hover{ color:#263c92; text-decoration:underline;}
.fen li a:hover em{ text-decoration:none;color:#263c92;}
.pro li{ width:388px; height:290px; overflow:hidden; position:relative; margin:0 18px 18px 0; float:left;}
.pro li img{ display:block;width:388px; height:290px;-webkit-transition: 1s; -moz-transition: 1s;transition: 1s;object-fit: contain;background: #efedee;}
.pro li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro li p{ display:none; background:url(../images/pro1_bg.png) no-repeat center top;width:388px; height:290px; position:absolute; top:0; font:30px "Microsoft YaHei"; text-align:center; color:#fff;}
.pro li p em{  display:block; font:24px "Microsoft YaHei"; text-transform:capitalize; padding:65px 0 22px;}
.pro li:nth-child(3n){ margin-right:0;}
.pro li a:hover p{ display:block;}
.pro_bj .pro .more {
  width: 500px;
  height: 54px;
  margin: 0 auto;
}

.proys{ height:900px; padding-top:55px; background:#e5e5e5; overflow:hidden;}
.proys .content{ position:relative;}
.proys1{ width:792px; float:left; overflow:hidden;}
.proys1 dt img{ display:block; width:792px; height:528px;}
.proys1 dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#444444; padding:20px 0 0 0;}
.proys1 dd p{ font:18px "Microsoft YaHei"; line-height:24px; color:#333; padding:5px 0 15px; border-bottom:1px solid #ccc;}
.proyst{ width:357px; float:right; height:522px; position:relative; border-bottom:3px solid #5f5f5f;}
.proyst2{ position:absolute; top:123px; right:0; z-index:2; height:400px; width:420px; overflow:hidden;}
.proyst li{ width:420px; height:100px; background:url(../images/proys_bg1.png) no-repeat center top; overflow:hidden;}
.proyst li em{ display:block; width:30px; height:30px; background:#323233; border-radius:30px; color:#fff; font:16px Arial; line-height:30px; overflow:hidden; text-align:center; margin:24px 20px 0 60px; float:left;}
.proyst li span{ display:block; float:left; width:200px; font:17px "Microsoft YaHei"; font-weight:bold; color:#444; margin-top:28px;}
.proyst li span i{ display:block; font:14px Arial; color:#727272; font-weight:bold;padding-top:8px;}
.proyst li b{ display:block; widows:80px; height:60px; float:left; margin-top:20px;}
.proyst li b img{display:block; widows:80px; height:60px;}
.proyst li:hover,.proyst .on{ background:url(../images/proys_bg2.gif) no-repeat;}
.proyst li:hover em,.proyst .on em{ background:#3b4f9d;}
.proyst li:hover span,.proyst .on span{ color:#263c92;}
.arr1{ font:32px "Microsoft YaHei"; width:170px; height:79px; padding-top:15px; text-align:center;background:url(../images/proys_b.png) no-repeat;color:#444; font-weight:bold; position:absolute; top:0; left:0;}
.arr2{font:32px "Microsoft YaHei"; width:170px;height:79px; padding-top:15px; text-align:center;background:url(../images/proys_b.png) no-repeat; color:#444; font-weight:bold; position:absolute; top:0; right:0;}
.arr1 em,.arr2 em{ display:block; font:14px "Microsoft YaHei"; color:#929292;}
.arr1.prevStop,.arr2.nextStop{background:url(../images/proys_t.png) no-repeat; color:#fff;}
.arr1.prevStop em,.arr2.nextStop em{ color:#fff;}
.proyst h5{width:300px; overflow:hidden; position:absolute; bottom:-145px; font:16px "Microsoft YaHei"; background:url(../images/lx.png) no-repeat left 0; padding-left:36px; color:#444; line-height:30px;}
.proyst h5 em{ display:block;font:30px Arial; font-weight:bold; color:#444444;}

.case{ background:url(../images/case_bg.jpg) no-repeat center top; height:756px; padding-top:50px;}
.caset{ height:134px; overflow:hidden;}
.caset li{ width:100px; height:100px; float:left; font:20px "Microsoft YaHei"; line-height:22px; color:#4d4d4d; margin:0 10px; display:inline;}
.caset li a{ display:block; color:#4d4d4d; width:50px; height:80px; padding:12px 20px 0 22px; line-height:30px; letter-spacing:5px; border:3px solid #444;}
.caset li a:hover{ background:#263c92; color:#fff; border:3px solid #263c92;}
.case2{ position:relative;}
.case2 li{ width:24.23%; float:left; margin:0 0.5% 0 0;}
.case2 li img{ display:block; width:100%;}
.case2 li p{ width:85.8%; margin:-45px auto 0; height:90px; position:relative; background:#fff; padding:30px 0 0 5%; font:22px "Microsoft YaHei"; color:#333;}
.case2 li p em{ display:block; font-size:16px; padding-top:10px;}
.case2 li span{ display:block; width:30%; height:100%; background:#444 url(../images/case_sou1.gif) no-repeat center center; background-size:100% auto; position:absolute; top:0; right:0;}
.case2 li a:hover span{ background:#263c92 url(../images/case_sou2.gif) no-repeat center center;background-size:100% auto; }
.arr3 a{ display:block; width:64px; height:64px; background:url(../images/case_left1.png) no-repeat; position:absolute; top:15%; left:50%; margin-left:-550px;}
.arr4 a{ display:block; width:64px; height:64px; background:url(../images/case_right1.png) no-repeat; position:absolute; top:15%; right:50%; margin-right:-550px;}
.arr3 a:hover{background:url(../images/case_left2.png) no-repeat;}
.arr4 a:hover{background:url(../images/case_right2.png) no-repeat;}

.ys{ height:700px; overflow:hidden; background:url(../images/ys_line.gif) repeat-x center -10px; padding-top:40px; position:relative;}
.ys .tit1,.ys .tit1 em{ color:#333;}
/*.yst{ height:195px; overflow:hidden;}*/
/*.yst li{ width:200px; padding-left:100px; background:url(../images/ys_line2.gif) no-repeat right 8px; float:left; color:#fff; font:18px "Microsoft YaHei";}*/
/*.yst li em{ display:block; font:70px Arial;}*/
/*.yst li:hover em,.yst .cur em{ color:#fff000;}*/
/*.yst li:last-child{ background:none;}*/
.ys1 dl{ width:1198px; margin:0 auto; overflow:hidden;}
.ys1 dt img{ display:block; width:1198px; height:457px;}
.ys1 dd{ width:1000px;/* height:105px; */padding:20px 60px; margin:-65px auto 0; position:relative; background:#fff; border-bottom:8px solid #263c92;}
.ys1 dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#263c92;/* position:absolute; top:20px; left:30px;*/}
.ys1 dd h3 em{ display:block;}
.ys1 dd p{ font:18px "Microsoft YaHei"; line-height:26px; color:#333;/* padding:0 0 0 220px;*/margin-top: 10px;}
.arr5 a{ display:block; width:64px; height:64px; background:url(../images/case_left1.png) no-repeat; position:absolute; top:50%; left:50%;margin-left:-680px;}
.arr6 a{ display:block; width:64px; height:64px; background:url(../images/case_right1.png) no-repeat; position:absolute; top:50%; right:50%; margin-right:-680px;}


.honor{ height:610px; overflow:hidden; background: #f3f3f3 url(../images/honor_line.gif) no-repeat center 585px;padding-top: 40px;}
.honor2{ height:410px; position:relative;}
.honor2 li{ float:left; width:232px; margin-right:18px;}
.honor2 li img{ display:block; width:100%;padding:5px;border:1px solid #ccc;}
.honor2 li em{ display:block; height:56px; font:16px "Microsoft YaHei"; line-height:56px; height:56px; color:#444; overflow:hidden; text-align:center;}
.honor2 .xchd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.honor2 .xchd ul{margin-left:555px;}
.honor2 .xchd ul li{border-radius: 100%; float:left;margin:0 10px;display:inline;cursor:pointer;}
.honor2 .xchd ul li{width:10px;height:10px;background:#444444;}
.honor2 .xchd ul .on{background:#263c92;}
.honor2 .jt a{height: 32px; width: 32px; display: block;position: absolute;bottom:5px;z-index: 3;}
.honor2 .jt a.xcprev{left:520px; background: url(../images/left.png) no-repeat;}
.honor2 .jt a.xcnext{right:520px;background: url(../images/right.png) no-repeat;}
/*.honor2 ul li:nth-child(4){ margin-right:0;}*/



/**/
.nswsbj{ height: 720px; box-sizing: border-box; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ font-size: 60px; color: #444444; margin-bottom: 40px; text-align: center;}
.nswsbj h2 a{ color: #444444; }
.nswsbj h2 span{color:  #4d4d4d; font-weight: normal; font-size: 20px;display: block; }
.news{width:1200px;height:475px; position: relative; }
.news .newstit{ height:40px;width: 300px; margin:0 auto;}
.news .newstit i{color:#333333;height: 40px; display: inline-block; font-weight: normal;text-decoration: none;}
.news .newstit i a{width: 150px; text-align: center; float: left; position: relative; text-decoration: none; font-size: 20px; display: inline-block;height:40px; color:#263c92; background: none; line-height:40px; font-weight: normal;display: block;}
.news .newstit i a.nones{margin-right: 0;}
.news .newstit i a.cur{color: #263c92;/*text-decoration:underline;  */font-weight: normal;}
.news .newstit i a:hover{text-decoration:underline;}


.news_nr{margin-top: 25px;}


.news_c dl{width:580px;padding:26px; /*height: 180px;*/ box-sizing: border-box; overflow: hidden;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; background: #f6f6f6; margin-bottom: 30px; float: left;}
.news_c dt{ width:200px;height:112px; float: left; position: relative; overflow: hidden; }
.news_c dt img{width:200px;height:112px; display: block;object-fit: cover;}
.news_c dd{width:300px; float: right; overflow: hidden;box-sizing: border-box;}
.news_c dd h3{font-size: 20px; font-weight: normal;line-height: 30px;color:#000000;height: 60px;overflow: hidden; }
.news_c dd h3 a{ color:#000000; text-decoration: none;}
.news_c dd em{ display:block;font-size: 16px; height: 30px; line-height: 30px;  color: #444444; font-weight: bold; margin-bottom: 10px;  font-family: "Arial"; text-transform: uppercase;}
.news_c dd em i{position: relative; margin-left: 15px;padding-left: 10px;}
.news_c dd em i:before{content: ""; width: 2px; height: 10px; background: #444;position:absolute;top:4px; left: 0;}
.news_c dl:nth-child(2n){float: right;}
.news_c .more{width: 500px; height: 54px; margin:20px auto 0;}

.news_c dl:hover{background: #263c92;}
.news_c dl:hover dd em{color: #fff;}
.news_c dl:hover dd em i:before{background: #fff;}
.news_c dl:hover dd i{color: #fff;}
.news_c dl:hover dd h3 a{color: #fff;}


/**/
.aboutbj{height: 905px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; padding-top: 40px;}
.aboutbj h2{ font-size: 60px; color: #444444; margin-bottom: 40px; text-align: center;}
.aboutbj h2 a{ color: #444444; }
.aboutbj h2 span{color:  #4d4d4d; font-weight: normal; font-size: 20px;display: block; }
.about dl{width:100%;  }
.about dl dt{width: 100%; height: 610px;background:url(../images/about.jpg) no-repeat center top; overflow: hidden;background-size:cover;}
.about dl dd {width: 1200px; margin:0 auto; height: 105px;padding-top: 40px; box-sizing: border-box;  font-size: 15px; color: #444444;line-height: 30px; text-align: center;overflow: hidden;}



.pic{ height:315px; margin-top: 40px;}
.pict{ height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center;margin-bottom: 30px; padding-left:380px;}
.pict li{ float:left; line-height:36px; background:#fff;border:2px solid #333333; width: 140px;font-weight: normal; margin-right: 10px;}
.pict li a{ color:#444444;text-decoration: none; }
.pict .nones{ background:none;}
.pict .cur{ background:#263c92;border-color: #263c92; color:#fff;}
.pict .cur a{ color:#fff;}
.pic2{ height:275px;width: 1200px; position: relative;}
.m_pic{ height:275px;width: 1200px; position: relative;}
.m_pic .xchd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:15px;overflow:hidden;}
.m_pic .xchd ul{margin-left:555px;}
.m_pic .xchd ul li{border-radius: 100%; float:left;margin:0 10px;display:inline;cursor:pointer;}
.m_pic .xchd ul li{width:10px;height:10px;background:#444444;}
.m_pic .xchd ul .on{background:#263c92;}
.m_pic .jt a{height: 32px; width: 32px; display: block;position: absolute;bottom:5px;z-index: 3;}
.m_pic .jt a.xcprev{left:520px; background: url(../images/left.png) no-repeat;}
.m_pic .jt a.xcnext{right:520px;background: url(../images/right.png) no-repeat;}

.pic3{width:1200px; overflow: hidden; margin:0 auto;}
.pic3 li{ width:283px; position:relative;margin-right: 21px; float:left;}
.pic3 li img{ display:block;width:283px; height:214px;}
.pic3 li em{ height:50px; display:block;  font:16px "Microsoft YaHei"; line-height:50px; color:#444444; overflow:hidden; text-align: center; }
.pic3 ul{width:1200px;height:214px;}
.pic3 ul li:nth-child(4){margin-right:0;}

.pic3 li img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.pic3 li img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}


/* .link_bj{margin-top: -162px;} */
.link{width:1015px; height:40px; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{float: left; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; overflow: hidden;color:#474747;}
.link p{  width: 859px; float: left; font-size: 14px;overflow: hidden; line-height: 40px; color:#474747;}
.link p a{ color:#474747; padding:0 16px;}





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