.clearfix{*zoom:1}

i,em{ font-style:normal;}



body{ overflow-x:hidden;}



.bantest {position: relative;width: 100%;overflow: hidden;}  

.banner{ width:100%; position:relative;}

.banner .slick-dotted.slick-slider{ margin:0;}

.banner img{ display:block; width:100%;}

.banner .slick-arrow{ display:none; width:0; height:0; background:none;}

.banner .slick-dots{ position:absolute; bottom:40px; height:30px; left:30%; z-index:6;}

.banner .slick-dots li button:before{ content:""; position:absolute; width:10px; height:10px; border:2px solid #fff; border-radius:10px;opacity:1;}

.banner .slick-dots .slick-active button:before{ background:#fff;}



.tit{height: 100px;font:48px "Microsoft Yahei";text-align:center;font-weight:bold;color:#333;}

.tit a{ display:block; color:#333;}

.tit em{ display:block; font:20px "Microsoft Yahei"; line-height:60px; color:#4c4c4c; background:url(../images/line.png) no-repeat center top; margin-top:8px;}



.yinz{ height:530px; background:url(../images/yinz_bg.jpg) no-repeat center top; padding-top:80px;}

.yinz dl{ height:217px; overflow:hidden;}

.yinz dt{ width:430px; height:217px; float:left; overflow:hidden; background:url(../images/yinz_line.png) no-repeat right top; position:relative;}

.yinz dt img{ display:block; width:350px; height:217px;}

/*.yinz dt:before{ content:""; position:absolute; top:85px; left:150px; background:url(../images/yinz_v.png) no-repeat; width:48px; height:48px;}*/

.yinz dd{ width:725px; height:217px; float:right; overflow:hidden;}

.yinz dd h3{ height:112px; border-bottom:2px solid #cfcfcf; font:54px "Microsoft YaHei UI"; font-weight:bold; color:#282828; margin-bottom:20px;}

.yinz dd p{ font:14px "Microsoft YaHei UI"; line-height:30px; color:#4c4c4c;}

.yinz ul{ height:165px; overflow:hidden; background:#fff; box-shadow:0 0 1rem #ccc; margin-top:50px;}

.yinz li{ width:25%; height:135px; float:left; position:relative; font:18px "Microsoft YaHei UI"; text-align:center; color:#4a4a4a; padding-top:30px;}

.yinz li:before{ content:""; position:absolute; top:42px; right:0; width:1px; height:80px; background:#d2d2d2;}

.yinz li:last-child:before{ background:none;}

.yinz li span{ display:block; font:60px Arial, Helvetica, sans-serif; color:#4a4a4a;}

.yinz li span em{ display:inline-block; width:28px; height:28px; background:#013e7f; border-radius:28px; color:#fff; font:16px "Microsoft YaHei UI"; text-align:center; line-height:28px;}



.pro{margin: 20px 0;overflow:hidden;}

.prot{ height:136px; border-top:1px solid #e5e5e5; overflow:hidden;}

.prot h4 a{ display:block;float:left; font:18px "Microsoft YaHei UI"; line-height:68px;width:130px; color:#333; font-weight:bold;}

.prot h3{ float:left; font:18px "Microsoft YaHei UI"; line-height:68px;color:#636363;width:1070px;}

.prot h3 a{ display:block; color:#636363; position:relative; padding:0 0 0 15px;margin-right:30px; float:left; overflow:hidden;}

.prot h3 a:before{ content:""; position:absolute; top:32px; left:0; width:3px; height:3px; border-radius:3px; background:#666;}

.prot h3 a:after{content: "";position: absolute;width:0;height:2px;top:0;left:0;z-index:0;background:#013e7f;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.prot h3 a:hover{ font-weight:bold; color:#013e7f;}

.prot h3 a:hover:after{width: 100%;}

.prot h3:nth-child(9){ clear:both;}

.pro1{ min-width:1200px; max-width:1920px; width:81.25%; margin:0 auto; overflow:hidden;}

.pro2{ width:39.538%; float:left; overflow:hidden; position:relative;}

.pro2 li{ position:relative; background:url(../images/pro_bg1.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}

.pro2 li img{ display:block; width:100%;}

.pro2 li em i{ color:#013e7f;}

.pro2 li em{ display:block; width:100%; font:18px "Microsoft YaHei UI"; text-align:center; color:#444; position:absolute; bottom:60px;}

.pro2 li:after{ content:""; position:absolute; top:0; left:0; width:56px; height:56px; background:url(../images/pro_hot.png) no-repeat;}

.pro2 li:before,.pro4 li:before{content: '';

            cursor: pointer;

            position: absolute;

            left: -100%;

            top: 0;

            width: 100%;

            height: 100%;

            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

            transform: skewx(-25deg);}

.pro2 li:hover:before,.pro4 li:hover:before{

            left: 100%;

            -moz-transition: 1s;

            -o-transition: 1s;

            -webkit-transition: 1s;

            transition: 1s;

        }

.prot2{ width:90px; height:40px; overflow:hidden; position:absolute; bottom:0; right:0;}

.prot2 a{ display:inline-block; width:10px; height:10px; background:#575757; border-radius:10px; margin-right:5px;}

.prot2 .cur{ background:#013e7f;}

.pro4{ width:60.462%; float:left;}

.pro4 li{ width:31.63%; float:left; margin:0 0 1.2rem 1.7%; background:url(../images/pro_bg1.jpg) no-repeat; background-size:100% 100%; overflow:hidden; position:relative;}

.pro4 li img{ display:block; width:100%;}

.pro4 li em{ display:block; width:100%; font:16px "Microsoft YaHei UI"; text-align:center; line-height:60px; height:60px; color:#515151; overflow:hidden; position:absolute; bottom:0;}

.pro4 li i{ display:none; background:url(../images/pro_more.png) no-repeat; width:24px; height:24px; margin-left:8px; vertical-align:middle;}

.pro4 li:hover i{ display:inline-block;}

.pro4 li:hover em{ background:rgba(23,42,136,0.9); color:#fff;}



.dingz{ background:url(../images/dingz_bg.jpg) no-repeat center 140px;}

.dingz .content{ height:900px; position:relative; overflow:hidden;}

.dingz dl{ width:430px; height:515px; padding:70px 85px 0 85px; overflow:hidden; text-align:center; float:left;}

.dingz dt{ font:24px "Microsoft YaHei UI"; font-weight:bold; color:#333;}

.dingz dt em{ display:block; width:58px; height:60px; margin:0 auto 10px;}

.dingz dt em img{display:block; width:58px; height:60px;}

.dingz dd{ font:14px "Microsoft YaHei UI"; text-align:center; line-height:24px; color:#4c4c4c;  margin-top:12px;}

.dingz dl:nth-child(2) dt,.dingz dl:nth-child(3) dt,.dingz dl:nth-child(2) dd,.dingz dl:nth-child(3) dd{ color:#fff;}

.dingz dl:hover{transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}

.dingz h5{ width:260px; height:155px; background:#013e7f url(../images/dingz_lx.png) no-repeat center 70px; position:absolute; top:320px; left:470px; font:16px "Microsoft YaHei UI"; text-align:center; color:#fff; padding-top:105px;}

.dingz h5 em{ display:block; font:24px Arial, Helvetica, sans-serif; font-weight:bold; padding-top:15px;}

.dingz h5::before {position: absolute;content: "";width: 235px;height:235px; border:1px solid #bac0dc; position:absolute; top:12px; left:12px;}



.case{height: 440px;/* padding-top:70px; */background:url(../images/case_bg.jpg) no-repeat center top;}

.caset{ height:56px; background:#f2f2f2; overflow:hidden; margin-bottom:28px;}

.caset h3{ width:11.11%; height:56px; float:left; font:16px "Microsoft YaHei UI"; line-height:56px; color:#1e1e1e; text-align:center;}

.caset h3 a{ display:block; color:#1e1e1e;}

.caset h3 a:hover{ background:#013e7f; color:#fff;-webkit-transition:all 0.7s;

	transition:all 0.7s;transition-property:background;

-moz-transition-property: background; /* Firefox 4 */

-webkit-transition-property:background; /* Safari 和 Chrome */

-o-transition-property:background;}

.case dl{width:333px;height: 364px;padding:30px 25px 0 25px;float:left;margin:10px 13px 10px 5px;background:#f5f5f5;border:1px solid #e2e2e2;}

.case dt{width:330px;height: 266px;overflow:hidden;position:relative;}

.case dt img{display:block;width:330px;height: 266px;}

.case dd h3 a{display:block;font: 18px "Microsoft YaHei UI";/* font-weight:bold; */color:#000;height:45px;line-height:45px;margin-top:30px;overflow:hidden;}

.case dd h5{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#1a1a1a;}

.case dd p{ font:14px "Microsoft YaHei UI"; line-height:25px; height:50px; overflow:hidden; margin:15px 0 65px;}

.case dd span a{ display:block; width:45px; height:45px; background:url(../images/case_arr1.png) no-repeat;}

.case dl:hover h3 a{ color:#013e7f;}

.case dl:hover span a{ background:url(../images/case_arr2.png) no-repeat;}

.case dl:hover{ background:#fff; border:1px solid #fff; box-shadow:0 0 0.5rem #ccc;}

.case dt:before{content: '';

            cursor: pointer;

            position: absolute;

            left: -100%;

            top: 0;

            width: 100%;

            height: 100%;

            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));

            transform: skewx(-25deg);}

.case dt:hover:before{

            left: 100%;

            -moz-transition: 1s;

            -o-transition: 1s;

            -webkit-transition: 1s;

            transition: 1s;

        }



.case .content{ position:relative;}

.case1{ overflow:hidden;}

.case_l{font:60px "宋体";font-weight:bold;color:#333;position:absolute;top: 240px;left:-60px;cursor:pointer;}

.case_r{font:60px "宋体";font-weight:bold;color:#333;position:absolute;top: 240px;right:-60px;cursor:pointer;}



/**/

.ysbj{height: 935px;overflow: hidden; background:url(../images/ys_bg.jpg) no-repeat center top; font-family: "Microsoft YaHei"; position: relative; }

.ys{position: relative;height: 690px; margin-top:60px;}

.ys_nav{ width:1000px;height:125px; overflow: hidden; position: absolute;left:50%;top:-60px;margin-left: -500px;z-index: 2;background:#fff;border-radius: 8px;box-shadow: 0 0 10px #ccc;}

.ys_nav li {font-size: 20px; width: 250px; height:125px; float: left; text-align: center;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:54px;height:62px;overflow: hidden;margin:17px auto 5px;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: #013e7f; color:#fff;}

.ys_nav li.cur i img{left:-54px;}

.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:-1250px !important;}

.m_ys{width: 1200px;height: 760px; margin-right:20px;}

.m_ys dl{width: 1200px;height: 690px; position: relative;padding-bottom: 15px;}

.m_ys dl dt{width: 1200px;height: 650px; }

.m_ys dl dt img{width: 1200px;height: 650px;display: block;}

.m_ys dl dd{width: 1200px;height: 150px;padding:45px 0px 0 70px;box-sizing: border-box; position: absolute;left:0px;bottom:-10px;background: #fff; box-shadow: 0 0 15px #cdcdcd; display: none;}

.m_ys dl dd h3{ font-size:42px; color:#212121; padding-right:50px; float:left; margin:-10px 50px 0 0; position:relative;}

.m_ys dl dd h3:before{ content:""; position:absolute; top:2px; right:0; width:1px; height:74px; background:#e5e5e5;}

.m_ys dl dd h3 em{ display:block; font-size:26px;}

.m_ys dl dd h3 em b{ color:#013e7f;}

.m_ys dl dd p{font-size:14px; color:#4c4c4c;  line-height: 25px; text-align: justify; position:relative;padding-left:12px; float:left;}

.m_ys dl dd p:before{ content:""; position:absolute; top:9px; left:0; width:4px; height:6px; background:url(../../images/f_arr.png) no-repeat;}

.m_ys dl dd p b{ color:#013e7f;}

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

.ys_l{ width:60px; height:60px; background:url(../images/ys_l.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:-635px;}

.ys_r{ width:60px; height:60px; background:url(../images/ys_r.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:585px;}

.ys_l:hover,.ys_r:hover{ background-position:0 -60px; cursor:pointer;}





.news{height: 590px;padding-top: 90px;overflow:hidden;background:url(../images/new_bg.jpg) no-repeat center bottom;}

.newst{ height:75px; border-bottom:1px solid #e5e5e5; margin-bottom:30px;}

.newst h3{ width:110px; height:75px; float:left; margin-right:50px; font:18px "Microsoft YaHei UI"; line-height:75px;}

.newst h3 a{ display:block; color:#2e2e2e;}

.newst h3 em{ display:block; width:23px; height:24px; float:left; overflow:hidden; margin:26px 6px 0 0;}

.newst h3 em img{ display:block;}

.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#013e7f; border-bottom:2px solid #013e7f;}

.newst h3 a:hover img,.newst .cur em img{ position:relative; margin-top:-24px;}

.newst h5 a{ display:block; float:right; font:14px "Microsoft YaHei UI"; line-height:75px; color:#000000; text-transform:uppercase;}

.news1{ height:480px;}

.news1 .dl1{ width:587px; float:left; overflow:hidden;}

.news1 .dl1 dt{ width:587px; height:294px; overflow:hidden;}

.news1 .dl1 dt img{ display:block;width:587px; height:294px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news1 .dl1 dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; color:#000; margin:24px 0 8px;}

.news1 .dl1 dd h3 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666; line-height:26px;}

.news1 .dl1 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}

.news1 .dl1 dd a{ color:#013e7f;}

.news1 .dl1:hover dt img,.news1 .dl2:hover dt img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}

.news1 .dl1:hover dd h3 a,.news1 .dl2:hover dd h3 a,.news1 li:hover a{ font-weight:bold; color:#013e7f;}

.news1 .dl2{ width:540px; height:130px; margin-bottom:28px; overflow:hidden; float:right;}

.news1 .dl2 dt{ width:232px; height:130px; float:left; overflow:hidden;}

.news1 .dl2 dt img{ display:block;width:232px; height:130px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news1 .dl2 dd{ width:285px; float:right; overflow:hidden;}

.news1 .dl2 dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; height:56px; line-height:56px; color:#000; overflow:hidden;}

.news1 .dl2 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}

.news1 ul{ width:540px; float:right; border-top:1px solid #ccc; padding-top:14px;}

.news1 li{ font:14px "Microsoft YaHei UI"; line-height:30px; height:30px; overflow:hidden;}

.news1 li a{ display:block; color:#666;}

.news1 li em{ float:right; font-family: Arial, Helvetica, sans-serif;}



.about{min-width:1200px; max-width:1920px; width:100%;margin:0 auto;}

.about dt img{ display:block; width:100%;}

.about dd{ width:1200px; padding:30px 50px; background:#fff; box-shadow:0 0 1rem #ccc; position:relative; margin:-90px auto 45px; height:140px;}

.about .tit{ width:380px; float:left;}

.about dd p{ width:525px; float:left; padding:0 0 0 40px; margin-left:40px; border-left:1px solid #ccc; font:14px "Microsoft YaHei UI"; line-height:30px; color:#4c4c4c; margin-top:23px;}

.about dd span a{ display:block; width:140px; height:40px; background:#013e7f; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:right; margin-top:50px;}



.pic{ height:315px;overflow:hidden;}

.pic .content{ width:1300px; margin:0 auto;}

.pic1 li{ width:312px; float:left; margin-right:18px; position:relative; overflow:hidden;}

.pic1 li img{ display:block; width:312px; height:234px;}


.pic1 li em{ display:block; position:absolute; bottom:0; width:100%; font:18px "Microsoft YaHei UI"; height:55px; background:rgba(0,0,0,0.8); line-height:55px; color:#fff;overflow:hidden; text-align:center;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);

    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.pic1 li a:hover em i{ display:block; background:url(../images/pic_more.png) no-repeat center bottom;height:100px; padding-top:60px; font-weight:bold;}

.pic1 li a:hover em{ height:100%; background:rgba(23,42,136,0.8); }



.link{width:1200px; margin: 0 auto; position: relative;}

.link .content{position: absolute; top: -70px;right: 0; width:500px; height:70px;}

.link p{width: 500px;float: left;overflow: hidden;font:12px "Microsoft YaHei";color:#fff;line-height:70px;text-align:right;}

.link p a{ display: inline-block;padding:0 15px; font:12px "Microsoft YaHei"; color:#fff; line-height:70px; height:70px; position:relative;}

.link p a:hover{font-weight:bold; text-decoration:underline;}



@keyframes living {

    0%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 6px;

    }

    50%{

        transform: scale(1);

        /* opacity: 0.7; */margin-top:0px;

    }

    100%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 6px;

    }

}

@keyframes living1 {

    0%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 0;

    }

    50%{

        transform: scale(1);

        /* opacity: 0.7; */margin-top: 0;

    }

    100%{

        transform: scale(1);

        /* opacity: 1; */margin-top: 0;

    }

}

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

  }

}

@keyframes wave {

  50%,

  75% {

    transform: scale(2.5);

  }

  60%,

  100% {

    opacity: 0;

  }

}