@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:709px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:709px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:709px;}
.bantil{ width:200px; position:absolute; bottom:30px; left:50%; margin-left:-60px;}
.bantil li{ width:4px; height:17px; background:#18889d; float:left; margin:6px 5px 0 5px; border-radius:5px;}
.bantil .on{ width:4px; height:23px; margin-top:0; background:#ffce23;}

.yinz{ height:620px; padding-top:100px; overflow:hidden; background:url(../images/yinz_bg.jpg) no-repeat center top;}
.yinz dl{ width:600px; float:left;}
.yinz dt{ height:185px; font:40px "Microsoft YaHei UI"; font-weight:bold; color:#000;}
.yinz dt em{ display:block; width:535px; font:15px "Microsoft YaHei UI"; line-height:24px; color:#424242; margin-top:16px;}
.yinz dd{ height:92px; background:#fff; margin:0 0 12px 0; width:500px; box-shadow:0.1rem 0.1rem 1rem 0.1rem #ccc;}
.yinz dd span{ display:block; width:68px; height:68px; position:relative; float:left; margin:12px 20px;}
.yinz dd span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.yinz dd span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.yinz dd span img{display:block; width:68px; height:68px;}
.yinz dd p{ width:370px; float:left; margin-top:20px; font:24px "Microsoft YaHei UI"; color:#383838;}
.yinz dd p em{ display:block; font:12px "Microsoft YaHei UI"; color:#a9a8a8; margin-top:4px;}
.yinz dd:hover{ background:#18889d;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;}
.yinz dd:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yinz dd:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.yinz dd:hover p{ color:#fff;}
.yinz dd:hover p em{ color:#82a7c8;}
.yinz h5{ width:600px; height:480px; float:right; overflow:hidden; position:relative;}
.yinz h5:before,.pro2 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);}
.yinz h5:hover:before,.pro2 dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }



.tit1{ height:170px; text-align:center;}
.tit1 i{ display:block; height:95px; background:url(../images/pro_h.png) no-repeat center top;}
.tit1 em{ display:block; font:20px "Microsoft YaHei UI"; color:#454545; margin-top:12px;}

.pro{ height:1554px; margin:55px 0 0 0; background:url(../images/pro_bg.jpg) no-repeat center bottom;}
.pro1{ height:1340px; position:relative;}
.prot{ height:282px; border:1px solid #e7e7e7; width:1196px;}
.prot h3{ width:297px; float:left; height:280px; border:1px solid #e7e7e7; float:left; font:20px "Microsoft YaHei UI"; font-weight:bold; text-align:center; overflow:hidden;}
.prot h3 a{ display:block; color:#020202; padding-top:40px;}
.prot h3 em{ display:block; font:12px "Microsoft YaHei UI"; color:#a1a1a1; padding:7px 0 15px;}
.prot h3 b{ display:block;margin:0 auto; width:199px; height:179px;}
.prot h3 b img{ display:block;width:199px; height:179px;}
.prot h3 a:hover,.prot .cur a{ color:#147691;}
.pro2 dl{ height:600px; margin-top:50px;}
.pro2 dt{ width:801px; height:600px; float:right; overflow:hidden; position:relative;}
.pro2 dt img{ display:block;width:801px; height:600px;}
.pro2 dd{ width:398px; float:left;}
.pro2 dd h3{ font:42px "Microsoft YaHei UI"; font-weight:bold; color:#18889d; height:308px; overflow:hidden; margin-bottom:60px;}
.pro2 dd h3 a{ display:block; color:#18889d;}
.pro2 dd h3 em{ display:block; font:40px Arial, Helvetica, sans-serif; font-weight:bold; color:#333;margin-top:50px;}
.pro2 dd span{ display:block; width:300px;}
.pro2 dd span a{ display:block; font:18px "Microsoft YaHei UI"; line-height:44px; height:44px; overflow:hidden; background:url(../images/pro_arr1.png) no-repeat 30px center; padding-left:60px; color:#fff;}
.pro2 dd span a:hover{background:#ffc923 url(../images/pro_arr2.png) no-repeat 30px center; font-weight:bold; color:#147691;}
.pro2 ul{ margin-top:23px; height:370px;}
.pro2 li{ width:388px; float:left; margin-right:18px;}
.pro2 li img{ display:block; width:100%;}
.pro2 li h4{ font:16px "Microsoft YaHei UI"; text-align:center; height:60px; line-height:60px; overflow:hidden; color:#222;}
.pro2 li:last-child{ margin-right:0;}
.pro2 li a:hover img{ display:block; border:4px solid #18889d; box-sizing:border-box;}
.pro2 li a:hover h4{ font-weight:bold; color:#18889d; background:url(../images/pro_arr2.png) no-repeat 85% center;}
.pro_l{ background:url(../images/pro_l.gif) no-repeat; width:56px; height:47px; cursor:pointer; overflow:hidden; position:absolute; top:887px; left:343px;}
.pro_r{ background:url(../images/pro_r.gif) no-repeat; width:56px; height:47px; cursor:pointer; overflow:hidden; position:absolute; top:887px; left:399px;}
.pro_l:hover,.pro_r:hover{ background-position:0 -47px;}

.pinz{ height:845px; background:url(../images/pinz_bg.jpg) no-repeat center top; overflow:hidden; padding-top:100px;}
.pinz .tit1{ height:160px;}
.pinz .tit1 i{ display:block; height:95px; background:url(../images/pinz_h.png) no-repeat center top;}
.pinz2{ width:1200px; margin:0 auto;}
.pinz dl{ width:270px; height:170px; margin-bottom:30px; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #ccc;}
.pinz dt{ width:79px; height:125px; float:left; overflow:hidden; margin:22px 0 0 20px;}
.pinz dt img{ display:block;width:79px; height:125px; border-radius:8px;}
.pinz dd{ width:145px; float:right; margin:20px 12px 0 0;}
.pinz dd h3{ font:20px "Microsoft YaHei UI";font-weight:bold; color:#333333; line-height:24px; padding-bottom:12px; background:url(../images/pinz_arr2.png) no-repeat left bottom; margin-bottom:10px;}
.pinz dd h3 em{ display:block;}
.pinz dd p{ font:14px "Microsoft YaHei UI"; line-height:16px; color:#626262;}
.pinz dd p em{ display:block; font-size:16px;}
.pinz dl:hover{background:#18889d;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;}
.pinz dl:hover h3{ color:#fff;background:url(../images/pinz_arr1.png) no-repeat left bottom;}
.pinz dl:hover h3 em{ color:#ffc923;}
.pinz dl:hover p{ color:#fff; opacity:0.8;}

.ys{ height:1002px; margin:50px 0 98px; overflow:hidden; position:relative;}
.ys .tit1 i{ display:block; height:95px; background:url(../images/ys_h.png) no-repeat center top;}
.ys1{ height:832px;max-width:1920px; min-width:1200px; margin:0 auto; width:100%; overflow:hidden;}
.ys1 p{ height:832px; background:url(../images/ys1.jpg) no-repeat center top; overflow:hidden; position:relative;}
.ys1 p:before{ content:""; position:absolute; bottom:0; width:100%; height:300px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+57,0.94+94 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 57%, rgba(0,0,0,0.94) 94%, rgba(0,0,0,0.94) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 57%,rgba(0,0,0,0.94) 94%,rgba(0,0,0,0.94) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 57%,rgba(0,0,0,0.94) 94%,rgba(0,0,0,0.94) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f0000000',GradientType=0 ); /* IE6-9 */
}
.ys1 p:nth-child(2){background:url(../images/ys2.jpg) no-repeat center top; }
.ys1 p:nth-child(3){background:url(../images/ys3.jpg) no-repeat center top; }
.ys1 p:nth-child(4){background:url(../images/ys4.jpg) no-repeat center top; }
.yst{max-width:1920px; min-width:1200px; margin:0 auto; width:100%; position:absolute; bottom:0;}
.yst dl{ width:25%; float:left; border-right:2px solid rgba(255,255,255,0.6);border-top:2px solid rgba(255,255,255,0.6); box-sizing:border-box; height:287px;}
.yst dl:last-child{ border-right:0;}
.yst dt{ font:1.5rem "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#fff; position:relative; line-height:5.125rem;}
.yst dt:before{ content:""; position:absolute; bottom:0; left:50%; width:2.875rem; height:2px; background:#fff; margin-left:-1.4375rem;}
.yst dt em{ display:block; width:66px; height:66px; margin:70px auto 0; overflow:hidden;}
.yst dt em img{display:block;}
.yst dd{ display:none;}
.yst dd em{ font:1rem "Microsoft YaHei UI"; background:#ffc923; text-align:center; display:block; margin:0 2%; padding:0.3rem 0; color:#18889d;}
.yst dd p{ margin:0.3rem 2%; text-align:center; font-size:0.93rem; color:#fff; line-height:1.5rem;}
.yst dd a{ display:block; width:30px; height:31px; margin:0 auto; background:url(../images/ys_arr.png) no-repeat;}
.yst .cur{ background:rgba(24,136,157,0.8);}
.yst .cur dt:before{ background:none;}
.yst .cur dt{ line-height:2.8rem;}
.yst .cur dt em{ margin:-50px auto 0; background:#18889d; width:83px; height:83px; padding:17px 0 0 17px; border-radius:100px;border:2px solid rgba(255,255,255,0.6);}
.yst .cur dt em img{ margin-top:-86px;}
.yst .cur dd{ display:block;}
@media (min-width: 1200px) and (max-width: 1366px) {
	.yst dd em{ display:none;}
}
@media (min-width: 1366px) and (max-width: 1440px) {
	.yst dd em{ display:none;}
}

/*新闻资讯*/
.case{ height:940px; overflow:hidden; padding-top:100px; background:#efefee;}
.case .tit1{ height:163px;}
.case .tit1 i{ display:block; height:95px; background:url(../images/case_h.png) no-repeat center top;}
.case .content{ background:url(../images/case_bg.jpg) no-repeat right 206px;}
.caset{ height:106px; margin:0 100px; overflow:hidden;}
.caset h3,.caset h5{ width:200px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; line-height:38px;}
.caset h3 a,.caset h5 a{ display:block; color:#020202;}
.caset h3 img,.caset h5 img{ display:block; width:52px; height:48px; margin:0 auto;}
.caset h3 a:hover,.caset .cur a,.caset h5 a:hover{ font-weight:bold; color:#18889d;}
.case3{ height:620px; position:relative;}
.case31{ width:600px; overflow:hidden; float:left;}
.case31 dt{width:600px; height:450px; overflow:hidden;}
.case31 dt img{ display:block;width:600px; height:450px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case31 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case31 dd{ width:435px;}
.case31 dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#040404; height:46px; margin-top:15px; line-height:46px; overflow:hidden;}
.case31 dd p{ font:15px "Microsoft YaHei UI"; line-height:20px; height:40px; color:#545454; overflow:hidden;}
.case31 dd span{ display:block; height:36px; margin-top:6px;}
.case31 dd span a{ display:inline-block; width:125px; height:36px; background:#18889d; font:15px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:36px; color:#fff; margin-right:10px;}
.case31 dd span a:last-child{ background:#ffc923; color:#18889d;}
.case32{ width:570px; float:right; margin-top:180px;}
.case32 li,.case32 h5{ width:175px; height:130px; overflow:hidden; float:left; margin:0 7px 9px 0;}
.case32 li img{ display:block; width:100%;}
.case32 .cur2{ border:4px solid #ffc923; box-sizing:border-box;}
.case32 h5 a{ color:#fff; font:16px "Microsoft YaHei UI";}
.case32 h5 em{ display:block; font:30px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:12px;}
.case32 h5 em i{ display:block;}
.case_l{ width:50px; height:50px; background:url(../images/case_l.gif) no-repeat; position:absolute; top:400px; left:550px; overflow:hidden;}
.case_r{ width:50px; height:50px; background:url(../images/case_r.gif) no-repeat; position:absolute; top:400px; left:600px; overflow:hidden;}
.case_l:hover,.case_r:hover{ background-position:0 -50px;}

.new{ height:840px; padding-top:100px; overflow:hidden;/*background:#e3e3e3;*/}
.new .tit1 i{display:block; height:95px; background:url(../images/new_h.png) no-repeat center top;}
.faqs,.news{width: 396px;height: 568px;}
.news2{margin: 0 6px;}
.new_t{height:48px;font-size: 24px;line-height:34px;overflow: hidden;font-weight: normal;padding-left: 40px;background:url(../images/new_ico1.gif) no-repeat 0 0;}
.new_t a{color: #000;}
.faqs .new_t{background:url(../images/new_ico3.gif) no-repeat 0 0;padding-left:41px;}
.news2 .new_t{background:url(../images/new_ico2.gif) no-repeat 0 0;padding-left:41px;}

.faqs_c,.new_c{background: #fff;height: 480px;box-shadow: 0 0 3px 3px rgba(0, 0, 0 , 0.1);}
.new_c dl{position: relative;height:223px;}
.new_c dt,.new_c dt img{width:396px;height:223px;overflow: hidden;overflow: hidden;}
.new_c dd{width: 396px;position: absolute;left: 0;bottom: 0;height: 41px;line-height: 41px;background:rgba(25, 28, 36 , 0.8);}
.new_c dd h4 a{display: block;color: #fff;}
.new_c dd h4{font-size: 18px;padding: 0 18px;}
.new_c dd p{height: 70px;overflow: hidden;}
.new_c dd span,.new_c li span{display: block;position: relative;text-align: right;font-family: Times New Roman;}
.new_c dd span:before{content: "";position: absolute;width:180px;height:1px;top:12px;background: #efefef;left: 0;}
.new_c ul{height: 257px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:20px 22px;}
.new_c li{height:36px;line-height:36px;overflow: hidden;font-size: 16px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.new_c li a{color: #3f3f3f;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.new_c li:hover a,.new_c li a:hover{color: #18889d;text-decoration: underline;font-weight: bold;}

.faqs_c dl{height:103px;padding: 17px 12px 0;}
.faqs_c dl:nth-child(2n){background: #e3e3e3;}
.faqs_c dt{height:33px;font-size: 16px;color: #3b3f4e;line-height:28px;padding-left: 34px;position: relative;border-bottom: 1px solid #cecece;font-weight: bold;margin-bottom: 9px;background:url(../images/faq_w.gif) no-repeat 0 0;}
.faqs_c dt a{display: block;color: #3f3f3f;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.faqs_c dl:hover dt a,.faqs_c dt a:hover{font-weight: bold;color: #18889d;}
.faqs_c dd{padding: 0 0 0 34px;position: relative;background:url(../images/faq_d.gif) no-repeat 0 0;}

.new_more{display: block;text-align: center;font-size: 16px;}
.new_more a{display: inline-block;width: 165px;height: 44px;background: #18889d;color: #fff;line-height: 44px;}


/*关于*/
.about{ height:960px; overflow:hidden; background:url(../images/about.jpg) no-repeat center top;}
.about2{ background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #ccc; margin-top:490px;}
.about dl{ width:1008px; margin:0 auto; border-bottom:2px solid #282828; padding-top:47px; height:150px;}
.about dt{ width:245px; float:left; margin-top:8px;}
.about dt img{ display:block; width:100%;}
.about dt em{ display:block; font:20px "Microsoft YaHei UI"; height:40px; line-height:40px; color:#454545;}
.about dd{ width:700px; float:right; font:16px "Microsoft YaHei UI"; line-height:24px; color:#333333;}
.about dd a{ color:#18889d;}
.about ul{ height:100px; margin-top:48px;}
.about li{ width:210px; padding-left:85px; float:left;}
.about li em{ display:block; width:70px; height:70px; float:left;}
.about li em img{display:block; width:70px; height:70px; }
.about li span{ display:block; width:63px; float:left; margin:0 0 0 10px; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#282828; line-height:30px;}
.about li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.link{ position:relative; margin-top:-61px; height:60px; border-top:1px solid rgba(255,255,255,0.2);}
.link p{ width:1200px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#fff;line-height:60px;}
.link p a{ display: inline-block;padding:0 20px 0 15px; font:14px "Microsoft YaHei"; color:#fff; line-height:60px; height:40px; position:relative; opacity:.6;}
.link p a:hover{font-weight:bold; text-decoration:underline; color:#fff; opacity:1;}


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