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

.tit01{text-align: center; }
.tit01 h2{font-size: 55px; font-family: "Microsoft YaHei";color: #43cae6;font-weight:normal;position: relative;}
.tit01 a{color: #43cae6; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666;}

/**/
.g-guide{ background:#fff; max-height:750px;box-sizing: border-box;  font-family:"Microsoft Yahei";clear: both;overflow: hidden;}
.guide-video,.guide-con{width:50%;float: left;position: relative;}
.guide-video img{width:100%;  display: block;}
.guide-video i{width: 190px; height: 190px;  display: block;background: url(../images/guide-btn.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-95px;margin-top:-95px; z-index: 1;}
.guide-con{}
.guide-con img{width:100%;  display: block;}
.gd-c{ max-width:608px;position: absolute;left:0;top:0;padding:6.25vw 0 0 5vw;}
.gd-c em{display: block;font-size: 48px;color:#fff;font-weight: lighter;}
.gd-c h3{ font-size: 32px;color: #fafafa;margin:20px 0 45px;}
.gd-c p{font-size: 14px;color: #fafafa;font-weight: lighter;line-height: 34px;text-align: justify;}
.gd-c ul{margin:3.645vw 0 0; position: relative; clear:both;overflow: hidden; }
.gd-c li{padding:0 64px;float: left; text-align: center; position: relative;}
.gd-c li::after{content: "";position: absolute;width: 1px;height: 130px;background:#68b1e4;right:0;top:10px;} 
.gd-c li em{display: block; position: relative;width:90px; height: 90px;overflow: hidden;margin:0 auto 10px;}
.gd-c li em img{width:90px;position: absolute;left:0;top:0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.gd-c li h4{font-size: 20px; color: #fafafa; font-weight: bold;line-height: 34px; }
.gd-c li i{ font-size:14px;  color: #fafafa;text-align: center; font-weight: lighter;line-height: 26px;height: 26px;display: block;text-transform: uppercase;font-family: "Arial";opacity: 0.66;}
.gd-c li:first-child{padding-left:0;}
.gd-c li:last-child{padding-right:0;}
.gd-c li:last-child::after{width:0;}
.gd-c li:hover em img{top:-90px;}

@media screen and (max-width:1600px) {
  .gd-c h3{margin:0px 0 15px;}
  .gd-c ul{margin:30px 0 0;}
}
@media screen and (max-width:1401px) {
  .gd-c{ max-width:538px;padding:30px 0 0 5vw;}
  .gd-c em{font-size: 40px;}
  .gd-c h3{ font-size: 28px;margin:0px 0 15px;}
  .gd-c ul{margin:30px 0 0;}
  .gd-c li{padding:0 46px;}
}

/**/
.g-products{height: auto;overflow: hidden; background:#fff;padding:65px 0 80px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01{height:137px;}
.products{width:1280px;margin:0 auto;}

.pro-nav{width:1280px;height:545px;position: relative;}
.nav-clm{width:162px;position: absolute;left:50px;top:104px;z-index: 1;}
.nav-clm h3{height:46px;line-height: 46px;text-align: left;font-size: 20px;color: #fff; font-weight: bold;padding:0 20px;border-radius: 16px;display: inline-block;margin-bottom: 20px;}
.nav-clm h3 a{color: #fff;}
.nav-clm span{height:46px;line-height: 46px;text-align: left;font-size: 20px;color: #fff; font-weight: bold;padding:0 20px;border-radius: 16px;display: block;margin-bottom: 20px;}
.nav-clm span a{color: #fff;}
.nav-clm h3.cur{background: #278FD9;}
.nav-con{width:1280px;}
.nav-con dl{width:1280px;height: 545px; position: relative;}
.nav-con dl dt{width:1280px;height: 545px;}
.nav-con dl dt img{width:100%;display: block;}
.nav-con dl dd{position: absolute;right:122px;top:175px;max-width: 330px;}
.nav-con dl dd h4{font-size: 18px;color:#000000;font-weight: lighter;padding-bottom: 24px; border-bottom: 1px solid #000; margin-bottom: 20px;}
.nav-con dl dd h4 b{font-size: 36px;}
.nav-con dl dd h4 a{color: #000000;}
.nav-con dl dd p{clear: both;overflow: hidden;margin-bottom: 30px;}
.nav-con dl dd p em{width:145px;box-sizing: border-box; font-size: 16px;color: #666666;line-height: 30px;padding-left:32px; display: block;background: url(../images/pro-ico1.png) no-repeat left center;float: left;}
.nav-con dl dd p em:nth-child(2n){margin-left:15px;}
.nav-con dl dd span{display: block;}
.nav-con dl dd span i{display: inline-block; font-size: 17px;color: #0151a3;font-weight: bold;padding-right: 10px;}


.pro{ padding:88px 0 116px; background: url(../images/pro_bg.jpg) no-repeat center top;box-sizing: border-box;margin-top:30px;}
.pro_t{height: 200px;}
.pro_t h2 a{ display: block;font-size: 40px;line-height: 56px;color: #fff;font-weight: normal;float: left;}
.pro_t h2 em{ display: block;font-size: 24px;line-height: 24px; padding-bottom: 14px;color: #2397ff;}
.pro_z{ float: right; }
.pro_z li{ float: left;margin-left: 50px;height: 158px;box-sizing: border-box; -moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;box-sizing: border-box;width:140px;position:relative;}
.pro_z li.on{ background: #087bcd;border-radius: 5px;}
.pro_z li.on:after{ position:absolute;left:50%;margin-left:-10px;bottom:-12px;content:"";background:0;width: 0;height: 0;border-style: solid;border-width: 12px 10px 0 10px;border-color: #087bcd transparent transparent transparent;}

.pro_z li img{ display: block;width: 140px;height: 112px;margin: 0 auto; }
.pro_z li span{ display: block;font-size: 20px;line-height: 20px;color: #ffffff;padding-top: 5px;text-align: center; }
.pro_con{ position: relative; }
.pro_bd{height: 710px;}
.pro_l{float: left;width:1281px; }
.pro_l dt{ height: 301px;width: 1280px;background: #fff;padding: 82px 88px 0 95px; box-sizing: border-box;}
.pro_l dt em{ display: block;font-size: 24px;line-height: 26px;color: #333;height: 50px; }
.pro_l dt em b{ font-weight: bold;color: #53c8f6;display: inline-block;margin-right: 18px;font-size:26px; }
.pro_l dt em i{background:url(../images/xing.png)no-repeat left center;display:inline-block;padding-left:18px;margin-right:20px;font-size:22px;font-weight:bold;}
.pro_l dt p{ display: block;font-size: 16px;line-height: 28px;color: #666666;height: 130px; }
.pro_l dt i:hover span{ margin-left: 7px;color: #fff; }
.pro_l dd li{display: block;width: 405px;height: 347px;overflow: hidden;float: left;box-sizing: border-box;margin-right: 32px;margin-bottom: 32px;}
.pro_l dd li:nth-child(3n) {margin-right: 0px;}

.pro_l dd li img{display: block;width: 405px;height: 302px;}
.pro_l dd li em{position: absolute;background-color: #43cae6;width: 405px;height: 45px;line-height: 45px;opacity: 0.8;box-sizing: border-box;padding-left: 25px;font-size: 20px;font-weight: normal;color: #fff;}
.pro_l dd li em:before{content: url(../images/pro-icon.png);display: block;position: absolute;width: 45px;height: 45px;background: #087bcd;right: 0;text-align: center;}
.pro_l dd li:hover em{font-weight:bold;color:#fff;}
.pro_l dd li:hover em:before{background:#278FD9;}

.pro_con .prev2{ left:-65px;transition: all .36s ease;position:absolute;top:50%;z-index:99;text-align:center;margin-top:-65px;width:65px;height:65px;cursor:pointer;opacity: 1;background:url(../images/bprev.jpg) no-repeat center; }
.pro_con .next2{ right:-65px;transition: all .36s ease; position:absolute;top:50%;z-index:99;text-align:center;margin-top:-65px;width:65px;height:65px;cursor:pointer;opacity: 1;background:url(../images/next2.jpg) no-repeat center;}

.pro_hd h3{ display: block;font-size: 26px;line-height: 23px; color: rgb(0, 91, 172); height: 81px;font-weight: bold;text-align: center;}
.pro_hd p{height:54px;line-height:54px;border:1px solid #dcdcdc;margin-top:320px;}
.pro_hd p span{ display:inline-block;width:104px;margin-right:24px;text-align:center;font-size:16px;text-align:center;line-height: 32px;border-right:1px solid #dcdcdc;}
.pro_hd p a{ display:inline-block;padding:0 30px;font-size:16px;line-height: 54px;position:relative;}
.pro_hd p a:after{ position:absolute;right:0;top:12px;height:14px;width:1px;height:30px;content:"";background:#dcdcdc;}
.pro_hd p a:last-child{ margin-right:0;}

.btns {float: right;}
.btns a {float: left;width: 108px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;box-sizing: border-box;}
.btns a.a1 {border: 1px solid #666666;border-right: 0px;}
.btns a.a1:hover {font-style:normal;color:#53c8f6;border: 1px solid #53c8f6;border-right: 0px;}
.btns a.a2 {background: #53c8f6;color: #fff;}
.pro_l dt em span{font-weight:bold;}
/**/

/*intro*/
.intro { height:564px;  box-sizing:border-box; padding-top:30px; }
.intro .intro_con { width:484px; float:left; padding-top:12px; }
.intro h2 { margin-bottom:28px; }
.intro h2 a { display:block; }
.intro h2 span { font-size:28px; line-height:100%; color:#666; display:block; text-transform:uppercase; }
.intro h2 strong { display:block; font-size:30px; line-height:100%; color:#087bcd; margin-top:20px; }
.intro p { font-size:14px; line-height:30px; color:#888; }
.intro a.more { margin-top:40px; display:block; width:146px; height:46px; background:#43cae6; transition:all 0.25s ease; font-size:0; text-align:center; }
.intro a.more span { display:inline-block; font-size:14px; line-height:46px; color:#fff; vertical-align:middle; }
.intro a.more img { display:inline-block; width:18px; margin-left:16px; vertical-align:middle; transition:all 0.25s ease; }
.intro a.more:hover { opacity:0.9; }
.intro a.more:hover img { margin-left:30px; }
.intro .intro_pic { width:599px; height:394px; float:right; position:relative; overflow:hidden; }
.intro .intro_pic img { width:100%; }
/*.intro .intro_pic:after { width:55px; height:55px; background:#ffffff url(../images/icon_video.png) no-repeat center; box-shadow:5px 8.66px 20px 10px rgba(201,55,57,0.4); position:absolute; content:""; border-radius:50%; top:162px; left:272px; }*/

.xban{background-image:url(../images/xban-bg2.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:560px;box-sizing:border-box;padding-top:70px;margin-bottom:60px;}
.xban h2{font-size:42px;font-weight:700;line-height:44px;color:#fff;text-align:center}
.xban .xban-l{float:left;width:1280px;margin-top:54px;border:2px solid #fff;height:310px;box-sizing:border-box}
.xban .xban-l .f-form-l{float:left;width:560px;padding:57px 41px 0;box-sizing:border-box;border-right:2px solid #fff;height:306px}
.xban .xban-l .f-form-l ul li b{font-size:18px;font-weight:700;line-height:18px;color:#fff;display:block}
.xban .xban-l .f-form-l ul li p{font-size:18px;font-weight:400;line-height:100%;color:#fff;text-align:right;padding:20px 0 30px}
.xban .xban-l .f-form-l ul li p span{font-size:38px;font-weight:400;line-height:84%;color:#fd7c02;display:inline-block;vertical-align:bottom;margin-right:10px;overflow:hidden;white-space:nowrap;}
.xban .xban-l .f-form-l ul li:nth-of-type(1){border-bottom:2px solid #bdbdbd;margin-bottom:32px}


.xban .xban-l .f-form-r{float:right;width:711px;height:306px;box-sizing:border-box;padding:40px 36px 0 52px}
.xban .xban-l .f-form-r h3 b{display:block;font-size:22px;font-weight:700;line-height:22px;color:#fff}
.xban .xban-l .f-form-r h3 span{display:block;font-size:14px;font-weight:400;line-height:14px;color:#fff;margin-top:14px}
.xban .xban-l .f-form-r .f-form-r-c{margin-top:42px}
.xban .xban-l .f-form-r .f-form-r-c i{font-size:14px;font-weight:400;line-height:38px;color:#fff;display:inline-block;vertical-align:middle;margin-right:3px}
.xban .xban-l .f-form-r .f-form-r-c input{width:200px;border:1px solid #d2d2d2;height:38px;font-size:14px;font-weight:400;line-height:36px;color:#666;box-sizing:border-box;text-indent:10px;vertical-align:middle;outline:0}
.xban .xban-l .f-form-r .f-form-r-c label{font-size:14px;font-weight:400;line-height:38px;color:#fff;display:inline-block;vertical-align:middle}
.xban .xban-l .f-form-r .f-form-r-c::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl{width:304px;position:relative}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl ul li{margin-bottom:12px;width:284px;font-size:0}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl ul li label{margin-right:16px}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl .submit .form-btn-submit{width:623px;background:#fff;border:none;position:absolute;font-size:16px;font-weight:400;line-height:38px;color:#e7410c;left:0;margin-top:10px;outline:0;cursor:pointer}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl .submit .form-btn-reset{display:none}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cl .submit b{position:absolute;color:#fff;bottom:-70px;}

/*.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cr{float:right}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cr li{margin-bottom:12px;font-size:0}
.xban .xban-l .f-form-r .f-form-r-c .f-form-r-cr li label{width:110px;text-align:right;margin-right:9px;}
*/
.xban .xban-r{float:right;margin-top:54px}
.xban .xban-r p{display:block;text-align:right;padding-bottom:18px;border-bottom:2px solid rgba(189,189,189,.26)}
.xban .xban-r p img{display:inline-block;width:110px;height:110px}
.xban .xban-r p span{font-size:14px;font-weight:400;line-height:15px;color:#fff;margin-top:12px;display:block}
.xban .xban-r em{text-align:right;font-size:28px;font-weight:700;line-height:80%;color:#fff;display:block;margin-top:44px}
.xban .xban-r em i{font-size:14px;font-weight:400;line-height:16px;color:#fff;display:block;margin-bottom:6px}
.xban .xban-r em b{display:block}
.xban .xban-r em a{display:inline-block;width:137px;height:42px;background:#1f3bd6;background:linear-gradient(-30deg,#e7410c,#fd7c02);border-radius:21px;font-size:14px;font-weight:400;line-height:42px;color:#fff;text-align:center;margin-top:24px;transition:.35s}
.xban .xban-r em a:hover{width:156px}
.xban::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}


.cases ul{ margin:80px 0 65px;}
.cases li{ width:32.6%; float:left; overflow:hidden; margin:0 0 0.625rem 0.52%; position:relative;border:1px solid #eee; box-sizing:border-box;}
.cases li img{ display:block; width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.cases li span{ display:block; width:100%; height:0;position:absolute; bottom:0;font:18px "Microsoft YaHei UI"; text-align:center;; color:#fff;background: rgba(8, 123, 205, 0.8); -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);}
.cases li span b{ padding-top:16%;font-size:24px;font-weight:normal;text-align:center;}
.cases li span em{ display:block; width:108px; height:32px; border:1px solid #fff; margin:12px auto 0; font:14px "Microsoft YaHei UI";text-align:center; line-height:32px;}
.cases li:hover img{-webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -transform:scale(1.1,1.1);}
.cases li:hover span{ height:100%;}
.cases li:hover b{ display:block;}
.casest{width:1200px; height:60px; margin:22px auto 0;}
.casest a{ display:block; width:290px; margin-right:10px; font:18px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#fff; line-height:60px; float:left; background:#43cae6;position:relative;}
.casest a:last-child{ margin-right:0;}
.casest a:hover{ background:#087bcd; color:#fff;}


.g-super{ height: auto;overflow: hidden;background:#f7f7f7;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:140px;}

.super{width:1400px;height: 792px;margin:0 auto;position: relative;}
.super-nav{width:896px;height: 792px;background:rgba(39, 143, 217, 0.9);position: absolute;left:50%;margin-left:-960px;padding-right:68px;box-sizing: border-box;z-index: 1;}
.super-nav{text-align: right;}
.super-nav li{position: relative;height:198px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);padding-top: 35px;box-sizing: border-box;}
.super-nav li::after{content: "";position: absolute;right:-140px;top:-6px;height:198px;width:954px;background:#b5d9f2;border-top-right-radius: 120px;border-bottom-right-radius: 120px;border:6px solid rgba(39, 143, 217, 0.9);border-left:0;opacity: 0;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.super-nav li .supert{width:80px;height:75px;position: absolute;right:-88px;top:55px;z-index: 2;display: none;}
.super-nav li .supert img{width:80px;height:75px;display: block;}
.super-nav li .supertit{position: relative; font-weight: bold; font-size: 28px;color: #fff;height:75px;z-index: 2;display: block;}
.super-nav li .supertit em{width:64px;height:56px;overflow: hidden;float: right;margin-left:10px;}
.super-nav li .supertit em img{width:100%;display: block;}
.super-nav li .supertit i{display: block; font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: rgba(255, 255, 255, 0.3);text-transform: uppercase;}
.super-nav li .supertit2{position: relative;font-size: 16px;font-weight: bold; color: #90b4d7;text-transform: uppercase; height:55px;z-index: 2;display: none;}
.super-nav li .supertit2 b{ font-size: 32px;color: #43cae6;}
.super-nav li p{ font-size: 22px;color: rgba(255, 255, 255, 0.8);position: relative;z-index: 2;}

.super-con{}
.super-con p{width: 1920px;height: 792px;}
.super-con p img{width: 100%;display: block;margin-left: -255px;position: relative;}


.super-c {width: 680px;position: absolute;right:0;bottom: 60px;z-index: 1;text-align: right;}
.super-c dd h4{font-size: 62px;color:#ffffff;margin-bottom: 10px; }
.super-c dd p{font-size: 18px;color: #fff;line-height: 33px;}
.super-c .count{clear: both;overflow: hidden;margin-top:40px;float: right;}
.super-c .count li{width:114px;border:3px solid rgba(255, 255, 255, 0.5);height:142px;float: left;margin-right: 24px; font-size: 14px;font-family: Arial, Helvetica, sans-serif;text-align: left;padding:12px;box-sizing: border-box;font-weight: normal;color: #fff;white-space: nowrap;}
.super-c .count li:last-child{margin-right: 0;}
.super-c .count li b{font-size: 42px; font-weight:normal;display: block;}
.super-c .count li span{display: block;margin-bottom: 12px; font-size: 16px;}

.super-nav li.cur{padding-top:50px;padding-right:40px;}
.super-nav li.cur  .supertit{display: none;}
.super-nav li.cur::after{opacity: 1;}
.super-nav li.cur .supert,.super-nav li.cur .supertit2{display: block;}
.super-nav li.cur p{ font-size: 18px;color: #43cae6;font-weight: bold;}


/**/
.g-process{height:540px; position: relative; box-sizing: border-box; background:url(../images/processbg.jpg) no-repeat center top;  font-family:"Microsoft Yahei";padding:70px 0 0;}
.g-process .tit01{height:155px;}
.process{width:1400px; height:240px; position: relative;margin:0 auto;border:1px solid #fff;}
.g-process .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px;}
.g-process .common-segment1 {padding: 35px 0;}
.g-process .common-segment1 .box { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.g-process .common-segment1 .box .left { line-height: 18px; color: #ffffff; flex: auto;}
.g-process .common-segment1 .box .left h1 { font-size: 40px; margin-bottom: 30px; line-height: normal;}
.g-process .common-segment1 .box .left p { margin-bottom: 33px; display: flex; gap: 30px; flex-wrap: wrap;}
.g-process .common-segment1 .box .left p span { font-weight: bold; font-size: 20px;}
.g-process .common-segment1 .box .left h6 { display: inline-block; font-size: 16px; padding-bottom: 4px; border-bottom: 1px solid #ffffff;}
.g-process .common-segment1 .box .right {text-align: right; flex: auto;}
.g-process .common-segment1 .box .right a {float: right; display: block;text-align: center;width:168px;height:48px;line-height: 48px;border-radius: 10px;font-size: 23px;color: #fff;font-weight: normal;background:#43cae6;margin-top:10px;}


/**/
.g-news{ height: 690px; padding-top:90px; overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:132px;}
.news{width:1400px;position: relative;margin:0 auto;}
.new-tit{ height: 82px; margin-left:340px;}
.new-tit h3{ width: 170px; height: 48px; float: left; margin-right:12px; text-align: center;}
.new-tit h3 a{ display: block; font-size: 18px; color: #333; line-height: 48px; font-weight: bold; border-radius: 2rem; border:2px solid rgba(0, 0, 0, 0);} 
.new-tit .cur a,.new-tit h3 a:hover,.new-tit span a:hover{ border: 2px solid #43cae6; color: #43cae6;}
.new-tit span{ width: 170px; height: 48px; float: left; margin-right:12px; text-align: center;display: block;}
.new-tit span a{ display: block; font-size: 18px; color: #333; line-height: 48px; font-weight: bold; border-radius: 2rem; border:2px solid rgba(0, 0, 0, 0);} 


.news-con dl{width: 327px; float: left; margin-right:30px;}
.news-con dl:last-child{ margin-right:0;}
.news-con dt{ width: 327px; height: 183px; overflow: hidden;}
.news-con dt img{ display: block;width: 100%;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news-con dd h3 a{display: block; font-size: 18px; color: #333; line-height: 48px; font-weight: bold; margin:15px 0 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-con dd p{ font-size: 14px; line-height: 27px; color: #666;}
.news-con dd span a{display: block; width: 52px; height: 32px;background: url(../images/news-ico1.png) no-repeat left center; margin-top:52px;}
.news-con dl:hover dt img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.news-con dl:hover dd h3 a{ color: #43cae6;}


@media screen and (max-width:1401px) {
  .news{width: 1280px;}
  .new-tit{ margin-left:240px;}
  .news-con dl{width: 277px;}
  .news-con dt{ width: 277px; height: 155px;}

}

/*
.g-about{background:#fff;height:auto;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-bottom: 92px;}
.g-about img{width:100%;display: block;}
.about{width:1280px;margin:55px auto 60px; }
.about dl{width:100%; position: relative; }
.about dl dt{width:460px;float: left;}
.about dl dt h3{font-size: 20px;  color: #000000;text-align: left; line-height: 78px;margin-bottom: 18px;}
.about dl dt h3 i{display: block;color: #000000; font-size:50px;line-height: 40px; font-weight: bold;}
.about dl dt h3 a{color: #000;}
.about dl dt span{clear: both;overflow: hidden;}
.about dl dt span a{height: 80px; line-height:normal;width: 115px;  text-align: center; font-size: 16px; color: #ffffff;position: relative; display: block; float: left;font-weight: normal;border-radius: 10px;margin-right: 19px;background: #11c3e8;}
.about dl dt span img{width:34px;height:30px;display: block;margin:10px auto;}
.about dl dt span a:first-child{background: #43cae6;}

.about dl dd{width: 740px;float: right;text-align: justify;}
.about dl dd .abt-desc{padding:30px 0;border-top:1px solid #000000;border-bottom: 1px solid #000000;}
.about dl dd p{color: #000000;font-size: 14px;line-height: 22px; text-align: justify;opacity: 0.8;margin-bottom: 15px;}
.about dl dd h4{color: #000000;font-size: 15px;line-height: 23px;font-weight: bold; text-align: justify;opacity: 0.9;}
.about dl dd .abt-more{height:22px;line-height: 22px;font-weight: bold; font-size: 14px;color: #000000;text-align: right;margin-top:20px;display: block;}
.about dl dt img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.about dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}*/

.smjs2 {margin-top: 60px;background:url(../images/fangan3.jpg) no-repeat center top;height: 540px;padding-top: 30px;margin-bottom: 50px;}
.smjs2 p {color: #fff;text-align: center;width: 80%;margin: 0 auto;font-size: 18px;}
.smjs2 li {float: left;height: 190px;width: 23%;border-radius: 25px;margin-right: 28px;display: inline;margin-top: 30px;
text-align: center;font-size: 20px;color: #333;position: relative;line-height: 150%;padding-top: 30px;background: rgba(67, 202, 230, .9);}

.smjs2 li:last-child {margin-right: 0px;}
.smjs2 li b {font-family: impact;font-size: 84px;position: absolute;display: block;top: 4px;line-height: 84px;left: 115px;color: rgba(255, 255, 255, 0.1);}
.smjs2 li p {font-size: 24px;color: #fff;font-weight: bold;}
.smjs2 li p span {display: block;font-size: 18px;text-align: left;color: #fff;font-weight: normal;padding-top: 15px;line-height: 25px;}
.tit {height: 150px;clear: both;}
.tit h2 {color: #fff;font-size: 36px;display: block;padding-top: 40px;white-space: nowrap;text-align: center;line-height: 50px;}
.tit em {display: block;font-size: 20px;line-height: 32px;color: #fff;font-style: normal;font-weight: normal;text-transform: uppercase;}
/*友情链接*/
.g-link{ overflow: hidden;background:none;min-height: 60px;background: #076bc0; }
.link{width:1280px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";padding:40px 0 30px;}
.link h2{font-size:14px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 23px; line-height: 23px;color: #fff;opacity: 0.6;}
.link p{  width: 1120px; overflow: hidden; line-height: 23px; color:#7e7e7e;position: relative;z-index: 1;}
.link p a{ color: #fff; font-size: 14px; padding: 0 45px 0 0; text-align: left; opacity: 0.6;}

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