@charset "utf-8";
body{font-family:Arial, Helvetica, sans-serif}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}


.titis{height: 127px;text-align: center;background: url(../images/ico1.png) no-repeat center bottom;margin-bottom:46px;}
.titis h4{font-size:38px;color: #1f1f1f;font-weight: normal;height:71px;line-height:71px; font-family:Arial, Helvetica, sans-serif}
.titis h4 a {color: #1f1f1f}
.titis h4 span{color: #004ca1;font-weight:bold}
.titis h4 i{width:6px;height: 6px;background: #1f1f1f;border-radius: 50%;margin:0 18px; vertical-align: middle;display:inline-block;}
.titis p{height:32px;line-height: 32px;font-size:20px;color: #dfdfdf;}
.titis p em{color: #363636;padding:0 6px;}

.titis1{ width:100%; background:#4a5c6e; line-height:59px; text-align:center}
.titis1 h5{font-size:25px;color: #fff;font-weight: normal;line-height:59px;}



.yy_bj{height:388px;background: #f5f5f5;padding-top:92px;overflow: hidden;}
.yy_c li{float:left;width:235px;margin-right:86px;border-top:3px solid #616161;height:212px;padding-top:28px;box-sizing: border-box;}
.yy_c li span {display: block;height: 27px;line-height: 27px;font-size:20px;color: #2e2e2e;background: url(../images/yy_a1.png) no-repeat right;}
.yy_c li:hover span{color:#004ca1;}
.yy_c li em{display: block;padding-top:13px;height: 26px;line-height: 26px;font-size:14px;text-transform: uppercase;color: #333}
.yy_c li i{display: block;padding-top:22px;}
.yy_c li:last-child{margin:0;}
.yy_j{height: 30px;position: relative;text-align: center;}
.yy_j:after{content: "";display: block;width:100%;height: 1px;background: #e4e4e4;top:15px;position: absolute;left:0;}
.yy_j img{position:relative;z-index: 2}
.yyz{text-align: center;padding-top:23px;}

.sl_c{height: 711px;padding-top:72px;}
.sl_c1{height: 711px;padding-top:72px;}




.sl_c li{float:left;width:200px;overflow: hidden;position: relative;transition: all 0.25s; font-family:Arial, Helvetica, sans-serif}
.sl_c li b{position: absolute;width:200px;height:430px;background: rgba(29,29,29,0.6);left:0;top:0;text-align: center;box-sizing: border-box;padding-top:106px;}
.sl_c li b i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
.sl_c li b em{display: block;height: 27px;line-height: 27px;font-size:20px;color: #fff;font-weight: bold;}
.sl_c li b span{height: 67px;font-size:17px;color: #fff;font-weight: bold;line-height: 22px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;}
.sl_c li b img{margin-top:51px;}
.sl_w{width:445px;height: 276px;background:rgba(0,76,161,0.77);position: absolute;left:79px;top:78px;padding:29px 0 0 29px;box-sizing: border-box;transform: scale(0);transition: all 0.3s}
.sl_w i{display: block;height: 26px;font-size:14px;color: #fff;line-height: 26px;}
.sl_w h4{height: 45px;line-height: 45px;font-size:18px;color: #fff;font-weight: bold;display: inline-block;border-bottom:1px solid #4b90de;}
.sl_w span {display: block;font-size:15px;color: #fff;line-height: 22px;margin-top:36px; margin-right:30px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.sl_w img{margin-top:24px;display: block;}
.sl_c li.cur{width:600px;}
.sl_c li.cur b{transform: scale(0);}
.sl_c li.cur .sl_w{transform: scale(1);}

.pro_bj{background: url(../images/pro_bj.jpg) no-repeat center top;height:1135px;padding-top:64px;}
.pro .titis{background: url(../images/pro_tt.png) no-repeat center bottom}
.pro .titis h4 a {color: #fff}
.pro .titis h4 span{color: #004ca1;}
.pro .titis h4 i{background: #fff;}
.pro .titis p{color: #454343;}
.pro .titis p em{color: #fff;font-size:18px;}
.pro_qh{height: 63px;background: #292929;}
.pro_qh li{float:left;width:400px;line-height: 63px;padding:0 32px 0 76px;box-sizing: border-box;font-size:20px;color: #8b8b8b;font-weight: bold;}
.pro_qh li a{color: #8b8b8b;display: block;}
.pro_qh i{display: inline-block;float: right;width:15px;height: 10px;margin-top:27px;background: url(../images/pro_a2.png) no-repeat;}
.pro_qh li.on{color: #fff;}
.pro_qh li.on a{color: #fff;}
.pro_qh li.on i{background: url(../images/pro_a2_hv.png) no-repeat;}
.pro_qh li:nth-child(1){background: url(../images/pro_ico1.png) no-repeat 27px center;}
.pro_qh li:nth-child(2){background: url(../images/pro_ico2.png) no-repeat 27px center;}
.pro_qh li:nth-child(1).on{background:#004ca1 url(../images/pro_ico1_hv.png) no-repeat 27px center;}
.pro_qh li:nth-child(2).on{background:#004ca1 url(../images/pro_ico2_hv.png) no-repeat 27px center;}
.pro_qh span{float:left;width:400px;line-height: 63px;padding:0 32px 0 76px;box-sizing: border-box;font-size:20px;color: #8b8b8b;font-weight: bold;display:block;background: #1d1d1d}
.pro_qh span img {vertical-align: middle;padding-right:14px;}
.fenl{height: 56px;line-height: 56px;background: #303030;margin-bottom:33px;}
.fenl a{padding-left:18px;background: url(../images/pro_a1.png) no-repeat left center;font-size:16px;color: #9a9a9a;margin:0 40px 0 13px;}
.fenl a:hover{color:#fff;font-weight:bold;}
.pro_a li{float:left;width:392px;margin:0 12px 12px 0;font-size:0;line-height: 0;background: #fff}
.pro_a li i{display: block;width:392px;overflow: hidden;}
.pro_a li i img{width:392px;height: 294px;transition: all 0.5s}
.pro_a li span {float:left;width:262px;box-sizing: border-box;;padding-left:23px;height: 66px;border-top:1px solid #efefef;font-size:12px;color: #dcdcdc;line-height:18px;line-height:66px;}
.pro_a li span a {display:block;/*height: 24px;line-height: 24px;*/font-size:16px;color: #2b2b2b;}
.pro_a li:hover i img{transform: scale(1.1);}
.pro_a li:nth-child(3n){margin:0 0 12px 0;}


.yous{padding-top:79px;height: 1041px;overflow: hidden;}
.yous .titis{background: url(../images/ys_tt.png) no-repeat center bottom}
.ys_qh{height: 151px;background: #ececec;width:1004px;margin:0 auto;position: relative;z-index: 2}
.ys_qh li{float:left;width:251px;text-align: center;padding-top:17px;height: 151px;box-sizing: border-box;}
.ys_qh li i{width:53px;height: 51px;display: block;margin:0 auto;}
.ys_qh li span {display: block;font-size:24px;color: #1d1d1d;font-weight: bold;height: 34px;line-height: 34px;padding-top:20px;display: block;}
.ys_qh li em{font-size:12px;color: #3c3c3c;opacity: 0.12;}
.ys_qh li:nth-child(1) i{background: url(../images/ys_ico1.png) no-repeat;}
.ys_qh li:nth-child(2) i{background: url(../images/ys_ico2.png) no-repeat;}
.ys_qh li:nth-child(3) i{background: url(../images/ys_ico3.png) no-repeat;}
.ys_qh li:nth-child(4) i{background: url(../images/ys_ico4.png) no-repeat;}
.ys_qh li:nth-child(1).on i{background: url(../images/ys_ico1_hv.png) no-repeat;}
.ys_qh li:nth-child(2).on i{background: url(../images/ys_ico2_hv.png) no-repeat;}
.ys_qh li:nth-child(3).on i{background: url(../images/ys_ico3_hv.png) no-repeat;}
.ys_qh li:nth-child(4).on i{background: url(../images/ys_ico4_hv.png) no-repeat;}
.ys_qh li.on{background: #004ca1;}
.ys_qh li.on span{color: #fff;}
.ys_qh li.on em{color: #fff;opacity: 0.2;}
.ys_nr dl{position: relative;top:-61px;}
.ys_nr dt{font-size:0;line-height: 0;width:1200px;overflow: hidden;}
.ys_nr dt img {width:1200px;height: 529px;}
.ys_nr dd {padding-top:39px;}
.ys_nr dd i{float:left;width:122px;background: url(../images/ys_x.jpg) no-repeat right;}
.ys_nr dd p{float:right;width:1011px;}
.ys_nr dd p span {display: block;height: 53px;font-size:28px;color: #1c1c1c;font-weight: bold;background: url(../images/ys_a1.jpg) no-repeat left bottom;margin-bottom:32px;}
.ys_nr dd p em {padding-left:19px;background:url(../images/ys_a2.jpg) no-repeat left center;font-size:18px;color: #1c1c1c;display: inline-block;height: 32px;line-height: 32px;margin-right:20px;}


.al_bj{background: #f6f6f6;padding-top:52px;height: 774px;}
.anl .titis {background: url(../images/al_tt.png) no-repeat center bottom;}
.anl .titis p{color: #363636;font-size: 18px}
.al_qh{float:left;width:234px;}
.al_qh li{height: 105px;border-left:4px solid #e8e8e8;margin-bottom:3px;padding-left:28px;background:#fff url(../images/al_ico2.png) no-repeat 28px 78px;font-weight:bold}
.al_qh li i{display: block;font-size:16px;color: #adadad;height: 21px;line-height: 21px;padding-top:16px;}
.al_qh li span{display:block;height:32px;line-height:32px;font-size:20px;color:#2b2b2b;}
.al_qh li.on,.al_qh li:hover{background: #004ca1 url(../images/al_ico2_hv.png) no-repeat 28px 78px;border-color:#171717}
.al_qh li.on i,.al_qh li.on span,.al_qh li:hover i,.al_qh li:hover span{color: #fff}
.al_nr{float:right;width:955px;}
.al_a {position: relative;height: 537px;}
.al_a i{display: block;font-size:0;line-height: 0}
.al_a i img {width:955px;height: 537px;}
.al_a p{position: absolute;width:100%;height: 83px;position: absolute;left:0;bottom:0;background: rgba(37,37,37,0.9);box-sizing: border-box;padding:0 26px 0 23px;}
.al_a p img{border-radius: 50%;border:3px solid #fff;margin-top:-65px;float:left;width:124px;height:124px;}
.al_a p span {float:right;width:757px;}
.al_a p span a{display: block;line-height: 83px;font-size:18px;color: #fff;background: url(../images/al_ico1.png) no-repeat right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ns_bj{background: url(../images/bg2.jpg) no-repeat center top;height: 805px;padding-top:85px;}
.news .titis{background: url(../images/ns_tt.png) no-repeat center bottom}
.news .titis h4 a {color: #fff}
.news .titis h4 span{color: #004ca1;}
.news .titis h4 i{background: #fff;}
.news .titis p{color: #454343;}
.news .titis p em{color: #fff;font-size:18px;}
.ns_nr{background: #f7f7f7;height: 506px;overflow: hidden;}
.ns_c{float:left;width:400px;padding:36px 38px 0;height: 506px;box-sizing: border-box;}
.ns_c .tit{height: 77px;overflow: hidden;}
.ns_c .tit span{display: block;padding-left:42px;background: url(../images/ns_ico1.png) no-repeat left 5px;width:230px;}
.ns_c .tit span a {font-size: 24px;color: #373737;font-weight: bold;height: 33px;line-height: 33px;display: block;}
.ns_c .tit em {font-size:12px;color: #d1d1d1;text-transform: uppercase;}
.ns_c .tit i{float:right;padding-top:5px;position: relative;z-index: 3}
.ns_c .tit i a{background: url(../images/ns_a1.png) no-repeat left 0;width:27px;height: 27px;display: inline-block;}
.ns_c dt{font-size:0;line-height: 0;width:324px;overflow:hidden;}
.ns_c dt img{width:324px;height: 182px;transition:all 0.5s;}
.ns_c dd {padding-top:38px;}
.ns_c dd h4 a{display: block;height: 32px;line-height: 32px;font-size:16px;color: #373737;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_c dd p{padding-top:19px;font-size:16px;color: #828282;line-height: 30px;}
.ns_c dd em {font-size:12px;color: #828282;display: block;padding-top:15px;}
.ns_c dl:hover dt img{transform:scale(1.1);}
.ns_nr .on{background: #eeeded}
.ns_nr .on .tit span a {color: #004ca1}
.ns_nr .on .tit i a{background: url(../images/ns_a1_hv.png) no-repeat;} 
.ns_c:nth-child(2) .tit span {background: url(../images/ns_ico2.png) no-repeat;}
.ns_c:nth-child(3) .tit span {background: url(../images/ns_ico3.png) no-repeat;}
.ns_nr .on:nth-child(1) .tit span {background: url(../images/ns_ico1_hv.png) no-repeat;}
.ns_nr .on:nth-child(2) .tit span {background: url(../images/ns_ico2_hv.png) no-repeat;}
.ns_nr .on:nth-child(3) .tit span {background: url(../images/ns_ico3_hv.png) no-repeat;}


.about{overflow: hidden;}
.about .titis{background: url(../images/ab_tt.png) no-repeat center bottom;}
.about .titis p {font-size:18px;}
.ab_t{width:1200px;margin:0 auto;}
.ab_w{width:1200px;padding:40px 51px 0 51px;background: url(../images/ab_ico1.jpg) no-repeat center 101px;text-align: center;margin:0 auto;}
.ab_w h2 a{font-size:24PX;color: #252525;font-weight: normal;height: 35px;line-height: 35px;}
.ab_w p{padding-top:38px;font-size:16px;color: #505050;line-height: 30px;}

.xc_bj{background: #f6f6f6;height: 428px;}
.xc_qh{height:78px;width:651px;background: #2e2e2e;overflow: hidden;position: relative;top:-37px;margin:0 auto;}
.xc_qh li{float:left;width:217px;height: 78px;text-align: center;}
.xc_qh li i{display: inline-block;margin:22px 13px 0 0;vertical-align: top;width:37px;height: 33px;overflow: hidden;}
.xc_qh li:nth-child(1) i{background:url(../images/xc_ico1.png) no-repeat;}
.xc_qh li:nth-child(2) i{background:url(../images/xc_ico2.png) no-repeat;}
.xc_qh li:nth-child(3) i{background:url(../images/xc_ico3.png) no-repeat;}
.xc_qh li:nth-child(1).on i{background:url(../images/xc_ico1_hv.png) no-repeat;}
.xc_qh li:nth-child(2).on i{background:url(../images/xc_ico2_hv.png) no-repeat;}
.xc_qh li:nth-child(3).on i{background:url(../images/xc_ico3_hv.png) no-repeat;}
.xc_qh li span{display: inline-block;padding-top:20px;text-align:left;font-size:12px;color: #535353;text-transform: uppercase;}
.xc_qh li span em{display: block;font-size:18px;color: #fff;height: 23px;line-height: 23px;}
.xc_qh li.on{background: #004ca1}
.xc_qh li.on span{color: #d54545}
.xc_nr{padding-top:16px;overflow: hidden;}
.xc_nr li{float:left;width:281px;overflow: hidden;margin-right:25px;}
.xc_nr li span {display: block;background: #fff;height: 60px;padding:0 16px;line-height: 60px;font-size:16px;color: #171717;}
.xc_nr li span img {float:right;padding-top:17px;}
.xc_nr li i{display: block;font-size:0;line-height: 0;width:281px;overflow: hidden;}
.xc_nr li i img{width:281px;height: 211px;transition: all 0.5s}
.xc_nr li:hover i img{transform: scale(1.1);}
.xc_nr li:last-child{margin:0;}

.tt_c{padding-top:80px;height: 441px;}
.tt_fl{float:left;width:613px;}
.tt_btn1 em{width:136px;height: 31px;border:1px solid #004ca1;line-height: 31px;text-align: center;display: inline-block;vertical-align:top;border-right:0;font-size:16px;color: #004ca1;}
.tt_fl p{padding-top:18px;height: 88px;}
.tt_fl p span{height: 34px;line-height: 34px;display: block;font-size:24px;color: #292929;}
.tt_fl p em{display: block;font-size:12px;color: #d7d7d7;}
.tt_fl dl{padding:6px 0;height: 102px;width:543px;border:1px solid #ebebeb;border-width: 1px 0}
.tt_fl dt{float:left;font-size:0;line-height: 0;}
.tt_fl dt img {width:152px;height: 102px;}
.tt_fl dd {float:right;width:365px;font-size:28px;color: #2d2b2b;line-height:42px;font-weight: bold;padding-top:5px;}
.tt_fl dd span {display:block;font-size:36px;color: #004ca1}
.tt_z{padding-top:37px;}
.tt_fr{float:right;font-size:0;line-height: 0;}





/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:768px){  


.titis h4 {
    font-size:20px;
    color: #1f1f1f;
    font-weight: normal;
    height:35px;
    line-height: 35px;
}



.titis p {
display:none; 
}


.titis b {
display:none; 
}

.titis {
    height:auto; padding-bottom:20px;
    text-align: center;
    background: url(../images/ico1.png) no-repeat center bottom;
    margin-bottom:20px;
}

.sl_c1 {
    height:auto;
    padding-top: 72px;
}.index_pro01{ width:95%; margin:0 auto}
.news .titis p em {
    color: #fff;
    font-size: 16px;
}.ns_nr{ width:100%}

.ns_bj {
    background: url(../images/bg2.jpg) no-repeat center top;
    height: 1605px;
    padding-top: 85px;
}

.ns_nr {
    background: #f7f7f7;
    height: 1506px;
    overflow: hidden;
}

.ns_c {
    float: left;
    width: 100%;
    padding: 5%;
    height: 456px;
    box-sizing: border-box;
}

.ns_c .tit span {
    display: block;
    padding-left: 10%;
    background: url(../images/ns_ico1.png) no-repeat left 5px;
    width: 90%;
}
.ns_c dt {
    font-size: 0;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}
.ns_c dt img {
    width: 100%;
    height: 182px;
    transition: all 0.5s;
}

.ns_c dd p {
    padding-top: 3px;
    font-size: 14px;
    color: #828282;
    line-height: 30px;
}
.ns_nr {
    /* background: #f7f7f7; */
    height: 1356px;
    overflow: hidden;
}





.sl_c li{float:left;width:100%;overflow: hidden;position: relative;transition: all 0.25s}
.sl_c li b{position: absolute;width:200px;height:auto;background: rgba(29,29,29,0.6);left:0;top:0;text-align: center;box-sizing: border-box;padding-top:0px;}
.sl_c li b i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
.sl_c li b em{display: block;height: 27px;line-height: 27px;font-size:20px;color: #fff;font-weight: bold;}
.sl_c li b span{height:auto;font-size:18px;color: #fff;font-weight: bold;line-height: 30px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;}
.sl_c li b img{margin-top:20px;}
.sl_w{width:100%;height:auto;background:rgba(0,76,161,0.77);position: absolute;left:79px;top:78px;padding:29px 0 0 29px;box-sizing: border-box;transform: scale(0);transition: all 0.3s}
.sl_w i{display: block;height: 26px;font-size:14px;color: #fff;line-height: 26px;}
.sl_w h4{height: 45px;line-height: 45px;font-size:30px;color: #fff;font-weight: bold;display: inline-block;border-bottom:1px solid #4b90de;}
.sl_w span {display: block;font-size:16px;color: #fff;line-height: 28px;margin-top:36px; margin-right:30px; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.sl_w img{margin-top:24px;display: block;}
.sl_c li.cur{width:600px;}
.sl_c li.cur b{transform: scale(0);}
.sl_c li.cur .sl_w{transform: scale(1);}
}