@charset "utf-8";
@import url("core.css");
@import url("animate.css");
body{font-family: "Microsoft Yahei";}
body,html{min-width:1300px;}
/**/
#fixed{height:126px;}
.topWrap {min-width: 1366px; width: 100%; font-family: "Microsoft Yahei";  height: 126px; max-width: 1920px;padding:20px 13.5% 0;box-sizing: border-box; overflow: hidden;background:#fff; 
    position:fixed;left: 0;top:0;z-index: 999;
}
.logo {width: 322px;overflow: hidden; box-sizing: border-box; float: left;margin-top: 22px;}
.logo img { width: 322px; height: 56px; display: block; }
.h_nr{width: 73%; float: right;}
.h_nrr{ height: 45px;overflow:hidden;clear: both; }
.logo_txt{font-size:26px;color:#333;line-height: 45px; float:left;}
.tel{float: right;height: 45px; background: url(../images/tel.png) no-repeat left center;font-size: 16px;padding-left: 32px; line-height: 45px;}
.tel p{font-weight: bold;font-size: 24px; color: #202020;  float: right;}

.nav{width:100%;border-top:2px solid #aaaaaa; font-family:"Microsoft Yahei";}
.nav ul{height: 44px;}
.nav li {float: left;height: 44px; line-height: 44px;position: relative;margin-right:4%;font-size: 17px;  }
.nav li:last-child{margin-right:0}
.nav li a {text-decoration: none; color: #2e2828; display: inline-block; position: relative;z-index: 2; }
.nav li:after{content:'';position:absolute;height:3px;width:0;background:#046ea8;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;color: #fff; z-index: 1;border-radius: 18px;}
.nav li:hover:after,.nav li.cur:after{width:100%;color: #046ea8;z-index: 1;}
.nav li a:hover, .nav .cur a { font-weight: normal; text-decoration: none;  color: #046ea8;  }
.nav li.nones{margin-right:0;}
@media screen and (max-width:1366px) {
  .topWrap {padding:20px 4.5% 0;}
  .nav li {font-size: 15px; }   
}
@media screen and (min-width:1367px) and (max-width:1600px) {
  .topWrap {padding:20px 5.5% 0;}
  .nav li {margin-right:3%;font-size: 16px;}

}
@media screen and (min-width:1601px) and (max-width:1720px) {
.topWrap{padding:20px 8.5%;} 
.nav li {margin-right:3%;}

}
@media screen and (min-width:1721px) and (max-width:1880px) {
.topWrap{padding:20px 8.5%;} 
.nav li {margin-right:3.2%;}
}
/**/
.footWrap{height:391px;background:#ececec url(../images/ftbg.jpg) no-repeat center top; overflow:hidden;font-family:"Microsoft Yahei";padding-top: 0px;box-sizing: border-box; }
.footer{width:1400px;margin: 0 auto;}
.fnav {overflow:hidden; height: 77px;line-height: 77px;border:0px solid #ffffff;width:100%;color:#fff; font-size: 16px;text-align: center;box-sizing: border-box; }
.fnav a{ padding:0 2.4%;color:#fff; }
.fcontact{height: 130px; margin-top:28px;padding-left:100px;border-bottom:1px solid #aaaaaa; margin-bottom:30px;}
.fcontact li{font-size:15px;color:#000000; float: left;font-weight: bold;box-sizing: border-box; padding-left: 131px;}
.fcontact li b{font-weight: bold;display: block;font-size: 15px; color: #000000; margin-bottom: 8px;}
.fcontact li:nth-child(1){width: 400px;background: url(../images/ftico1.png) no-repeat 52px 0; font-size: 26px; line-height: 30px;}
.fcontact li:nth-child(1) i{display: block;font-size: 18px;color:#7c7878;font-weight: bold;}
.fcontact li:nth-child(2){width: 400px;background: url(../images/ftico2.png) no-repeat left 0; font-size: 24px;height:52px}
.fcontact li:nth-child(3){width: 400px;background: url(../images/ftico3.png) no-repeat left 0; color: #000000; font-weight: normal; font-size: 15px; }
.oth span{width:465px;margin:0 auto; font-size: 15px; color: #191919; display: block;line-height: 30px;border-bottom:2px solid #046ea8;text-align: center; }
.oth em{padding:0 10px;}
@media screen and (max-width:1401px) {
  .footer{width:1200px;}
  .fnav a{padding:0 1%;}
  .fcontact{padding-left: 0px;}
}
/**/
.client-2 { width: 45px; position: fixed; right: 10px; top: 72%; z-index: 999; color: #fff; }
.client-2 li a { text-decoration: none; color: #fff; }
.client-2 li { margin-bottom: 5px; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; position: relative; }
.client-2 li.my-kefu-qq { background:#046ea8 url(../images/cimg23.png) center no-repeat; }
.client-2 li.my-kefu-weixin { background:#046ea8 url(../images/cimg24.png) center no-repeat; }
.client-2 li.my-kefu-tel { background:#046ea8 url(../images/cimg25.png) center no-repeat; }
.client-2 li.my-kefu-shouye { background:#046ea8 url(../images/tohome.png) center no-repeat; background-size:26px; }
.client-2 li.my-kefu-shouye a { width: 45px; height: 45px; display: block; }
.client-2 li.my-kefu-ftop { background:#046ea8 url(../images/returnTop.png) center no-repeat; }
.client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; }
.client-2 li.my-kefu-qq .cont { margin: 0; background:#046ea8 url(../images/cimg23.png) 15px center no-repeat; border-radius: 50px; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; width: 130px; position: absolute; top: 0; right: 0; z-index: 999; }
.client-2 li.my-kefu-tel .cont { margin: 0; background:#046ea8 url(../images/cimg25.png) 15px center no-repeat; border-radius: 50px; padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999; }
.client-2 .my-kefu-ftop { display: none; }
.client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; }
.client-2 li.my-kefu-weixin .cont { margin: 0; width: 127px; padding: 5px; border: solid 1px #ccc; position: absolute; left: -150px; top: -44px; background-color: #fff; }
.client-2 li.my-kefu-weixin .cont span { display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a; }
.client-2 li.my-kefu-weixin .cont img { width: 115px; height: 115px; }
.client-2 li:hover .cont { display: block!important; }
/**/
.ban_bg{padding:0;position: relative;}
.ban_bg:before{content: "";position: absolute;left:0;top:0;width: 100%;height: 80%; background:#046ea8;display:none;}
.ban_1{position: relative;width: 100%;}
.small{position: absolute;left:50%;bottom:40px;margin-left: -600px; font-size: 24px;color: #fff; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
.small b{ font-size: 60px;color: #fff;}
.banner{max-height: 701px;overflow: hidden;}
.banner img{width:100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 45px; height: 45px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 3%; display: none; background:url(../images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 3%; display: none;background:url(../images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 3%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;border: 0;width: 35px;height: 5px;color: #fff; border-radius: 0%;background-color: #00205b;}
.slick-dots .slick-active button {background-color: #f8da06;}  
/**/
.fabj{height:700px} 
/**/
.content{width: 1400px; margin: 0 auto;}
i,em,b{font-style: normal;}
.tit01{font-size: 45px; text-align: center; font-family: "Microsoft Yahei";color: #000000;font-weight:normal; line-height:50px;}
.tit01 a{color: #000000; }
.tit01 p{font-weight: normal;  font-size: 20px; color: #606060; display:block;line-height: 40px; }
.yy_bj{ height: 849px;padding-top: 75px;background: url(../images/yybg.jpg) no-repeat center top;  box-sizing: border-box;background-size:100% 100%;  font-family:"Microsoft Yahei"; position: relative; max-width: 1920px;margin:0 auto 100px;}
.yy{width:1400px;margin:0 auto; position: relative;height:774px;}
.yy .yy_logo{width: 200px;height:200px;position: absolute;left:50%;bottom:0;margin-left: -100px;box-shadow: 3px 3px 15px #eeeeee;}
.yy h2{width:50%;text-align: right; font-size:60px;color:#202020;line-height: 55px;height:132px;}
.yy h2 b{color:#c8131a;}
.yy h2 p{font-size:34px;color:#000; font-weight: normal;}
.yy dl{height: 587px;}
.yy dl dt{width: 700px; height: 587px; float: left;}
.yy dl dt img{width: 960px; height: 640px; display: block;margin-left:-260px;}
.yy dl dd{width: 500px; float: right;font-family: "Microsoft Yahei";}
.yy dl dd h4{font-size: 72px; color: #202020; line-height:72px;border:4px solid #313131; text-align: center;width: 500px;font-weight: bold;padding:15px 0;background: #fff;}
.yy dl dd h4 b{color:#046ea8;}
.yy dl dd h5{ font-size:30px;color:#202020; line-height: 36px; text-align: left;margin:80px 0 25px;}
.yy dl dd span{background:#046ea8;height:39px;line-height: 39px;text-align: center;display: block; font-size:17px;color:#fff;margin-bottom: 20px;}
.yy dl dd p{ font-size: 15px; color: #202020; line-height: 24px; }
.yy dl dd em{display: block;margin-top:30px;}

@media screen and (max-width:1401px) {
    .yy{width:1200px;}
    .yy .yy_logo{width: 150px;height:150px;margin-left: -75px;box-shadow: 3px 3px 15px #eeeeee;}
    .yy dl dt{width: 600px;}
    .yy dl dt img{margin-left:-360px;}
}
/**/
.cpbj{     height: 789px; position: relative; box-sizing: border-box; background: url(../images/cpbg.jpg) no-repeat center top;     background-size: 100% 100%; overflow: hidden; clear: both; font-family:"Microsoft Yahei";padding-top:70px; max-width: 1920px;}
.cpbj h2{height:120px;}
.cp{width:1400px;margin:0 auto; position: relative;}
.cp dl{ width:448px;float: left;margin-right:28px;overflow: hidden; position: relative;border-radius: 20px;}
.cp dl:last-child{margin-right:0;}
.cp dt {
    position: relative;
    width: 448px;
    height: 562px;
    border: 8px solid #313131;
    border-radius: 20px;
    padding: 25px 20px 0;
    box-sizing: border-box;
}
.cp dt h3{line-height: 44px; font-size:30px; color:#000000;  position: relative; margin-bottom: 15px; text-align: center;font-family: "Microsoft Yahei";}
.cp dt p {
    font-size: 20px;
    line-height: 26px;
    color: #5c5c5c;
    text-align: center;
    margin-bottom: 15px;
}
.cp dt img{display:block; width:100%;}
.cp dd {
    width: 448px;
    height: 558px;
    padding: 30px 0;
    box-sizing: border-box;
    position: absolute;
    background: rgba(4, 101, 168, 0.95);
    bottom: -558px;
    left: 0;
    border-radius: 20px;
    font-family: "Microsoft Yahei";
}
.cp dd h3{line-height: 44px; font-size:30px; color:#fff;  position: relative; margin-bottom: 15px; text-align: center;}
.cp dd h3 a{color:#fff;}
.cp dd p{width:200px;margin:15px auto 35px;}
.cp dd p a{display: block;line-height: 33px;border:2px solid rgba(0, 0, 0, 0); font-size:20px;color:rgba(255, 255, 255, 0.8);text-align: center;border-radius: 5px;margin-bottom: 10px;}
.cp dd p a:hover{border-color: #9bc5dc;}
.cp dd em{text-align: center;display: block;}

@media screen and (max-width:1401px) {
    .cp{width:1200px;}
    .cp dl{ width:381px;}
    .cp dt{width:381px;}
    .cp dd{width:381px;}
}

.cp dl.cur dt h3,.cp dl.cur dt p{opacity: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; bottom:0;}
.cp dl.cur dd{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; bottom:0;}

/**/
.ggbj{background: url(../images/ggpic.jpg) no-repeat center top;height:156px;position: relative;width: 100%;max-width: 1920px;font-family: "Microsoft Yahei";margin:0 auto;box-sizing: border-box;box-shadow: 0 0 20px #e4e4e4;margin-bottom:30px;}
.ggbj h3{ font-size: 24px;color:#fff;line-height: 40px; font-weight: normal;width:580px;text-align: center;position: absolute;left:50%;margin-left: -450px;top:43px;}
.ggbj h3 b{font-size:36px;color:#ffcd05; display: block;font-weight: normal;padding-left: 60px;}
.gg_zx{ font-size: 24px;color:#359fe4;text-align: center;width:238px;height:64px;line-height: 64px;background:#ffcd05;border-radius: 3px;display: block;position: absolute;left:50%;margin-left: 150px;top:53px;}

/**/
.fabj{height: 790px;overflow: hidden; background:#fff;padding-top:40px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.fabj h2{height:130px;}
.fa{position: relative;width:1400px;margin:0 auto;height:480px;border:1px solid #cacaca;}
.fa dl{width:20%;height:100%; border-right:1px solid #c6c6c6;box-sizing: border-box;background: #ececec;padding-top:55px;float: left;}
.fa dl dt{width: 100%; }
.fa dl dt img{width: 200px; height:200px;display: block;border-radius: 100%;margin:0 auto;}
.fa dl dd{text-align: center;padding-top: 30px;font-family: "Microsoft Yahei";}
.fa dl dd em{width:60px;height:54px;display: block;margin:0 auto 10px;position: relative;overflow: hidden;}
.fa dl dd em img{width:60px;position: absolute;left:0;top:0;}
.fa dl dd h4{line-height: 34px; font-size:30px; color:#353535; }
.fa dl dd h4 a{color:#353535;}
.fa dl dd h4 i{display: block;font-size: 16px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;color:#b8b8b8;}
.fa dl dd p{font-size:18px; color:#676767; font-weight: normal;}
.fa dl:last-child{border-right: 0;}

@media screen and (max-width:1401px) {
    .fa{width:1200px;}
}

.fa dl.cur{background: #046ea8;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.fa dl.cur em img{top:-54px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.fa dl.cur h4 a{color:#fff;}
.fa dl.cur h4 i{color:#93ccf1;}
.fa dl.cur p{color:#fff;}

/**/
.casebj{height: 1534px;overflow: hidden; background:#ececec url(../images/casebg.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.casebj h2{height:240px;color:#fff;}
.casebj h2 a,.casebj h2 p{color:#fff;}
.case_nav{width: 1200px;margin:0 auto;position: relative;height:585px;}
.case_nav h3{width: 1200px;height:390px;position: relative;font-family: "Microsoft Yahei";}
.case_nav h3 a{font-size:24px;color:#fff;display: block;border-radius: 100%;position: absolute;text-align: center; box-sizing: border-box; line-height: 25px;padding:15px;box-shadow:0 0 3px #fff; 
    animation-name: buttonHover;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
	-webkit-animation-name: buttonHover;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
    -moz-animation-name: buttonHover;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;}
.case_nav h3 a:nth-child(1){width:82px;height: 82px;background: #006eb5;left:55px;top:125px;}
.case_nav h3 a:nth-child(2){width:127px;height: 127px;background: #046ea8;left:236px;top:105px;padding:25px; line-height: 38px; font-size: 36px;}
.case_nav h3 a:nth-child(3){width:101px;height: 101px;background: rgba(255, 255, 255, 0.2);left:436px;top:0px;padding:25px;}
.case_nav h3 a:nth-child(4){width:127px;height: 127px;background: #046ea8;right:205px;top:74px;padding:25px; line-height: 38px; font-size: 36px;}
.case_nav h3 a:nth-child(5){width:100px;height: 100px;background: rgba(255, 255, 255, 0.2);right:68px;top:16px;padding:25px;}
.case_nav h3 a:nth-child(6){width:84px;height: 84px;background: rgba(255, 255, 255, 0.2);right:145px;top:242px;}
.case_nav h3 a{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_nav h3 a:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.case_nav h4{font-size: 18px;color:rgba(255, 255, 255, 0.8); line-height: normal;text-align: center;font-weight: normal;    position: absolute;left: 50%;margin-left: -220px;top:250px;}
.case_nav h4 b{ font-size: 35px;color: #fff;line-height: 60px; display: block; font-weight: normal;}
.case_nav h4 i{ font-size: 24px;}


.case{width: 1400px;margin:0 auto; position: relative;}
.m_case{width: 1400px;overflow: hidden;}
.m_case dl{width:31.14%;margin-right:47px;}
.m_case dl dt{width: 100%;border-radius: 15px;}
.m_case dl dt img{width: 100%;display: block;border-radius: 15px;}
.m_case dl dd{width: 100%;position: relative; box-sizing: border-box;padding-top:28px;}
.m_case dl dd em{width:56.88%;border-radius: 15px;border:1px solid #cbcbcb;display: block;}
.m_case dl dd em img{width:100%;display: block;border-radius: 15px;}
.m_case dl dd h3{height: 48px;line-height: 48px; font-size:24px; color:#383838; font-weight:bold; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m_case dl dd h3 a{color:#383838;}
.m_case dl dd p{font-size:14px;  color:#666666;  text-align: justify; line-height: 20px;margin-bottom:30px;}

@media screen and (max-width:1401px) {
  .case,.m_case{width:1200px;}
}


/**/
.ntbj{ height:849px; position: relative; box-sizing: border-box; background:url(/resource/images/cd23d74195c74736bbb8a27fcd3b166c_2.png) no-repeat center top; overflow: hidden; clear: both; font-family:"Microsoft Yahei";min-width: 1366px;max-width: 1920px;margin:0 auto 110px;background-size: cover;}
.nt{width:1400px;position: relative;margin:0 auto;}
.nt_left{width: 45.5%; float: left;padding-top:40px;}
.nt_left h2{ font-size: 45px;color:#ffffff; font-weight: lighter; line-height: 50px;position: relative;height:160px;padding-left:32px;}
.nt_left h2:after{content:'';position:absolute;height:100px;width:4px;background:#ffffff;top:5px;left:0;}
.nt_left h2 b{color:#ffcd05; font-weight: bold;}
.nt_left .pic{width:100%;}
.nt_left .pic img{width:100%;display: block;}

.nt_right{width: 50%; float: right;padding-top:200px;}
.nt_right ul{clear: both;overflow: hidden;font-family: "Microsoft Yahei";margin-bottom: 25px;}
.nt_right ul li{width:50%; float: left;height:244px; font-size: 42px;color: #000000;text-align: center; line-height: 75px;padding-top: 50px;box-sizing: border-box;}
.nt_right ul li em{ display: block;font-size: 19px;color:#515151;line-height: 28px;}
.nt_right ul li.cur{background: #006eb5;border-radius: 3px;color:#fff;}
.nt_right ul li.cur em{color:#fff;}

.nt_txt{width:100%;height:124px;box-shadow: 0 0 10px #efefef;padding:22px 35px 0;box-sizing: border-box;}
.nt_txt p{font-size: 15px;line-height: 22px;color:#717171;text-align: justify;max-height: 88px;overflow: hidden;}

@media screen and (max-width:1401px) {
  .nt{width:1200px;}
}


/*资讯*/
.newsbj{height:984px;padding:95px 0 0; overflow: hidden; font-family:"Microsoft Yahei";line-height:24px;color: #666;position: relative; background: url(../images/newsbg2.jpg) no-repeat center top;box-sizing: border-box;}
.newsbj h2{height:118px;color:#fff;}
.newsbj h2 a,.newsbj h2 p{color:#fff;}
.nswbox{width: 1400px;margin:0 auto;position: relative;padding-left: 100px;padding-right: 22px;}
.new_t{height: 39px;margin-bottom: 21px;}
.new_t a{float: left; border: 2px solid #fff;font-size: 22px;text-align: center;line-height: 35px;color: #fff; display: block;width:126px;margin-right: 10px;}

.new_t a.on{background:#046ea8;border-color: #046ea8;}
.news_c{width:1168px;height:517px;margin: 0 auto;}
.news1{width:1168px;height:517px;position: relative;}
.news1 dl{min-width: 1px; width:23%;max-width: 269px; padding-top:45px;font-family: "Microsoft Yahei"; float: left;margin-right:30px;max-height: 438px;overflow: hidden;}
.news1 dt{width:100%;}
.news1 dt span{display: block; font-size: 24px;color:#2e2e2e; font-weight: normal; line-height: 30px;margin-bottom: 20px;}
.news1 dt span b{font-size: 30px;color:#a1a1a1; display: block;font-weight: normal;}
.news1 dt img{display: block;width:100%;}
.news1 dd{padding-top:15px;font-family: "Microsoft Yahei";}
.news1 dd h4{ font-size: 18px;color:#2e2e2e;height:30px;line-height: 30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news1 dd p{font-size: 14px;color:#717171;line-height: 18px;text-align: justify;}
.news_postion{}
.news1 .news_hd{width: 100%;overflow:hidden;position: absolute;bottom: -5px;left: 0;}
.news1 .news_hd h5{
    text-align: center;
}
.news1 .news_hd h5 em{border-radius: 100%;margin:8px 5px;display: inline-block;cursor:pointer;width:10px;height:10px;background:#c4c3c3;}
.news1 .news_hd h5 .on{background:#001e56;}
.news1 .news_l{height: 32px;width: 32px;background: url(../images/news_l.png) no-repeat;display: block;position: absolute;bottom:0;left: 480px;z-index: 1;}
.news_l:after{content:'';position:absolute;height:4px;width: 450px;background:#e5e5e5;bottom:13px;left: -480px;}
.news1 .news_r{height: 32px;width: 32px;background: url(../images/news_r.png) no-repeat;display: block;position: absolute;bottom:0;right: 480px;z-index: 1;}
.news_r:after{content:'';position:absolute;height:4px;width: 450px;background:#e5e5e5;bottom:13px;right: -480px;}

@media screen and (max-width:1401px) {
  .nswbox{width:1200px;padding-left: 0px;}
}

/**/
.aboutbj{max-height:845px; font-family: "Microsoft Yahei";position: relative; overflow: hidden;box-sizing: border-box;min-width: 1366px;max-width: 1920px;margin:0 auto}
.aboutbj img{width:100%;display: block;}
.about{width: 26%;position: absolute;left:50%;margin-left:-37%;top:55px;}
.about h2{font-size:70px;color:#fff;margin-bottom: 30px;line-height: 135px;}
.about h2 p{line-height: 22px;color: #ffffff; font-size: 15px;font-family: "Microsoft Yahei"; font-weight: normal;}
.about li{padding:25px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);position: relative;font-family: "Microsoft Yahei";}
.about li b{color:#ffcd05; font-size: 90px; line-height: 90px; display: block;}
.about li i{display: block;font-size:24px;color:#fff;position: absolute;}
.about li h3{font-size: 40px;color:#fff;position: absolute;}
.abt1 h3{left:36%;top:40px;}
.abt1 i{left:36%;top:85px}
.abt2 b{margin-left:30%;}
.abt2 h3{left:0px;top:40px;}
.abt2 i{right:0;top:85px}
.abt3 em{position: absolute; font-size: 30px;color:#ffcd05;left:45.2%;top:20px;font-weight: bold;}
.abt3 h3{right:0;top:75px;}
.abt3 i{right:0;top:30px}
.about li:last-child{border-bottom: 0;}

 @media screen and (max-width:1366px) {
.about li{padding:0px 0;}
.about li b{ font-size: 60px; }
.about li i{font-size:18px;}
.about li h3{font-size: 30px;}
.abt1 h3{left:36%;top:30px;}
.abt1 i{left:36%;top:60px}
.abt2 b{margin-left:30%;}
.abt2 h3{left:0px;top:30px;}
.abt2 i{right:0;top:60px}
.abt3 em{left:42%;}
.abt3 i{top:20px}
.abt3 h3{top:60px;}
}
@media screen and (min-width:1367px) and (max-width:1600px) {
.about li{padding:0px 0;}
.about li b{ font-size: 60px; }
.about li i{font-size:18px;}
.about li h3{font-size: 30px;}
.abt1 h3{left:36%;top:30px;}
.abt1 i{left:36%;top:60px}
.abt2 b{margin-left:30%;}
.abt2 h3{left:0px;top:30px;}
.abt2 i{right:0;top:60px}
.abt3 em{left:42%;}
.abt3 i{top:20px}
.abt3 h3{top:60px;}
}
@media screen and (min-width:1601px) and (max-width:1780px) {
 .about li{padding:0px 0;}
.about li b{ font-size: 60px; }
.about li i{font-size:18px;}
.about li h3{font-size: 32px;}
.abt1 h3{left:36%;top:20px;}
.abt1 i{left:36%;top:52px}
.abt2 b{margin-left:30%;}
.abt2 h3{left:0px;top:30px;}
.abt2 i{right:0;top:52px}
.abt3 em{left:42%;}
.abt3 i{top:20px}
.abt3 h3{top:55px;}

}

/*友情链接*/
.link{height:0;line-height:20px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 15px;color: #000;}
.link_c{width:1200px;position: absolute;left: 0;top: -38px;height:30px;overflow: hidden;text-align: center;}
.link a{display: inline-block;color: #000;padding: 0 8px;}


/* @-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #fff;}50% {box-shadow:0 0 12px #fff;}100%{box-shadow:0 0 5px #fff;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #fff;}50% {box-shadow:0 0 12px #fff;}100% {box-shadow:0 0 5px #fff;}} */

@-webkit-keyframes buttonHover{
    0% {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
    50% {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
@keyframes buttonHover{
    0% {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
    50% {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(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);
        }
      }