@charset "utf-8";
body{overflow-x:hidden;position: relative;}
/*banner*/
.banner {
  clear:both;
  position:relative;
  width:100%;
  height:800px;
  overflow:hidden;
  z-index: 9;
}
.banner .hd {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  height:5px;
  text-align:center;
}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:12px;height:12px;text-indent:-9999px;cursor:pointer;background:rgba(255,255,255,.6);border-radius:8px;}
.banner .hd .on{background:#6696FF;width: 50px;display:inline-block;*display:line;*zoom:1;margin:0 10px;height:12px;text-indent:-9999px;cursor:pointer;border-radius:6px;}
.banner .bd,.banner .bd ul {
  height:800px;
}
.banner .bd li {
  position:relative;
  width:100%;
  height:800px;
}
.banner .bd li a {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-960px;
  width:1920px;
  height:800px;
}
.banner .prev,.banner .next {
  position:absolute;
  /*display: none;*/
  z-index:999;
  top:50%;
  margin-top:-30px;
  width:58px;
  height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
  cursor:pointer;
  opacity:0;
  transition: all 1s;
}
.banner .prev {
  left:8%;
}
.banner .next {
  right:8%;
}
.banner:hover .prev,.banner:hover .next {
  opacity:1;
}

/**/
.guide{height:521px; background:url(../images/yzbg.jpg) no-repeat center;}
.guide .gui{padding-top:32px;}
.guide .gui h2{text-align: center; margin-bottom: 55px;padding-bottom: 40px;}
.guide .gui h2 i{display: block; height:65px; line-height: 65px;font-size: 40px; color:#dcdee0; font-family: "思源黑体 CN"; font-weight: 300; text-transform: uppercase;}
.guide .gui h2 span{display: inline-block;height:49px; line-height: 49px;position: relative;padding:0 288px;font: 48px "汉仪菱心体简";font-weight: bold;color: #000;}
/*.guide .gui h2 span img{width:100%;}
.guide .gui h2 span:before{width:288px; height:49px;background:url(../images/gui-tit1.png) no-repeat left; content:""; position: absolute;left:0;top:0;}
.guide .gui h2 span:after{width:288px; height:49px;background:url(../images/gui-tit2.png) no-repeat left; content:""; position: absolute;right:0;top:0;}*/
.guide .gui h2 em{display: block; height:70px; line-height: 70px; font-size: 20px;color:#333333; font-weight: normal;letter-spacing: 2px;}
.guide .gui .gui-sz li{float:left;}
.guide .gui .gui-sz li:first-child{width:17.8%;}
.guide .gui .gui-sz li:nth-child(2){width:27.4%;}
.guide .gui .gui-sz li:nth-child(3){width:22.2%;}
.guide .gui .gui-sz li:nth-child(4){width:17.5%;}
.guide .gui .gui-sz li:last-child{width:14.8%;}
.guide .gui .gui-sz li .icon{display: block; width:42px; height:41px; line-height: 0; overflow: hidden;float:left; margin-top: 11px;}
.guide .gui .gui-sz li .icon img{width:100%; transition: .5s;}
.guide .gui .gui-sz li .sz-rig{width:84%;float:right;}
.guide .gui .gui-sz li .sz-rig span{display: block; height:61px;}
.guide .gui .gui-sz li .sz-rig span em,.guide .gui .gui-sz li .sz-rig span b{display: inline-block;height:61px;line-height: 61px;font-size: 60px; color:#333333; font-family: "Arial";font-weight: normal;vertical-align: top;}
.guide .gui .gui-sz li .sz-rig span i{display: inline-block;font-size: 18px; color:#333333; vertical-align: bottom;margin:0 0 10px 5px;}
.guide .gui .gui-sz li .sz-rig p{height:33px; line-height: 33px;font-size: 16px; color:#333333;}
.guide .gui .gui-sz li:last-child .sz-rig{width:71%;}
.guide .gui .gui-sz li:nth-child(1) .sz-rig,.guide .gui .gui-sz li:nth-child(4) .sz-rig{width:78%;}
.guide .gui .gui-sz li:hover b img{margin-top:-41px;}
.guide .gui .gui-sz li:hover .sz-rig span em,.guide .gui .gui-sz li:hover .sz-rig span b,.guide .gui .gui-sz li:hover .sz-rig span i,.guide .gui .gui-sz li:hover .sz-rig p{color:#2268E4;}

/*标题*/
.index-title{height: 100px;width: 600px;margin: 0 auto;margin-bottom: 40px;}
.index-title span{color: #333;font-size: 20px;line-height: 42px;width: 600px;display: block;margin: 0 auto;text-align: center;font-family: "思源黑体 CN"; font-weight: normal;letter-spacing: 2px;}
.index-title p{text-align: center;font-size: 40px;color: #1a1a1a;letter-spacing: 3px;position: relative;font: 48px "汉仪菱心体简";}
.index-title p b{color: #0F316E;margin-left: 15px;}
.index-title p:before{content: "";position: absolute;width: 20px;height: 4px;background: #1a1a1a;left:420px;top:30px;}
.index-title p:after{content: "";position: absolute;width: 20px;height: 4px;background:#1a1a1a;right:420px;top:30px;}

/* --product--*/
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}

.product {padding: 0;overflow: hidden;}
.product-list-wrap{ height: 777px; background: url(../images/product-list2bg.jpg) top center no-repeat;}
.product-list-wrap .parhd{ height:110px;position:relative;}
.product-list-wrap .parhd .next,.product-list-wrap .parhd .prev {width: 60px;font-size: 60px;text-align: center;color: #ccc;position: absolute;top: 350px;cursor:pointer;display: block;}
.product-list-wrap .parhd .next {left: -90px;}
.product-list-wrap .parhd .prev {right: -90px;}
/*.product-list-wrap .parhd ul{ display: none;}*/
.product-list-wrap .parhd ul li { width: 129px;float: left;text-align: center;color: #fff;line-height: 110px;border-right: 1px solid #fff;height: 110px;display: inline-block;position: relative;font-size: 15px;}
.product-list-wrap .parhd ul li.on{background:#1a1a1a;}
.product-list-wrap .parhd ul li.on:before {
    content: "";
    position: absolute;
    border-top: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    height: 0;
    width: 0;
    left: 42%;
    top: 0;
}
.product-list-wrap .parhd ul li:hover {background: #1b1b1b;}
.product-list-wrap .parhd ul li em {font-size: 56px;font-weight: bold;opacity:.2;position: relative;line-height: 56px;top: 15px;}
.product-list-wrap .parhd ul li em:before{content: "";position: absolute;width: 70px;height: 23px;background: #2268E4;left:0px;top:42px;}
.product-list-wrap .parhd ul li em:hover:before{background: #1b1b1b;}
.product-list-wrap .product-list2{ overflow:hidden; zoom:1; position:relative;top: 90px;}
.product-list-wrap .product-list2 .product-list2-top {width: 1200px;}
.product-list-wrap .product-list2 .product-list2-top .product-list2-top-info {width: 40%;overflow: hidden;}
.product-list-wrap .product-list2 .product-list2-top .product-list2-top-info p {float: left;color: #666;font-size: 16px;line-height: 32px;}
.product-list-wrap .product-list2 .product-list2-top .product-list2-top-info h3 {font-size: 36px;color: #1b1b1b;font-weight: bold;margin-bottom: 15px;}
.product-list-wrap .product-list2 .hd {width: 550px;height: 20px;position: absolute;z-index: 99;left: 0;top: 220px;}
.product-list-wrap .product-list2 .hd li {width: 90px;height: 90px;float: left;margin-right: 10px;margin-bottom: 10px;}
.product-list-wrap .product-list2 .hd li img {width: 88px;height: 88px;border: 2px solid #ccc;background: #fff;}
.product-list-wrap .product-list2 .hd em a{ display: inline-block; float: left; width: 176px; height: 43px; line-height: 43px; border: 1px solid #313131; border-radius: 2px; text-align: center; color: #333; color: #333333; font-size: 16px;transition: all 0.2s;margin-top: 25px;}
.product-list-wrap .product-list2 .hd em a:last-of-type{ background: #2268E4; border: 1px solid #2268E4; color: #fff; margin-left: 17px;}
.product-list-wrap .product-list2 .hd em a:hover{ padding: 0 15px;}
.product-list-wrap .product-list2 .bd{width: 500px;height: 500px;margin-top: -60px;margin-right: 20px;}
.product-list-wrap .product-list2 .bd img {width: 500px;height: 500px;mix-blend-mode: multiply;}

.process{height: 220px;overflow:hidden;}
.process h2{height: 220px;line-height: 220px;font-size: 42px;color:#fff;font-weight: bold;text-align:center;width: 200px;float: left;display: block;background:#1b1b1b;padding: 0;letter-spacing: 2px;}
.process ul {float: right;width: 980px;background: #2268E4;display: block;height: 220px;padding-left: 20px;}
.process li{float: left;width: 85px;margin-right: 60px;position: relative;margin-top: 50px;}
.process li:before{content: "\e6a3";position: absolute;width: 20px;height: 20px;right: -53px;top:42px;font-family:"iconfont" !important;font-size: 20px;color: #fff;}
.process li:nth-child(7):before{display: none;}
.process li i{display: block;width: 70px;overflow: hidden;margin:0 auto;}
.process li em{display: block;text-align:center;font-size: 18px;color:#fff;}
.process li:last-child{margin-right: 0;}
.process li:last-child:before{background: none;}
.process li:hover i img,.process.cur i img{margin-left: -70px;}
.process li:hover em,.process.cur em{color:#fff;font-weight: 600;}
.process li:nth-child(1){animation-delay: 0.1s;}
.process li:nth-child(2){animation-delay: 0.2s;}
.process li:nth-child(3){animation-delay: 0.3s;}
.process li:nth-child(4){animation-delay: 0.4s;}
.process li:nth-child(5){animation-delay: 0.5s;}
.process li:nth-child(6){animation-delay: 0.6s;}
.process li:nth-child(7){animation-delay: 0.7s;}
.process li:nth-child(8){animation-delay: 0.8s;}
.process li:nth-child(8){animation-delay: 0.9s;}

.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.product-list {overflow: hidden;margin-top: 110px;}
.product-list h2 {line-height: 60px;height: 60px;border-bottom: 1px solid #ccc;margin-bottom: 40px;font-size: 24px;color: #1b1b1b;}
.product-list h2 i {font-size: 36px;margin-right: 10px;color: #2268E4;}
.product-list h2 em {font-weight: lighter;font-size: 16px;margin-left: 10px;color: #666;}
.product-list h2 a {float: right;font-size: 16px;color: #666;padding-right: 20px;font-weight: lighter;}
.product-list li a { display:block;}
.product-list li { float:left; width:270px; margin-right:14px; margin-left: 14px;margin-top: 8px; text-align:left;box-shadow: 0 0 3px rgba(0,0,0,0.15); margin-bottom:20px; position:relative;}
.product-list li b { display:block; width:270px; height:270px; overflow:hidden; position:relative;background: #EFF2F7;}
.product-list li b img { display:block;width:270px;height:270px;transition: all .36s ease;}
.product-list li:hover b img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}
.product-list li b i { display:block; width:100%; height:100%; background:rgba(35,105,230,.55);position: absolute;  left: 0px; top:0px;z-index: 1; opacity: 0; visibility: hidden;transition: all .36s ease;transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0);}
.product-list li:hover b i { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.product-list li b s { display:block; width:54px; height:54px; background:url(../images/s-ico.png) no-repeat;position: absolute;  left:50%; top:50%; z-index:2;opacity: 0; visibility: hidden;transition: all .36s ease;transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); margin-left:-27px; margin-top:-27px;}
.product-list li:hover b s { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.product-list li:hover {box-shadow: 0px 3px 6px rgba(0,0,0,0.15); }
.product-list li p { font-size:20px; color:#222; line-height:68px; padding-left:20px;transition: all .36s ease;}
.product-list li em { display:block; width:54px; height:27px; background:url(../images/em-ico.png) no-repeat; position:absolute; right:14px; bottom:19px;transition: all .36s ease;}
.product-list li:hover p { padding-left:16px; color:#0F316E;}
.product-list li:hover em { right:10px;}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

/**/
.pro-rd{background:url(../images/pro-rd-bg.jpg) no-repeat center top;height: 980px;overflow: hidden;}
.pro-rd-title h1{ display: block;font-size: 56px;color: #1b1b1b;line-height: 200px;font-weight: normal; text-align: center;background: #EEEEEE}
.pro-rd-title h1 i{ display: inline-block;font-size: 68px; color: #2268E4;}
.pro-rd-img1{position: absolute;left:-360px;top:0;width:960px;overflow: hidden;}
.pro-rd-img2{position: absolute;right:0;top:540px;width:600px;height: 394px;overflow: hidden;}
.pro-rd-img1 img,.pro-rd-img2 img{display: block;transition: all 0.3s linear 0s;}
.pro-rd-img1:hover img,.pro-rd-img2:hover img{transform: scale(1.1);}

.pro-rd h2{padding-top: 45px;text-align:right;font-size: 48px;font-weight: bold;color:#222222;height: 205px;margin-right: 25px;margin-bottom: 20px;}
.pro-rd h2 em{display: block;font-size: 56px;color:#ccc;text-transform:uppercase;line-height: 90px;margin-bottom: 10px;}
.pro-rd h2 span{display: block;font-size: 20px;color:#454545;font-weight: normal;line-height: 50px;}
.pro-rd li:nth-child(1){margin-left: 600px;}
.pro-rd li{height: 271px;margin-bottom: 119px;float: left;width: 300px;padding-top: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro-rd li span{display: block;margin-bottom: 15px;}
.pro-rd li p{font-size: 15px;line-height: 24px;color:#666666;padding: 0 36px;text-align:center;}
.pro-rd li:nth-child(2n) p{color:#fff;}
.pro-rd li:nth-child(1){background: #fff}
.pro-rd li:nth-child(1) span{text-align:center;font-size: 20px;color:#333333;line-height: 50px;}
.pro-rd li:nth-child(1) span b{font-size: 80px;color:#333333;}
.pro-rd li:nth-child(2){background: #074FA9}
.pro-rd li:nth-child(2) span{text-align:center;font-size: 20px;color:#fff;line-height: 50px;}
.pro-rd li:nth-child(2) span b{font-size: 80px;color:#fff;}
.pro-rd li:nth-child(3){background: #1b1b1b}
.pro-rd li:nth-child(3) span{display: block;font-size: 34px;color:#fff;line-height: 66px;font-weight: bold;text-align:center;}
.pro-rd li:nth-child(3) p {color: #fff;}
.pro-rd li:nth-child(4){background: #2268E4}
.pro-rd li:nth-child(4) span{display: block;font-size: 34px;color:#fff;line-height: 66px;font-weight: bold;text-align:center;}
.pro-rd li:nth-child(3),.pro-rd li:nth-child(4){margin-bottom: 0;height: 274px;}

/**/
.pro-rd2{background:url(../images/pro-rd-bg.jpg) no-repeat center top;height: 980px;overflow: hidden;}
.pro-rd2-img1{position: absolute;right:-360px;top:0;width:960px;overflow: hidden;}
.pro-rd2-img2{position: absolute;left:26px;top:540px;width:574px;height: 394px;overflow: hidden;}
.pro-rd2-img1 img,.pro-rd2-img2 img{display: block;transition: all 0.3s linear 0s;}
.pro-rd2-img1:hover img,.pro-rd2-img2:hover img{transform: scale(1.1);}

.pro-rd2 h2{padding-top: 45px;text-align:left;font-size: 48px;font-weight: bold;color:#222222;height: 205px;margin-left: 25px;margin-bottom: 20px;}
.pro-rd2 h2 em{display: block;font-size: 56px;color:#ccc;text-transform:uppercase;line-height: 90px;margin-bottom: 10px;}
.pro-rd2 h2 span{display: block;font-size: 20px;color:#454545;font-weight: normal;line-height: 50px;}
.pro-rd2 li:nth-child(1){margin-left: 25px;}
.pro-rd2 li{height: 271px;margin-bottom: 119px;float: left;width: 300px;padding-top: 60px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pro-rd2 li span{display: block;margin-bottom: 15px;}
.pro-rd2 li p{font-size: 15px;line-height: 24px;color:#666666;padding: 0 36px;text-align:center;}
.pro-rd2 li:nth-child(2n) p{color:#fff;}
.pro-rd2 li:nth-child(1){background: #fff}
.pro-rd2 li:nth-child(1) span{text-align:center;font-size: 20px;color:#333333;line-height: 50px;}
.pro-rd2 li:nth-child(1) span b{font-size: 80px;color:#333333;}
.pro-rd2 li:nth-child(2){background: #074FA9}
.pro-rd2 li:nth-child(2) span{text-align:center;font-size: 20px;color:#fff;line-height: 50px;}
.pro-rd2 li:nth-child(2) span b{font-size: 80px;color:#fff;}
.pro-rd2 li:nth-child(3){background: #1b1b1b;margin-left: 600px;color: #fff;}
.pro-rd2 li:nth-child(3) span{display: block;font-size: 34px;color:#fff;line-height: 66px;font-weight: bold;text-align:center;}
.pro-rd2 li:nth-child(3) p {color: #fff;}
.pro-rd2 li:nth-child(4){background: #2268E4}
.pro-rd2 li:nth-child(4) span{display: block;font-size: 34px;color:#fff;line-height: 66px;font-weight: bold;text-align:center;}
.pro-rd2 li:nth-child(3),.pro-rd2 li:nth-child(4){margin-bottom: 0;height: 274px;}
@keyframes after{
  0%{transform:scale(1.2);opacity: 1;}
  50%{transform:scale(1.8);opacity: 0.5;}
  100%{transform:scale(2.4);opacity: 0;}
}
@keyframes before{
  0%{transform:scale(1.4);opacity: 1;}
  50%{transform:scale(2);opacity: 0.5;}
  100%{transform:scale(2.6);opacity: 0;}
}

    /**/
.fann{ overflow: hidden; height: 903px;margin-top: 60px;}
.fann h3{ text-align: center; height: 500px; overflow: hidden;}
.fann dl{ overflow: hidden; width: 1200px; margin: 0 auto;}
.fann dl dt{ float: right; overflow: hidden; font-size: 0; line-height: 0;}
.fann dl dt img:first-of-type{padding-right: 15px;}
.fann dl dd{ float: left; width: 590px;}
.fann dl dd h4{ border-bottom: 1px solid #e8e9ef; position: relative;}
.fann dl dd h4 i{ display: block; line-height: 100%;font-weight: bold; font-size: 34px; color: #333333; padding-bottom: 10px;}
.fann dl dd h4 span{ display: block; font-weight: normal; line-height: 100%; font-size: 14px; color: #333333; text-transform: uppercase; padding-top: 9px; font-family: arial;}
.fann dl dd p{ height: 205px;}
.fann dl dd p em{ display: block; overflow: hidden; padding-top: 22px; color: #333333; font-size: 16px; line-height: 31px;}
.fann dl dd p em span{ display: inline-block; float:left; width: 26px;}
.fann dl dd p em i{ display: inline-block; float:left; width:560px;}

/**/
.case{/*padding:80px 1.25% 80px;*/background: #F2F6FA;padding: 0;}
.case li{float:left;width:20%;box-sizing: border-box;border:1px solid #eeeeee;margin:0 -1px -1px 0;font-size:0;line-height: 0;position: relative;overflow: hidden;}
.case li img{width:100%; transition:.5s;position: relative;}
.case li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case li img:before {background: rgba(0,0,0,.7);position: absolute;display: block;width: 100%;height: 100%;}
.case li:nth-child(7){width:60%;border:0;background: #2268E4;color: #fff;text-align: center;display: block;height: 100%;}
.case li:nth-child(7) p {text-align: center;font-size: 40px;color: #fff;letter-spacing: 3px;font: 48px;padding-top: 9%;font-weight: bold;line-height: 1;}
.case li:nth-child(7) span {text-align: center;width: 100%;display: block; text-align: center;font-size: 20px;font-weight: normal;padding-top: 20px;line-height: 1;padding-bottom: 9%;letter-spacing: 3px;}
.case li:nth-child(7):after,.case li:nth-child(7):before{display:none}
/*.case li:nth-child(7) img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(0);transform: scale(1);}*/
.case li:after{display: block;content: "";width:0%;height: 2px;background: #2496FF;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.case li:before{display: block;content: "";width:2px;height: 0%;background: #2496FF;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.case li i:after{display: block;content: "";width:0%;height: 2px;background:#2496FF;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.case li i:before{display: block;content: "";width:2px;height:0%;background:#2496FF;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.case li:hover:after,.case li:hover i:after{width:100%;}
.case li:hover:before,.case li:hover i:before{height:100%;}

    /**/
.ynf{ overflow: hidden; height: 745px;margin-top: 60px;}
.ynf h2{ margin-bottom: 44px;}
.ynf dl{ overflow: hidden;}
.ynf dl dt{ float: right; overflow: hidden; font-size: 0; line-height: 0;}
.ynf dl dd{ float: left; width: 547px;}
.ynf dl dd h3{ border-top: 2px solid #2268E4; padding-top: 24px; height: 73px; border-bottom: 1px solid #e8e9ef; position: relative;}
.ynf dl dd h3:before{ position: absolute; content: ""; left: 0; top: -2px;height: 2px; width: 240px; background: #000;}
.ynf dl dd h3 i{ display: block; line-height: 100%;font-weight: bold; font-size: 34px; color: #333333;}
.ynf dl dd h3 span{ display: block; font-weight: normal; line-height: 100%; font-size: 14px; color: #333333; text-transform: uppercase; padding-top: 9px; font-family: arial;}
.ynf dl dd p{ height: 205px;}
.ynf dl dd p em{ display: block; overflow: hidden; padding-top: 22px; color: #333333; font-size: 16px; line-height: 31px;}
.ynf dl dd p em span{ display: inline-block; float:left; width: 26px;}
.ynf dl dd p em i{ display: inline-block; float:left; width:520px;}
.ynf dl dd h4 img:first-of-type{padding-right: 15px;}

/**/
.super{height:830px;background:url(../images/super.jpg) no-repeat center top; overflow:hidden;}
.super .sup{padding-top:87px;}
.super .sup .index-title p {color: #fff;}
.super .sup .index-title p:before {background: #fff;}
.super .sup .index-title p:after {background: #fff;}
.super .sup .index-title span {color: #fff;}
.super .sup ul li{float:left;width:25%;height:590px;padding:53px 0; box-sizing: border-box;background:url(../images/sup-xt.png) no-repeat right; overflow: hidden;position: relative;}
.super .sup ul li:before{width:100%; height:664px;background: #EFF2F5; content:"";position: absolute;left:0;top:664px; transition: .5s;}
.super .sup ul li i{display: block; width:109px; height:109px; line-height: 0; overflow: hidden;margin:0 auto 5px; z-index:200;position: relative;transition: all 0.5s ease-in-out;}
.super .sup ul li i img{width:100%;}
.super .sup ul li h4{height:88px; line-height: 88px; text-align: center;font-size: 28px; color:#FFFFFF; font-weight: normal; z-index:200;position: relative; transition: .5s;}
.super .sup ul li strong{display: block; width:29px; height:1px; background:rgba(255,255,255,0.79);margin:0 auto 24px; z-index:200;position: relative; transition: .5s;}
.super .sup ul li p{line-height:27px; height:216px; padding:0 60px;font-size: 15px; color:rgba(255,255,255,0.9);text-align: justify;overflow: hidden;z-index:200;position: relative; transition: .5s;}
.super .sup .sup-btn{position: relative; z-index:200;}
.super .sup .sup-btn b{display: block;width:100%; height:19px; /*background: url(../images/sup-jt.png) no-repeat center;*/position: absolute;left:0;top:0; transition: .5s;}
.super .sup .sup-btn em{display: block; width:100%;height:42px; position: absolute;left:0;top:20px;opacity: 0; transition: .5s;}
.super .sup .sup-btn em a{display: block; width:131px; height:42px; line-height: 40px; text-align:center;border:1px solid #565656;box-sizing: border-box;margin:0 auto;font-size: 16px; color:#262C3B; transition: .5s;}
.super .sup ul li.cur:before{top:0;}
.super .sup ul li.cur i{transform: rotate(360deg);}
.super .sup ul li.cur h4{color:#333;}
.super .sup ul li.cur strong{background:rgba(51,51,51,0.71);}
.super .sup ul li.cur p{color:#333; }
.super .sup ul li.cur .sup-btn b{ opacity: 0;}
.super .sup ul li.cur .sup-btn em{top:0;opacity: 1;}
.super .sup ul li .sup-btn em a:hover{background:#2496FF;color:#FFF;border:1px solid #2496FF;}
/**/
.solution{height:848px; background:url(../images/solution.jpg) no-repeat center;}
.solution .solu{padding-top:69px;}
.solution .solu h2{text-align: center; margin-bottom: 56px;}
.solution .solu h2 span{display: block; height:70px; line-height: 70px;font-size: 48px; color:#262626; font-weight: normal;letter-spacing: 3px;}
.solution .solu h2 i{display: block; width:378px;height:17px;line-height: 0; overflow: hidden;margin:0 auto;}
.solution .solu h2 i img{width:100%;}
.solution .solu h2 em{display: block; height:36px; line-height: 36px;font-size: 20px; color:#262626; font-weight: normal;letter-spacing: 2px;}
.solution .solu .sol-nav{height:259px;width:1200px;margin:0 auto 6px;}
.solution .solu .sol-nav ul li{float:left; width:247px; height:259px; position: relative;margin-left: 70px;}
.solution .solu .sol-nav ul li .default{width:232px; height:232px;padding-top:63px; box-sizing: border-box; opacity: 1; position: relative;margin:0 auto; transition: .5s;}
.solution .solu .sol-nav ul li .default:before{width:100%; height:259px;background: url(../images/sol-bj.png) no-repeat center; content:""; position: absolute;left:0;top:0;}
.solution .solu .sol-nav ul li .default i{display: block; width:67px; height:60px;margin:0 auto 19px; z-index:200;position: relative;}
.solution .solu .sol-nav ul li .default i img{width:100%;}
.solution .solu .sol-nav ul li .default span{display: block; line-height: 28px; text-align: center; z-index:200;position: relative;}
.solution .solu .sol-nav ul li .default span b{display: block; font-size: 24px; color:#1a1a1a; font-weight: normal;}
.solution .solu .sol-nav ul li .default span em{display: block; height:21px; line-height: 21px;font-size: 14px; color:rgba(114,114,114,0.61);}
.solution .solu .sol-nav ul li:first-child{margin-left: 0;}
.solution .solu .sol-nav ul li .hover{width:100%; height:259px; position: absolute;left:0;top:0;background:url(../images/sol-bj1.png) no-repeat center;padding-top:7px; box-sizing: border-box;opacity: 0;transition: .5s;}
.solution .solu .sol-nav ul li .hover span{display: block; width:232px; height:232px;border-radius: 50%;overflow: hidden; margin:0 auto; line-height: 0;}
.solution .solu .sol-nav ul li .hover span img{width:100%;}
.solution .solu .sol-nav ul li:hover .default{opacity: 0;visibility:hidden;}
.solution .solu .sol-nav ul li:hover .hover{opacity: 1; }
.solution.gun .solu .sol-nav ul li .default:before{-webkit-animation: spin 3s linear 1;animation: spin 3s linear 2;}
@-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);
    }
}
.solution .solu .sol-list{width:580px;margin:0 auto 19px;}
.solution .solu .sol-list .sol-con{width:580px;}
.solution .solu .sol-list .sol-con h4{height:85px; line-height: 85px; text-align: center;font-size: 30px; color:#333333; font-weight: bold;}
.solution .solu .sol-list .sol-con i{display: block; width:47px; height:2px;background:#6b6c6d;margin:0 auto 16px;}
.solution .solu .sol-list .sol-con p{text-align: center; line-height: 35px; font-size: 16px;color:#333333;}
.solution .solu .sol-tel{width:484px; height:52px;border:2px solid #000000;margin:0 auto; box-sizing: border-box;padding-left:84px;}
.solution .solu .sol-tel em{display:block;float:left; height:48px; line-height: 52px;padding-left:33px;background:url(../images/sol-tel.png) no-repeat left;font-size: 26px; color:#262C3B; font-weight: bold; font-family: "Arial";}
.solution .solu .sol-tel a{display:block;float:left; height:48px; line-height: 51px;font-size: 15px; color:#262c3b; padding-right:82px;background:url(../images/sol-jt.png) no-repeat right; margin-left: 5px;}
/**/
.newsbj{height:1105px;}
.newsbj .news{padding-top:70px;}
.newsbj .news h2{text-align: center; margin-bottom: 2px;}
.newsbj .news h2 span{display: block; height:70px; line-height: 70px;font-size: 48px; color:#262626; font-weight: normal;letter-spacing: 3px;}
.newsbj .news h2 i{display: block; width:378px;height:17px;line-height: 0; overflow: hidden;margin:0 auto;}
.newsbj .news h2 i img{width:100%;}
.newsbj .news h2 em{display: block; height:36px; line-height: 36px;font-size: 20px; color:#262626; font-weight: normal;letter-spacing: 2px;}
.newsbj .news .news-nav{height:66px; margin-bottom: 14px;}
.newsbj .news .news-nav span{display: block; height:66px; float:left;}
.newsbj .news .news-nav span a{display: block;float:left; height:66px; line-height: 66px; font-size: 26px; color:#333333; position: relative;padding:0 29px;}
.newsbj .news .news-nav span a:before{width:1px; height:21px; background:#959595;content:""; position: absolute;right:0;top:24px;}
.newsbj .news .news-nav span a:last-child:before{display: none;}
.newsbj .news .news-nav em{display: block; height:66px; line-height:86px;float:right;}
.newsbj .news .news-nav em a{font-size: 18px; color:#181818;}
.newsbj .news .news-cen{padding-bottom:35px;}
.newsbj .news .news-cen .cen-top{background: #F4F8FB;}
.newsbj .news .news-cen .cen-top .left{width:50%; position: relative;float:left;}
.newsbj .news .news-cen .cen-top .left .news-pic{width:100%;line-height: 0; overflow: hidden; position: relative;}
.newsbj .news .news-cen .cen-top .left .news-pic img{width:100%; transition: 1s;}
.newsbj .news .news-cen .cen-top .left .news-pic span{display: inline-block;height:76px; line-height: 84px; font-size: 24px; color:rgba(255,255,255,0.75);z-index:200; font-family: "Arial";position: absolute;right:167px; bottom:0;}
.newsbj .news .news-cen .cen-top .left .news-pic span b{line-height: 76px; font-size: 36px;color:#FFF;}
.newsbj .news .news-cen .cen-top .left .news-qh{width:266px; height:76px;background:rgba(0,0,0,0.49);position: absolute;right:0;bottom:0;padding-left:150px; box-sizing: border-box;}
.newsbj .news .news-cen .cen-top .left .news-qh i{display: block; width:9px; height:76px;float:left;cursor: pointer;}
.newsbj .news .news-cen .cen-top .left .news-qh i.news-prev{background:url(../images/news-prev.png) no-repeat center;}
.newsbj .news .news-cen .cen-top .left .news-qh i.news-next{background:url(../images/news-next.png) no-repeat center;}
.newsbj .news .news-cen .cen-top .left .news-qh ul{padding-top:35px;float:left;margin:0 10px;}
.newsbj .news .news-cen .cen-top .left .news-qh ul li{float:left;width:8px; height:8px; background:#FFF; border-radius: 50%;margin:0 5px; font-size: 0;}
.newsbj .news .news-cen .cen-top .left .news-qh ul li.on{background:#2496ff;}
.newsbj .news .news-nav span a:hover{color:#2496ff;}
.newsbj .news .news-cen .cen-top .left .news-pic:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.newsbj .news .news-cen .cen-top .rig{width:50%;float:left;padding:52px 80px 0 53px; box-sizing: border-box;}
.newsbj .news .news-cen .cen-top .rig h4{height:36px; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-cen .cen-top .rig h4 a{font-size: 21px; color:#333333; font-weight: normal;}
.newsbj .news .news-cen .cen-top .rig i{display: block; height:27px; line-height: 27px;font-size: 14px; color:#333333; margin-bottom: 27px;}
.newsbj .news .news-cen .cen-top .rig p{line-height: 31px; color:#333333; font-size: 16px; margin-bottom: 41px;}
.newsbj .news .news-cen .cen-top .rig span{display: block; width:142px; height:39px; line-height: 39px; text-align: center; background:#2496FF; border-radius: 19px;}
.newsbj .news .news-cen .cen-top .rig span a{display: block;font-size: 16px; color:#FFFFFF;}
.newsbj .news .news-cen .cen-top .rig:hover h4 a{color:#2496FF;}
.newsbj .news .news-cen .cen-bot{padding-top:29px;}
.newsbj .news .news-cen .cen-bot ul li{height:49px;}
.newsbj .news .news-cen .cen-bot ul li span{display: block; width:50%;height:49px; box-sizing: border-box;float:left;}
.newsbj .news .news-cen .cen-bot ul li span:nth-child(2n){float:right;padding-left:45px;}
.newsbj .news .news-cen .cen-bot ul li span em{display: block; height:49px; line-height: 49px;float:left; max-width:72.8%; padding-left:30px; background:url(../images/news-ico.png) no-repeat 9px;font-size: 16px; color:rgba(51,51,51,.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-cen .cen-bot ul li span i{display: block; height:49px; line-height: 49px; float:right;font-size: 14px; color:#9a9a9a;font-family: "Verdana"; margin-right: 52px;}
.newsbj .news .news-cen .cen-bot ul li span:nth-child(2n) i{margin-right: 0;}
.newsbj .news .news-cen .cen-bot ul li span:hover em{color:#2496FF;}
.newsbj .news .news-cen .cen-bot ul li span:hover i{color:#2496FF;}
.newsbj .news .news-bot{height:134px;border:1px solid rgba(83,83,83,0.15); box-sizing: border-box;}
.newsbj .news .news-bot .left-tit{width:172px; height:132px; line-height: 35px;background:url(../images/news-dt.jpg) no-repeat center; position: relative;float:left;padding:26px 0 0 55px; box-sizing: border-box;font-size: 26px; color:#ffffff; font-weight: bold;z-index:200; }
.newsbj .news .news-bot .left-tit:before{width:13px; height:30px;background:url(../images/news-dbx.png) no-repeat center;content:"";position: absolute;right:-13px; top:50px;}
.newsbj .news .news-bot .news-bd{width:1223px;float:left;}
.newsbj .news .news-bot .news-bd .bd{overflow: hidden;}
.newsbj .news .news-bot .news-bd .bd ul li{float:left; width:613px !important;height:132px; padding:30px 66px 0; box-sizing: border-box;}
.newsbj .news .news-bot .news-bd .bd ul li h4{height:36px; line-height: 36px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:14px;background:url(../images/news-dd.png) no-repeat left;}
.newsbj .news .news-bot .news-bd .bd ul li h4 a{font-size: 20px; color:#333333; font-weight: normal;}
.newsbj .news .news-bot .news-bd .bd ul li p{height:32px; line-height: 32px;font-size: 16px; color:rgba(51,51,51,.58);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsbj .news .news-bot .news-bd .bd ul li:hover h4{color:#2496FF;}
.newsbj .news .news-bot .news-bd .bd ul li:hover h4 a{color:#2496FF;}
/**/
/**/
.about{line-height:27px;position: relative;z-index: 1;overflow: hidden;padding:600px 0 0;font-size: 16px;text-align: center;background: url(../images/aboutbg.jpg) no-repeat center 0;height: 610px;}
.about h2{ display: block;font-size: 40px;color: #1b1b1b;line-height: 40px;font-weight: normal; text-align: center;margin-bottom: 40px;}
.about h2 i{ display: inline-block;font-size: 56px; }
.about-info{padding:50px 65px 0;height: 225px;background: #fff;}
.about a {color: #1b1b1b;}

/*风采展示*/
.show{height:380px;position: relative;}
.prev2,.next2{width:54px;height:25px;display: block;overflow: hidden;position: absolute;top:86px;right: -87px;background: url(../images/next2.gif) no-repeat 0 0;}
.prev2{left: -87px;background: url(../images/prev2.gif) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:87px;line-height:38px;position: relative;z-index:1;font-size: 18px;overflow: hidden;display: none;}
.show_t li{height:38px;color: #fff;width:146px;float: left;border-radius:19px;background: #a7a7a7;margin: 0 14px 0 0;}
.show_t li a{color: #fff;display: block;}
.show_t li.cur{background: #197cd9;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 38px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{width: 270px;height:0;position: absolute;left: 0;bottom: 0;background: rgba(25, 124, 217 , 0.7);}
.show_c li span a{display: none;color: #fff;background: url(../images/ico01.png) no-repeat center 66px;padding: 98px 0 0;line-height: 42px;}
.show_c li:hover span{height:203px;}
.show_c li:hover span a{display: block;}

.date{ width: 66%; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); padding:30px 0; margin-top:-80px;float: right;}
.date li{width: 25%; text-align: center; float:left;}
.date li p{font-size: 2.8vw;color: #222;font-family:"iconfont" !important; }
.date li span{font-size: 1vw;color: #333;}
.date li p:after{content:"\e60b";width: 42px;height: 42px;display: inline-block;border-radius: 50%;background: #0B17BB;color:#fff;font-size: 21px;line-height: 42px;position: relative;top: -10px;margin-left: 10px; text-align: center;}
.date li:nth-child(2) p:after{content: "\e63d";}
.date li:nth-child(3) p:after{content: "\e6bc";}
.date li:nth-child(4) p:after{content: "\e66f";}

    /**/
.links { height:92px; overflow: hidden; clear: both;position: relative; background: #1a1d21;}
.links em { display: inline-block; font-style: normal; font-size: 18px; line-height: 92px;  color: #8d8e90; float: left;font-weight: bold; width: 163px;background: url(../images/links.jpg) no-repeat center right;}
.links em span{ font-family: Arial; padding-right: 10px;}
.links i { display: inline-block;float: right; width:1000px;}
.links a { font-size: 14px; color: #8d8e90; line-height: 92px; display: inline-block; margin-right: 46px; transition: .3s ease; -o-transition: .3s ease ; }
.links a:hover { color: #fff;}



@media screen and  (min-width:230px) and (max-width:1680px){
    .pro1bj .pro1 .pro1-list dl{padding:34px 70px 34px 34px;}
    .pro1bj .pro1 .pro1-list dl dt{width:650px;}
    .pro1bj .pro1 .pro1-list dl dd{width:375px;padding-top:39px;}
    .pro1bj .pro1 .pro1-list dl dd h4{margin-bottom: 36px;}
    .pro1bj .pro1 .pro1-list dl dd h4 span a{font-size: 25px;}
    .pro1bj .pro1 .pro1-list dl dd h4 em{font-size: 17px;}
    .pro1bj .pro1 .pro1-list dl dd .pro1-desc p{font-size: 13px;}
    .pro1bj .pro1 .pro1-list dl dd .pro1-desc{margin-bottom: 64px;}
    .pro2bj .pro2 ul li{width:294px; height:397px;}
    .pro2bj .pro2 ul li dl dd{height:397px;padding-top:294px;}
    .pro2bj .pro2 ul li{margin-left: 8px;}
    .pro2bj .pro2 ul li:hover dl dd{padding-top:241px;}
    .guide .gui .gui-sz li:first-child{width: 16.8%;}
    .guide .gui .gui-sz li:nth-child(4){width: 16.5%;}
    .guide .gui .gui-sz li:last-child{width: 16.8%;}
    .case{padding-bottom:70px;}
    .case .cas .cas-list dl dt{width:765px;}
    .case .cas .cas-list dl dd{width:435px;padding:62px 58px 0;}
    .case .cas .cas-list dl dd h4{margin-bottom: 27px;}
    .case .cas .cas-list dl dd h4 a{font-size: 22px;}
    .case .cas .cas-list dl dd p{font-size: 13px; margin-bottom: 38px;}
    .case .cas .cas-list .cas-jt .cas-prev{left:-54px;}
    .case .cas .cas-list .cas-jt .cas-next{right:-54px;}
    .case .cas .cas-list .cas-jt .cas-prev{top:170px;}
    .case .cas .cas-list .cas-jt .cas-next{top:170px;}
    .super .sup ul li p{font-size: 12px;}
    .newsbj{height:1030px;}
    .newsbj .news .news-bot .news-bd{width:1025px;}
    .newsbj .news .news-bot .news-bd .bd ul li{width:512px !important;}
    .abo-bot .abo-list .bd ul li{width:259px;}
    .abo-bot .abo-nav{padding:0 293px;}
    .abo-bot .abo-nav:before{left:-44px;}
    .abo-bot .abo-nav:after{right:-44px;}
    .abo-top .ab p{width:460px;}
}