@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}

.titis{height:100px;background:url(../images/ico1.png) no-repeat center bottom;text-align:center;}
.titis h2 {color: #333333;height:54px;line-height:54px;font-size:42px;font-weight: normal;text-align: center;}
.titis h2 a {color: #333333;}
.titis p{font-size:18px;color: #333333;line-height:29px;height:29px;text-align: center;}


.yz_bj{background: #f2f2f3;height: 370px;}
.yz_c{height:279px;background:#fff;z-index:9;position: relative;}
.yz_c dt{float:left;background: #0277d6 url(../images/yz_ico1.png) no-repeat 61px 53px;height: 333px;margin-top:-54px;width:300px;box-sizing: border-box;padding:117px 0 0 59px;}
.yz_c dt h2 {height: 61px;line-height: 61px;font-size:42px;color: #fff;margin-bottom:13px;}
.yz_c dt span{display: block;text-transform: uppercase;font-size:30px;color:rgba(255,255,255,0.5);height: 40px;line-height: 40px;}
.yz_c dt em{font:12px arial;color:rgba(255,255,255,0.5);line-height: 18px;padding-top:4px;display: block;}
.yz_c dd {float:left;width:763px;padding:44px 0 10px 63px;background: url(../images/yz_ico2.png) no-repeat right bottom;}
.yz_c dd h3{font-size:28px;color:#333333;line-height:45px;font-weight: normal;height: 45px;margin-bottom:18px;}
.yz_c dd p{font-size:15px;color: #666666;line-height:26px;padding-bottom:12px;}


.xt_bj{background: url(../images/xt_bj.jpg) no-repeat center 271px;height: 1009px;padding-top:85px;box-sizing: border-box;}
.xt_nr{position: relative;margin-top:51px;}
.xt_nr dl{width:290px;position: absolute;overflow: hidden;}
.xt_nr dt{float:left;width:45px;}
.xt_nr dt img {width:45px;height: 45px;}
.xt_nr dd{float:left;width:228px;padding-left:15px;}
.xt_nr dd h4{height: 45px;line-height: 45px;font-size:24px;color: #333333;font-weight: normal;}
.xt_nr dd p{font-size:15px;color: #666666;line-height: 26px;padding-top:7px;}
.xt_nr dl:nth-child(2n) dt{float:right;}
.xt_nr dl:nth-child(2n) dd{padding:0 15px 0 0;text-align: right;}
.xt_nr dl:first-child{top:0;left:81px;}
.xt_nr dl:nth-child(2){top:0;right:81px;}
.xt_nr dl:nth-child(3){top:279px;left:-60px;}
.xt_nr dl:nth-child(4){top:279px;right:-60px;}
.xt_nr dl:nth-child(5){top:560px;left:81px;}
.xt_nr dl:nth-child(6){top:560px;right:81px;}

.pro_bj{height: 890px;background: #eef4f8;padding-top:84px;box-sizing: border-box;}
.pro_nr{margin-top:40px;}
/*.pro_nr ul{margin-left:-960px!important;position:relative;left:50%;}*/
.pro_nr li{float:left;width:32.5%;margin-right:1%;background: #0078b0;text-align: center;padding:70px 0 48px;box-sizing: border-box;height: 666px}
.pro_nr li h4 a{display: block;font-size:30px;color: #fff;font-weight: bold;height:45px;line-height:45px;text-align: center;}
.pro_nr li span{display: block;height: 30px;line-height: 30px;font-size:24px;color: #fff}
.pro_nr li em a{display: block;width:128px;height: 35px;line-height: 35px;text-align: center;text-align: center;font-size:16px;color: #fff;margin:26px auto;border-radius: 17px;border:1px solid #fff;}
.pro_nr li i{display: block;width:352px;height: 352px;overflow: hidden;margin:0 auto;}
.pro_nr li i img{width:352px;height: 352px;transition: all 0.5s;}
.pro_nr li p{font-size:0.75rem;color:#fff;line-height:28px;padding:0 5%;opacity:0;transition:0.5s;text-align:center;}
.pro_nr li:hover em a{background: #fff;color: #139cb5}
.pro_nr li:hover{background: #009fbf}
/*.pro_nr li:hover i img{transform: scale(1.1);}*/
.pro_nr li:hover p{opacity:1;}
.pro_nr li:last-child{margin:0;}

.fn_c{height: 938px;box-sizing: border-box;padding-top:82px;position: relative;}
.fn_c .tempWrap{width:1200px!important;}
.fn_nr{margin-top:40px!important;position: relative;overflow: hidden;}
.fn_nr dl{float:left;width:575px;height: 533px;border-bottom:1px solid #e6e7e7;margin-right:49px;}
.fn_nr dt{font-size:0;line-height: 0;width:575px;overflow: hidden;}
.fn_nr dt img{width:575px;height: 287px;transition: all 0.5s}
.fn_nr dd {padding:30px 30px 0;overflow: hidden;}
.fn_nr dd h4 a{height: 39px;line-height: 39px;font-size:24px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.fn_nr dd p{font-size:16px;color: #666666;line-height: 30px;padding-top:15px;}
.fn_nr dd em a{display: block;float:right;background: url(../images/fn_ico1.png) no-repeat;width:23px;height: 23px;margin-top:22px;}
.fn_nr dl:hover{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.fn_nr dl:hover em a{background: url(../images/fn_ico1_hv.png) no-repeat;}
.fn_nr dl:hover dt img{transform: scale(1.1);}
.fn_nr dl:last-child{margin:0;}
.fn_j1,.fn_j2{position: absolute;top:454px;background: #cccccc;border-radius: 50%;font-size: 0;line-height: 0;cursor: pointer;}
.fn_j1{left:-87px;}
.fn_j2{right:-80px;}
.fn_j1:hover,.fn_j2:hover{background: #0277d6}
.fn_btn1{width:224px;height:48px;position:relative;margin:48px auto 0;border:1px solid #333333;border-radius: 8px;}
.fn_btn1:after{width:0;content:"";display:block;height:50px;position:absolute;left:0;top:-1px;background:#0078b0;transition:all 0.5s;border-radius: 8px;}
.fn_btn1 a{width:224px;height: 48px;text-align: center;line-height: 48px;font-size:18px;color: #333333;display: block;position:relative;z-index:2}
.fn_btn1:hover:after{width:100%;}
.fn_btn1:hover{border:1px solid #0078b0;}
.fn_btn1:hover a{color:#fff;}

.dz_bj{background:url(../images/dz_bj.jpg) no-repeat center top;height: 840px;box-sizing: border-box;padding-top:84px;background-size:100% 100%;}
.dz_nr{margin-top:40px;height: 427px;}
.dz_nr li{float: left;width:231px;height: 427px;background: #fff;margin-right: 11px;box-sizing: border-box;padding-top:50px;transition: all 0.5s;}
.dz_nr li i{width:101px;height: 101px;display: block;margin:0 auto;transition: all 0.5s;}
.dz_nr li:nth-child(1) i{background: url(../images/dz_img1.png) no-repeat;}
.dz_nr li:nth-child(2) i{background: url(../images/dz_img2.png) no-repeat;}
.dz_nr li:nth-child(3) i{background: url(../images/dz_img3.png) no-repeat;}
.dz_nr li:nth-child(4) i{background: url(../images/dz_img4.png) no-repeat;}
.dz_nr li:nth-child(5) i{background: url(../images/dz_img5.png) no-repeat;}
.dz_nr li:nth-child(1):hover i{background: url(../images/dz_img1_hv.png) no-repeat;}
.dz_nr li:nth-child(2):hover i{background: url(../images/dz_img2_hv.png) no-repeat;}
.dz_nr li:nth-child(3):hover i{background: url(../images/dz_img3_hv.png) no-repeat;}
.dz_nr li:nth-child(4):hover i{background: url(../images/dz_img4_hv.png) no-repeat;}
.dz_nr li:nth-child(5):hover i{background: url(../images/dz_img5_hv.png) no-repeat;}
.dz_nr li h4{text-align: center;font-size:24px;color: #333333;height: 49px;line-height: 48px;position: relative;margin-top:24px;font-weight: normal;}
.dz_nr li p{font-size:15px;color: #333333;line-height: 28px;padding:22px 32px 0;}
.dz_nr li h4:after{width:17px;height: 1px;background: #999999;content: "";display: block;position: absolute;left:47%;bottom:0;}
.dz_nr li:hover{background: #0277d6;margin-top:-8px;}
.dz_nr li:hover h4,.dz_nr li:hover p{color: #fff;}
.dz_nr li:hover h4:after{background: #fff}
.dz_nr li:hover i{transform:rotate(360deg)}
.dz_nr li:last-child{margin-right:0;}


.anl{padding-top:84px;height: 828px;position: relative;}
.anl .tempWrap{width:1200px!important;}
.al_nr{margin-top:40px!important;position: relative;overflow: hidden;}
.al_nr dl{float:left;width:385px;height: 508px;border-bottom:1px solid #e6e7e7;margin-right:22px;}
.al_nr dt{font-size:0;line-height: 0;width:385px;overflow: hidden;}
.al_nr dt img{width:385px;height:288px;transition: all 0.5s}
.al_nr dd {padding:25px 36px 0;overflow: hidden;}
.al_nr dd h4 a{line-height: 32px;font-size:24px;color: #333333;font-weight: normal;height:64px;overflow:hidden;}
.al_nr dd p{font-size:16px;color: #666666;line-height: 30px;padding-top:9px;}
.al_nr dd em a{display: block;float:right;background: url(../images/fn_ico1.png) no-repeat;width:23px;height: 23px;margin-top:13px;}
.al_nr dl:hover{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.al_nr dl:hover em a{background: url(../images/fn_ico1_hv.png) no-repeat;}
.al_nr dl:hover dt img{transform: scale(1.1);}
.al_nr dl:last-child{margin:0;}
.al_j1,.al_j2{position: absolute;top:454px;background: #cccccc;border-radius: 50%;font-size: 0;line-height: 0;cursor: pointer;}
.al_j1{left:-87px;}
.al_j2{right:-80px;}
.al_j1:hover,.al_j2:hover{background: #0277d6}
.anl .fn_btn1 a{width:224px;}
.fn_btn1 em{padding-right:54px;background: url(../images/al_ico1.png) no-repeat right;}
.fn_btn1:hover em{background: url(../images/al_ico1_hv.png) no-repeat right;}


.ys_bj{background:url(../images/ys_bj.jpg) no-repeat center top;height: 780px;overflow-x:hidden;}
.yous{position: relative;}
.ys_nr dd{float:left;width:470px;padding-top:100px;}
.ys_nr dd h4{height: 121px;position: relative;}
.ys_nr dd h4 i{display: block;font-size:48px;height: 63px;line-height: 63px;font-weight: bold;color: #333333;}
.ys_nr dd h4 em{font-size:18px;color: #333333;height: 32px;line-height: 32px;font-weight: normal;}
.ys_nr dd h4:after{content: "";display: block;width:28px;height: 2px;background: #0174d9;position: absolute;left:0;bottom:0;}
.ys_nr dd span{display: block;padding-top:64px;font-size:12px;color: #a4a4a5}
.ys_nr dd span em{display: block;font-size:28px;color: #333333;height: 37px;line-height: 37px;}
.ys_nr dd span em i{display:inline-block;padding-right:15px;}
.ys_nr dd p{padding-top:22px;color: #666666;font-size:16px;line-height: 28px;}
.ys_nr dd img{margin-top:62px;}
.ys_nr dt{float:right;margin-right:-360px;font-size:0;line-height: 0;}
.ys_qh{width:78px;box-sizing: border-box;padding:8px 9px 8px 4px;position: absolute;left:562px;top:172px;background: #eef4f8;}
.ys_qh li{font-size:0;line-height: 0;margin-bottom:2px;position: relative;width:65px;height: 65px;}
.ys_qh li i{width:100%:height:100%;display: block;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;width:65px;height: 65px;}
.ys_qh li.on i{display: none}
.ys_j1,.ys_j2{font-size:0;line-height: 0;background: #333333;margin-bottom:2px;cursor: pointer;}
.ys_j1:hover,.ys_j2:hover{background: #0277d6}

.news{height:715px;padding-top:85px;}
.news .titis{margin-bottom:19px;}
.news .tit{height: 59px;line-height: 59px;overflow: hidden;}
.news .tit span{font:12px arial;color: #999999;line-height: 59px;}
.news .tit span a{font:24px "Microsoft Yahei";color: #333333;font-weight:bold;margin-right:7px;line-height: 59px;}
.news .tit em a{float:right;font:12px arial;color: #333333;text-transform: uppercase;line-height: 59px}
.dongt{float:left;width:564px;}
.dongt dl{height: 335px;border-bottom:1px solid #e8e8e8;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:564px;height: 189px;}
.dongt dd{padding-top:18px;}
.dongt dd h4 a{height:29px;line-height:29px;font-size: 18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd p{font-size:14px;color: #999999;line-height: 24px;padding-top:9px;}
.dongt dd em{display: block;font-size:14px;color: #333333;padding-top:5px;}
.dt_n{padding-top:13px;}
.dt_n li{height: 36px;line-height: 36px;font-size:14px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 24px 0 20px;background: url(../images/ns_ico2.jpg) no-repeat left center;}
.dt_n li a{color: #333}
.dt_n li em{float:right; font:14px arial;color: #999999;line-height: 36px;}
.wt_c{float:right;width:567px;}
.wt_nr dl{height:120px;margin-bottom:44px;}
.wt_nr dd{float:left;width:380px;}
.wt_nr dd h4 a{display: block;height: 37px;line-height: 37px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.wt_nr dd p{font-size:14px;padding-top:8px;color: #999999;line-height: 24px;}
.wt_nr dd em{font-size:14px;color: #333333;margin-top:5px;display: block;}
.wt_nr dt{float:right;font-size:0;line-height: 0;width:160px;height: 120px;}
.wt_nr dt img {width:160px;height: 120px;}


.ab_bj{height:1137px;overflow: hidden;background: url(../images/ab_bj.jpg) no-repeat center top;padding-top:84px;box-sizing: border-box;}
.about dl{height: 487px;background: #fff;overflow: hidden;margin-top:45px;}
.about dt{float:left;font-size:0;line-height: 0;width:698px;overflow: hidden;}
.about dt img {width:698px;height: 487px;}
.about dd {float:left;width:368px;padding:70px 0 0 70px;}
.about dd h3 a{display: block;height: 49px;line-height: 49px;font-size:24px;color: #333333;font-weight: normal;}
.about dd p{font-size:15px;color: #666666;line-height: 28px;padding-top:18px;height: 223px;overflow: hidden;}
.about dd em a{padding-right:53px;background: url(../images/ab_ico1.png) no-repeat right;display: inline-block;font-size:18px;color: #0174d9;height: 29px;line-height: 29px;transition:all 0.5s;}
.about dd em a:hover{margin-top:-8px;}
.zs_c{padding-top:29px;height: 370px}
.zs_c .tit{height:61px;line-height:61px;overflow: hidden;}
.zs_c .tit span{font:12px arial;color: #fff;line-height:61px;}
.zs_c .tit span a{font:24px "Microsoft Yahei";color: #fff;font-weight:normal;margin-right:7px;line-height:61px;}
.zs_c .tit em a{float:right;font:12px arial;color: #fff;text-transform: uppercase;line-height:61px}
.zs_nr{position: relative;}
.zs_nr li{float:left;font-size:0;line-height: 0;width:183px!Important;height: 240px;margin-right:20px;}
.zs_nr li img{height: 240px;width:183px;}
.zs_nr li:last-child{margin:0;}
.zs_j1,.zs_j2{width:59px;height: 59px;position: absolute;top:91px;cursor:pointer;}
.zs_j1{background: url(../images/ab_j1.png) no-repeat ;left:-80px;}
.zs_j2{background: url(../images/ab_j2.png) no-repeat ;right:-80px;}
.zs_j1:hover{background: url(../images/ab_j1_hv.png) no-repeat ;left:-80px;}
.zs_j2:hover{background: url(../images/ab_j2_hv.png) no-repeat ;right:-80px;}

@media screen and (min-width:1366px) {
    html {font-size: 10px;}}

@media screen and (min-width:1440px) {
    html {font-size: 14px;}}

@media screen and (min-width:1600px) {
    html {font-size: 18px;}}

@media screen and (min-width:1920px) {
    html {font-size:20px;}}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.85, .85, .85);
    transform: scale3d(.85, .85, .85);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.85, .85, .85);
    transform: scale3d(.85, .85, .85);
  }

  50% {
    opacity: 1;
  }
}

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