@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:109px;overflow: hidden;text-align: center;background: url(../images/ico2.png) no-repeat center bottom;}
.titis h2 {height:52px;line-height:52px;font-size:36px;color: #333333;font-weight: normal;}
.titis h2 a{color: #333333}
.titis h2 em{color: #037eda;font-weight: bold;}
.titis span{display:block;font-size:18px;color:#808080;height:30px;line-height:30px;padding-top:4px;}

.yz_bj{margin-top:65px;height:388px;background: url(../images/yz_bj2.jpg) no-repeat center bottom;}
.yz_c dl{padding:28px 0 0;height:90px}
.yz_c dd{font-size:16px;color: #666666;line-height: 28px;text-align: center;}
.yz_c li{float:left;box-sizing: border-box;margin-right:120px;padding-right:120px;}
.yz_c li p{height: 52px;line-height: 52px;text-align: center;}
.yz_c li p em{font-size:50px;color: #037edb;vertical-align: top;}
.yz_c li p i{display: inline-block;text-align: center;font-size:14px;color: #037edb;height: 24px;line-height:24px;font-weight: bold;}
.yz_c li span{font-size:18px;color: #333333;display: block;height: 26px;line-height: 26px;}
.yz_c li:last-child{margin:0;padding:0;background: none}


.fn_bj{background: #edf2f6;height: 1018px;box-sizing: border-box;padding-top:120px;}
.fn_nr{margin-top:66px;position: relative;height: 482px;}
.fn_nr li{float:left;width:290px;height: 450px;position: relative;margin-right:13px;}
.fn_nr li i{display: block;font-size:0;line-height: 0;width:290px;overflow: hidden;}
.fn_nr li i img{width:290px;height: 450px;border-radius: 8px;}
.fn_nr li:last-child{margin:0;}
.fn_nr li .fn_w{width:100%;height: 100%;box-sizing: border-box;background: url(../images/fn_n1.png) no-repeat center top;position: absolute;left:0;top:0;padding:36px 25px 0;border-radius: 8px;transition: all 0.5s}
.fn_nr li .fn_w h4 a{display: block;height: 40px;line-height: 40px;font-size:24px;color: #fff;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fn_nr li .fn_w span{display: block;font-size:16px;line-height: 24px;padding-top:5px;color: #fff;}
.fn_nr li .fn_w p{font-size:14px;color: #fff;line-height: 26px;padding-top:30px;opacity: 0;transition: all 0.5s}
.fn_nr li .fn_w em a{display: block;width:118px;height: 44px;line-height: 44px;border-radius: 22px;text-align: center;background: #ffd700;font-size:15px;color: #053e85;margin-top:22px;opacity: 0;transition: all 0.5s}
.fn_nr li .fn_w b{position: absolute;left:0;bottom:34px;width:100%;text-align: center;transition: all 0.5s;animation: myfirst 2s infinite;}
.fn_nr li:hover .fn_w {background:rgba(3,126,218,0.7)}
.fn_nr li:hover .fn_w p,.fn_nr li:hover .fn_w em a{opacity: 1;}
.fn_nr li:hover .fn_w b{opacity:0;}
.fn_j1,.fn_j2{position:absolute;top:206px;}
.fn_j1{left:-62px;}
.fn_j2{right:-62px;}
.fn_d{height: 222px;}
.fn_d h4{text-align: center;height:59px;line-height: 42px;font-size:22px;color: #333333;font-weight: normal;}
.fn_d h4 a{color: #333}
.fn_d li{float:left;font-size:0;line-height: 0;border-radius: 50%;margin-right:14px;width: 137px;overflow: hidden;box-shadow: 0 0 13px rgba(0,0,0,0.1)}
.fn_d li img{width:137px;height: 137px;border-radius: 50%;}
.fn_d li img:hover{}
.fn_d li:last-child{margin:0;}
@keyframes myfirst
{10% {bottom:35px;}
20% {bottom:36px;}
30% {bottom:37px;}
40% {bottom:38px;}
50% {bottom:39px;}
60% {bottom:38px;}
70% {bottom:37px;}
80% {bottom:36px;}
90% {bottom:35px;}
100%{bottom:34px;}
}



.pro_bj{background:url(../images/pro_bj2.jpg) no-repeat center top;height: 1406px;box-sizing: border-box;padding-top:211px;}
.pro .titis{margin-bottom:40px;}
.fenl{float:left;width:285px;background:rgba(54,148,243,0.8);height: 504px;box-sizing: border-box;padding:21px 14px 0 0}
.fenl h3{position: relative;height:54px;/*border-bottom:1px solid #57c6f7;*/display: block;color: #fff;margin-bottom:10px;font-size:20px;line-height: 54px;font-weight: normal;background:rgba(255,255,255,0.2) url(../images/pro_a1.png) no-repeat 252px center;padding-left:34px;font-weight:bold;}
.fenl h3 a{display:block;width:80%;color: #fff;}
.fenl h3 i{float: right;height: 57px;width: 57px;background: url(../images/pro_a1.png) no-repeat right center;display: block;}

.fenl h3.sidenavcur{background:rgba(255,215,0,1) url(../images/pao_a1_hv.png) no-repeat 252px center;color:#333333;} 
.fenl h3.sidenavcur a{color:#333;}
.fenl h3:last-of-type a{margin:0;border:0;}
.fenl ul{padding:0 0 5px;/*border-bottom:1px solid #57c6f7;*/}
.fenl ul:last-of-type{border:0;}
.fenl li a{display: block;height:43px;line-height:43px;padding-left:58px;color: #fff;font-size:15px;margin-bottom:5px;}
/*.fenl li a:hover{background: #ffd700;color: #0b59a8;border-radius: 4px;}*/
.fenl li:last-of-type a{border:0;}
.pro_fr{float:right;width:896px;}
.pro_t{overflow: hidden;position: relative;}
.pro_t li{position: relative;width:896px;}
.pro_t li i{display: block;font-size:0;line-height: 0;width:896px;}
.pro_t li i img{width:896px;height: 504px;}
.pro_t li p{position: absolute;display: block;width:100%;box-sizing:border-box;padding:0 25px 0 33px;height:94px;background: rgba(0,19,62,0.7);left:0;bottom:0;}
.pro_t li p em{display: block;margin-top:20px;height: 31px;line-height: 31px;font-size:20px;color: #fff;}
.pro_t li p span{font-size:14px;color: #cfe4ef;line-height: 26px;}
.pro_j1,.pro_j2{position: absolute;top:242px;cursor: pointer;}
.pro_j1{left:54px;}
.pro_j2{right:33px;}
.pro_b{position: relative;margin-top:44px;}
.pro_b li{float:left;width:285px;margin-right:20px;position: relative;height: 276px;background: #fff;text-align: center;}
.pro_b li i{display: block;font-size:0;line-height: 0;width:285px;overflow: hidden;}
.pro_b li i img {width:285px;height:161px;transition: all 0.5s}
.pro_b li h4{display: block;height:27px;line-height:27px;font-size:16px;color: #465063;margin-top: 16px;text-align: center;font-weight: normal;}
.pro_b li span {line-height: 24px;color: #7b93a3;font-size:14px;display: block;padding:0 10px;}
.pro_b li em{display: block;font-size:14px; color: #3694f3;margin-top:6px;}
.pro_b li:last-child{margin:0;}
.pro_b li:hover i img{transform: scale(1.1);}
.pro_d1,.pro_d2{position: absolute;top:122px;}
.pro_d1{left:-62px;}
.pro_d2{right:-62px;}
.pro_btn1{text-align: center;margin-top:54px;}
.pro_btn1 a{width:150px;height: 49px;text-align: center;line-height: 49px;border:1px solid #7b8f9e;border-radius: 25px;font-size:16px;color: #333333;display: inline-block;margin:0 7px;}
.pro_btn1 a:last-child{background: #ffcb00;border-color: #ffcb00;color: #534007}

.fw_c{padding-top:100px;height: 635px;}
.fw_qh{margin-top:40px;height: 246px;position: relative;}
.fw_qh:after{content: "";display: block;width:100%;height: 1px;background: #dddede;position: absolute;left:0;bottom:0;}
.fw_qh li{float:left;padding:0 31px;text-align: center;position: relative;height: 246px;background: url(../images/lc_a01.png) no-repeat right 63px;}
.fw_qh li:before{content: "";display: block;width:0%;height: 2px;background: #037bd8;position: absolute;left:50%;bottom:0;z-index: 2;transition: all 0.5s;}
.fw_qh li i{width:134px;height: 134px;border:1px solid #ddddde;margin:0 auto;border-radius: 50%;display: block;position: relative;transition: all 1s;}
.fw_qh li i img{position: absolute;left:50%;top:42px;transition: all 0.5s;margin-left:-31px;}
.fw_qh li i img:first-child{position: relative;z-index: 2;left:0;margin:0;}
.fw_qh li i img:last-child{transform: scale(0);opacity: 0}
.fw_qh li h4{font-size:24px;color: #333333;padding-top:22px;height: 35px;line-height: 35px;font-weight:normal;}
.fw_qh li em{font:12px arial;color: #999999;height: 18px;line-height: 18px;}
.fw_qh li.on i{background: #3694f3;border-color: #3694f3}
.fw_qh li.on i img:first-child{transform: scale(0);opacity: 0}
.fw_qh li.on i img:last-child{transform: scale(1);opacity: 1}
.fw_qh li.on:before{width:100%;left:0;}
.fw_qh li:last-child{background: none;padding:0 30px;}
.fw_nr{padding-top:28px;text-align: center;}
.fw_nr p span{display: block;height: 37px;line-height: 37px;font-size:24px;color: #333333;}
.fw_nr p em{display: block;width:773px;margin:0 auto;font-size:14px;color: #666666;line-height: 28px;padding-top:12px;}


.sl_bj{background: url(../images/sl_bj.jpg) no-repeat center top;height: 1347px;box-sizing: border-box;padding-top:75px;}
.sl_c .titis{background: url(../images/sl_ico1.jpg) no-repeat center bottom;}
.sl_c .titis h2,.sl_c .titis span{color: #fff;}
.sl_nr{padding-top:57px;}
.sl_nr dl{float:left;width:590px;position: relative;margin:0 20px 25px 0 }
.sl_nr dt{font-size:0;line-height: 0;width:334px;height: 452px;border:10px solid #bedcfa;}
.sl_nr dt img{width:334px;height: 452px;}
.sl_nr dd{width:294px;height: 392px;position: absolute;right:0;top:40px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.2);box-sizing: border-box;padding:70px 0 0 40px;}
.sl_nr dd h4{height: 53px;font-size:22px;color: #1a1a1a;line-height: 36px;background: url(../images/sl_ico1.jpg) no-repeat left bottom;}
.sl_nr dd p{font-size:14px;color: #1a1a1a;line-height: 26px;padding-top:27px;height: 142px;padding-right:20px;}
.sl_nr dd em{}
.sl_nr dl:nth-child(2n){margin:0 0 25px 0;}
.sl_nr dl:nth-child(2n) dt{float:right;}
.sl_nr dl:nth-child(2n) dd{left:0;}

.anl{padding:0 0 37px;overflow: hidden;}
.al_qh{padding-left:29px;height: 100px;padding-top:56px;width:1171px;}
.al_qh li{float:left;width:206px;}
.al_qh li i{position:relative;float:left;font-size:0;line-height: 0;width:51px;height: 51px;}
.al_qh li i img{position: absolute;left:0;top:0;border-radius: 50%;transition: all 0.5s;}
.al_qh li i img:first-child{position: relative;z-index: 2;}
.al_qh li i img:last-child{transform: scale(0);opacity: 0}
.al_qh li span{float:right;width:146px;font:12px arial;color: #999999;}
.al_qh li span em{display: block;font:20px "Microsoft Yahei";color: #333333;padding:5px 0;}
.al_qh li:last-child{width:133px;}
.al_qh li:last-child span{width:72px;}
.al_qh li.on i img:first-child{transform: scale(0);opacity: 0}
.al_qh li.on i img:last-child{transform: scale(1);opacity: 1}
.al_nr dl{float:left;width:24.25%;margin:0 1% 40px 0;}
.al_nr dt{position: relative;}
.al_nr dt i{font-size:0;line-height: 0;display:block;}
.al_nr dt i img{width:100%;}
.al_nr dt p{position: absolute;background: url(../images/al_a1.png) no-repeat;background-size: 100% 100%;width:100%;height: 0%;left:0;top:0;box-sizing: border-box;padding:0 5% 0 6%;overflow: hidden;transition: all 0.5s}
.al_nr dt p span{display: block;font-size:12px;color: #fff;line-height:24px;padding-top:2rem}
.al_nr dt p em a{display: block;width:133px;height: 41px;line-height: 41px;background:#ffcb00;text-align: center;font-size:18px;color: #333333;border-radius: 20px;margin-top:1rem;}
.al_nr dd h4 a{height: 66px;line-height: 66px;font-size:16px;color: #333333;padding:0 24px;font-weight: normal;display: block;position: relative;}
.al_nr dd h4 a:after{content:"";display:block;width:100%;height:1px;background:#d9d9d9;left:0;bottom:0;position:absolute;}
.al_nr dd h4 a:before{content:"";display:block;width:0%;height:1px;background:#308bf1;left:0;bottom:0;position:absolute;z-index: 2;transition: all 0.5s}
.al_nr dd h4 em{float:right;font-size:16px;color: #999999;padding-right:32px;background: url(../images/pro_ico1.png) no-repeat right;font-weight: normal;}
.al_nr dl:hover dd h4 a{color: #037bd8;font-weight:bold}
.al_nr dl:hover dd h4 a:before{width:100%;}
.al_nr dl:hover dd h4 em{color: #037bd8;background: url(../images/al_a1_hv.png) no-repeat right;}
.al_nr dl:hover dt p{height: 100%}
.al_nr dl:nth-child(4n){margin:0 0 40px 0;}
@media screen and (min-width:1440px) {
    html {font-size: 14px;}
    .al_nr dt p span{font-size:14px;line-height:30px;}
}

@media screen and (min-width:1600px) {
    html {font-size: 18px;}
    .al_nr dt p span{font-size:16px;line-height:30px;}
}

@media screen and (min-width:1920px) {
    html {font-size:20px;}
    .al_nr dt p span{font-size:16px;line-height:30px;}
}




.ns_bj{background: #f5f5f5 url(../images/ns_bj.jpg) no-repeat center top;height:1029px;box-sizing: border-box;padding-top:177px;}
.news .titis{margin-bottom:33px;}
.news .tit{height: 66px;line-height: 66px;}
.news .tit span a{font-size:24px;color: #333333}
.news .tit span img{vertical-align: top;padding:18px 9px 0 0;}
.news .tit span em{font:12px arial;color: #999999;padding-left:10px;display: inline-block;}
.news .tit i a{float: right;font:14px arial;color: #666666;padding-right:15px;background: url(../images/ns_ico1.png) no-repeat right;margin-top:30px;height: 18px;line-height: 18px;}
.dongt{float: left;width:557px;}
.dongt dl{height: 415px;border-bottom:1px solid #e3e3e3;margin-bottom:20px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:557px;height: 278px;}
.dongt dd{padding-top:20px;}
.dongt dd h4 a{display: block;height: 32px;line-height: 32px;font-size:20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dd p{font-size:14px;color: #777777;line-height: 26px;padding-top: 8px;}
.dongt li {padding-left:23px;background:url(../images/ns_ico3.png) no-repeat left center;height: 30px;line-height: 30px;}
.dongt li a{font-size: 16px;color: #333333;}
.dongt li span{float: right;font:14px arial;color: #999999;line-height: 30px;}
.went{float:right;width:559px;}
.went dl{height: 103px;margin-bottom:34px;}
.went dd{float: left;width:350px;padding-top:8px;}
.went dd h4 a{display: block;height: 29px;line-height: 29px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.went dd p{font-size:14px;color: #777777;line-height: 24px;padding-top:5px;}
.went dt{float:right;width:182px;font-size:0;line-height: 0;}
.went dt img{width:182px;height: 103px;}

.ab_bj{background: url(../images/ab_t1.jpg) no-repeat center top;height: 898px;box-sizing: border-box;}
.about{position: relative;}
.about dl{position: absolute;left:0;top:567px;padding-left:26px;}
.about dt{float:left;width:284px;height: 197px;background: #3492f3;box-sizing: border-box;padding:27px 0 0 44px;}
.about dt h2 a{font-size:42px;color: #fff;font-weight: bold;line-height: 52px;}
.about dt em a{display: block;font-size:16px;color: #fff;margin-top:13px;}
.about dd{float:left;width:890px;background: #fff;height: 197px;box-sizing: border-box;padding:32px 48px 0 56px;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.about dd h4{height: 35px;line-height: 35px;font-size:24px;color: #333333;}
.about dd span{display: block;font-size:18px;color: #333;height: 29px;line-height: 29px;}
.about dd p{font-size:14px;color: #666666;line-height: 24px;padding-top:18px;}
.about dl:after{content: "";display: block;width:26px;height: 26px;background: #ffcb00;position: absolute;left:0;bottom:-26px;}









@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }