@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_c{height:682px;padding-top:57px;}
.yz_c .tit{text-align: center;height: 208px;}
.yz_c .tit h2{font-size:48px;color: #1a1a1a;height: 74px;line-height: 50px}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{padding-right:77px;background: url(../images/yz_a1.png) no-repeat right bottom;}
.yz_c .tit h2 span b{ color:#21499b}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:286px;margin-right:18px;height: 406px;position: relative;}
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:286px;}
.yz_nr dt em img{width:286px;height: 195px;transition: all 0.5s}
.yz_nr dd{height: 211px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:102px;top:145px;z-index: 9;transition:1s}
.yz_nr dd h4{padding-top:77px;height: 133px;background: url(../images/yz_a2.png) no-repeat center bottom;}
.yz_nr dd h4 span{display: block;height: 42px;line-height: 42px;font-size:32px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:20px;color: #1a1a1a;height: 27px;line-height: 27px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 308px}
.yz_nr dl:hover dd h4{padding-top:35px;height: 95px;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display: block;}
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:16px;color: #6e6e6e;line-height: 30px;padding-top:15px;width:240px;display: none}
.yz_nr dl:last-child{margin:0;}
.index-span {
    font-size: 50px;
    color: #d9d9d9;
    font-family: 'Roboto';
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #d9d9d9, #ececec,transparent);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.titis{overflow: hidden;text-align: center;height:144px;}
.titis h2 {height:67px;line-height:67px;font-size:48px;color: #333333;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px;}

.gui-sz{width:100%; height:158px;padding-top:43px; box-sizing: border-box;}
.gui-sz ul li{float:left; height:173px;}

.gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui-sz ul li:last-child{border-right:0;}
.about_nub1 {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
}





.gui-sz ul li {
    float: left;
    height: 173px;
}

.about_nub1 li {
    
    min-height: 120px;  width:37%; float:left; margin-left:3%
}
.about_nub1 li b div {
    font-size: 50px!important;
    color: #21499b!important; margin-bottom:0px!important; font-family:Arial, Helvetica, sans-serif!important; font-weight:bold; float:left; margin-right:3%
}
.about_nub1 li b span{ width:19px; height:19px; background:#d7161d; color:#fff; line-height:19px; text-align:center; border-radius: 50%; font-size:12px; display:inline-block; margin-top:20px }
.about_nub1 li b .imh{ display:inline-block; width:100%; float:left; text-align:center}

.about_nub1 li .intro {
    display: block;
    font-size: 16px;
    line-height: 27px; color:#181818!important; margin-top:5px; text-align:center
}.about_nub1 li span img {
    width: 30px!important;
    position: relative;
    top: 12px;
    margin-right: 5px;
    vertical-align: super;
}
.about_nub1 li b  {
    font-size: 0.9rem!important;
    color: #666!important;
    line-height: 55px!important;
    font-family: 'BEBAS'!important;
    margin-bottom: 5px!important;
    font-weight:normal!important;
    margin-right: 12px!important;
    letter-spacing: -1px!important; float:left; width:100%;
}

.about_nub1 li b .ikk{ width:100%; display:flex;justify-content: center }


.about_nub1 li .intro img{ width:20%}
.about_nub1 li b .imh img{ }
.about_nub1 li b div{ }
.quality-con-02{
    width: 100%;
    position: relative;
    margin-top: 60px;
    overflow: hidden;
}










.pro_n1{background: url(../images/pro_bj.jpg) no-repeat center top;height: 893px;box-sizing: border-box;padding-top:116px;}
.pro_n1 .content{position: relative;height: 717px}
.pro_n1 dt{font-size:0;line-height: 0;margin-left:-360px;float:left;width:960px;}
.pro_n1 dt img{width:960px;}
.pro_n1 dd{float: right;width:524px;padding-top:30px;}
.pro_n1 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro_n1 dd em{display: block;height: 38px;line-height: 33px;font-size:20px;color: #333333; padding-top:4%}
.pro_n1 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:38px;}
.pro_n1 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n1 dd span a:last-child{background: #ed1c22;margin:0;}
.pro_n1_l{position: absolute;right:0;bottom:0px;}
.pro_n1_l li{float:left;font-size:0;line-height: 0;width:408px;height: 306px;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;overflow: hidden;border:1px solid #f3f3f3;}
.
.pro_n1_l li i{display: block;font-size:0;line-height: 0;width:406px;overflow: hidden;}
.pro_n1_l li i img{width:406px;height: 228px;transition: all 0.5s}
.pro_n1_l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../images/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_n1_l li:last-child{margin:0;}
.pro_n1_l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_n1_l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n1_l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n1_l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_n1_l li:hover:after,.pro_n1_l li:hover a:after{width:100%;}
.pro_n1_l li:hover:before,.pro_n1_l li:hover a:before{height:100%;}
/*.pro_n1_l li:hover{border-color: #16397b}*/
.pro_n1_l li:hover i img{transform: scale(1.1)}
.pro_n1_l li:hover{border-color: #16397b}
.pro_n1_l li:hover span{background: url(../images/pro_ico1_hv.png) no-repeat right;}
.pro_n1_j1,.pro_n1_j2{position: absolute;top:124px;}
.pro_n1_j1 {left:-79px;}
.pro_n1_j2 {right:-79px;}


.pro_n2{height:818px;padding-top:82px;}
.pro_n2 .content{position: relative;height: 717px}
.pro_n2 dt{font-size:0;line-height: 0;margin-right:-360px;float:right;width:960px;}
.pro_n2 dt img{width:960px;height: 717px}
.pro_n2 dd{float:left;width:524px;padding-top:30px;}
.pro_n2 dd h4 a{display: block;height: 64px;line-height: 64px;font-size:48px;color: #2b2b2b;}
.pro_n2 dd em{display: block;height: 38px;line-height: 38px;font-size:20px;color: #333333;}
.pro_n2 dd p{font-size:16px;color: #666666;line-height: 28px;padding-top:34px;height: 120px;}
.pro_n2 dd span a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-right:5px;}
.pro_n2 dd span a:last-child{background: #ed1c22;margin:0;}
.pro_n2_l{position: absolute;left:0;bottom:0px;}
.pro_n2_l li{float:left;width:406px;border:1px solid #f3f3f3;height: 304px;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;}
.pro_n2_l li i{display: block;font-size:0;line-height: 0;width:406px;overflow: hidden;}
.pro_n2_l li i img{width:406px;height: 228px;transition: all 0.5s}
.pro_n2_l li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../images/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_n2_l li:last-child{margin:0;}
.pro_n2_l li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_n2_l li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n2_l li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_n2_l li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_n2_l li:hover:after,.pro_n2_l li:hover a:after{width:100%;}
.pro_n2_l li:hover:before,.pro_n2_l li:hover a:before{height:100%;}
.pro_n2_l li:hover{border-color: #16397b}
.pro_n2_l li:hover i img{transform: scale(1.1)}
.pro_n2_l li:hover span{background: url(../images/pro_ico1_hv.png) no-repeat right;}
.pro_n2_j1,.pro_n2_j2{position: absolute;top:124px;}
.pro_n2_j1 {left:-79px;}
.pro_n2_j2 {right:-79px;}


.pro_n3{background: url(../images/pro_bj2.jpg) no-repeat center top;height: 698px;padding-top:65px;box-sizing: border-box;}
.pro_qh{height: 72px;background: #21499b;}
.pro_qh li{float:left;width:25%;background: url(../images/pro_ico3.png) no-repeat right;height: 72px;line-height: 72px;text-align: center;position: relative;}
.pro_qh li a{font-size:24px;color: #fff;position: relative;z-index: 2;display: block;}
.pro_qh li img{vertical-align: middle;margin-right:8px;}
.pro_qh li:after{content:"";display: block;width:100%;height: 0;position: absolute;left:0;bottom:0;background: #ed1c22;transition: all 0.5s}
.pro_qh li.on:after{height: 100%}
.pro_qh li:first-child a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;left:-3px;top:-3px;transition: all 0.5s}
.pro_qh li:first-child a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;left:-3px;bottom:-3px;transition: all 0.5s}
.pro_qh li:last-child a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;right:-3px;top:-3px;transition: all 0.5s}
.pro_qh li:last-child a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2.png) no-repeat left top;position: absolute;right:-3px;bottom:-3px;transition: all 0.5s}
.pro_qh li:first-child.on a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;left:-3px;top:-3px;}
.pro_qh li:first-child.on a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;left:-3px;bottom:-3px;}
.pro_qh li:last-child.on a:after{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;right:-3px;top:-3px;}
.pro_qh li:last-child.on a:before{content:"";display: block;width:10px;height: 10px;background: url(../images/pro_ico2_hv.png) no-repeat left top;position: absolute;right:-3px;bottom:-3px;}
.pro_qh li:last-child{background: none}

.pro_nr{margin-top:27px;position: relative;}
.pro_nr .tempWrap{width:1205px!important;}
.pro_nr li{float:left;width:387px;height: 290px;border:1px solid #f3f3f3;background: #fff;margin-right:16px;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);transition: all 0.5s;position: relative;margin-bottom: 20px;}
.pro_nr li i{display: block;font-size:0;line-height: 0;width:387px;overflow: hidden;}
.pro_nr li i img{width:387px;height: 218px;transition: all 0.5s}
.pro_nr li:last-child{margin:0;}
.pro_nr li span{margin:16px 32px 0 30px;padding-right:34px;background: url(../images/pro_ico1.png) no-repeat right;height: 41px;line-height: 41px;font-size:20px;color: #333333;display: block;transition: all 0.5s}
.pro_nr li:hover span{background: url(../images/pro_ico1_hv.png) no-repeat right;}
.pro_nr li:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.pro_nr li:before{display: block;content: "";width:1px;height: 0%;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_nr li a:after{display: block;content: "";width:0%;height: 1px;background:#16397b;position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.pro_nr li a:before{display: block;content: "";width:1px;height:0%;background:#16397b;position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.pro_nr li:hover:after,.pro_nr li:hover a:after{width:100%;}
.pro_nr li:hover:before,.pro_nr li:hover a:before{height:100%;}
.pro_nr li:hover i img{transform: scale(1.1)}
.pro_n3_j1,.pro_n3_j2{position: absolute;top:124px;}
.pro_n3_j1{left:-99px;}
.pro_n3_j2{right:-99px;}


.min_t1{background: url(../images/tu1.jpg) no-repeat center top;height: 460px;box-sizing: border-box;padding-top:337px;}
.tu1 p{padding-left:58px;background: url(../images/ico1.png) no-repeat left 6px;font-size:16px;color:#fff;}
.tu1 p span{display: block;font-size:36px;font-weight: bold;line-height: 38px;}
.tu1 em{float: right;margin-top:15px;position:relative;z-index:9;}
.tu1 em a{display: inline-block;width:216px;height: 48px;background: #21499b;text-align: center;line-height: 48px;font-size:14px;color: #fff;margin-left:7px;}
.tu1 em a:last-child{background: #ed1c22}
.news .titis{ background:none}

.news .titis h2 span  {
    padding-right: 77px;
    background: url(../images/yz_a1.png) no-repeat right bottom;
}
.al_bj{background: url(../images/al_bj.jpg) no-repeat center bottom;height: 1297px;margin-top:84px;}
.anl .titis{height: 141px;overflow: hidden;}
.al_qh{height: 95px;background: #0455a6;}
.al_qh li{float:left;width:20%;text-align: center;height: 90px;line-height: 90px;position: relative;}
.al_qh li:after{content: "";display: block;width:100%;height:0px;background: url(../images/al_hv.jpg) no-repeat center top;position: absolute;left:0;top:0;transition: all 0.5s}
.al_qh li a{font-size:24px;color: #fff;position: relative;z-index: 2}
.al_qh li i{vertical-align:middle;display: inline-block;margin-right:10px;}
.al_qh li i img{vertical-align:text-bottom;}
.al_qh li.on:after,.al_qh li:hover:after{height: 100%}
.al_qh li.on a,.al_qh li:hover a{font-weight: bold;}
.al_nr{height: 800px;position: relative;margin-top:26px;}
.al_nr .tempWrap{overflow: visible!important;}
.al_nr li{float:left;width:1200px;position: relative;overflow: hidden;}
.al_nr li .al_y{width:100%;height: 675px;position: absolute;left:0;top:0;background: rgba(0,0,0,0.5);}
.al_nr li i{display: block;font-size:0;line-height: 0;width:1200px;overflow: hidden;}
.al_nr li i img{width:1200px;height: 675px;transition: all 0.5s}
.al_nr li .al_w{width:1129px;margin:-128px auto 0;height: 196px;background: #fff;position: relative;z-index: 2;box-sizing: border-box;padding:42px 34px 0 44px;box-shadow: 0 0 20px rgba(0,0,0,0.1);display: none;margin-bottom:20px;}
.al_nr li .al_w h4 a{display:block;height: 42px;line-height: 42px;font-size:26px;color: #000000;width:820px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr li .al_w p{font-size:16px;color: #4c4c4c;line-height: 26px;padding-top:10px;width:726px;}
.al_nr li .al_w em a{display: block;width:181px;height: 52px;background: #ed1c22;text-align: center;line-height: 52px;font-size:16px;color: #fff;position: absolute;right:43px;top:72px;}
.al_nr li.active{opacity:1;}
.al_nr li.active .al_w{display:block;}
.al_nr li.active .al_y{display: none}
.al_nr li i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_nr li:hover i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_nr li:hover i img{transform: scale(1.1);}
.al_j1,.al_j2{position: absolute;top:309px;}
.al_j1{left:-100px}
.al_j2{right:-100px}

.hz_c{position: relative;height: 200px;}
.hz_c .tempWrap{width:1200px!important;}
.hz_c li{float:left;width:210px;margin-right:37px;text-align: center;}
.hz_c li i{display: block;font-size:0;line-height: 0;width:208px;overflow: hidden;border:1px solid #c1c1c1;}
.hz_c li i img{width:208px;height: 117px;transition: all 0.5s}
.hz_c li span{display: block;font-size:16px;color: #000000;margin-top:6px;}
.hz_c li:last-child{margin:0;}
.hz_c li:hover i img{transform: scale(1.1);}
.hz_j1,.hz_j2{position: absolute;top:34px;}
.hz_j1{left:-41px;}
.hz_j2{right:-41px;}





.news{padding-top:0;height:800px; padding-bottom:8%}
.news .tit{height: 67px;line-height: 67px;position: relative;}
.news .tit span a{font-size:24px;color: #1a4293;font-weight: bold;}
.news .tit i{font:12px arial;color: #999999;text-transform: uppercase;}

.news .tit:after{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:112px;top:38px;}
.news .tit:before{content: "";display: block;width:393px;height: 1px;background: #cccccc;position: absolute;left:812px;top:38px;}

.news .tit em a{float:right;font-size:14px;color: #666666;line-height:67px;box-sizing: border-box;padding-top:4px;text-transform: uppercase;}
.news .tit em a:hover{color:#004cab;}
.dongt{float:left;width:568px;}

.dt_a1 dl{height: 404px;}
.dt_a1 dt{font-size:0;line-height: 0;}
.dt_a1 dt img {width:568px;height: 267px;}
.dt_a1 dd{padding-top:14px;}
.dt_a1 dd h4 a{display: block;height: 33px;line-height: 33px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dt_a1 dd p{font-size:16px;color: #808080;line-height: 24px;padding-top:9px;}
.dt_a1 dd p a{color: #808080;}
.dt_a1 dl:hover dd h4 a{color: #21499b}
.dt_a1 li{height: 36px;line-height: 36px;}
.dt_a1 li a{font-size:16px;color: #333333;display:block;height:30px;}
.dt_a1 li span {float:right;font-size:14px;color: #333333}
.dt_a1 li a:hover{color: #004cab}

.went{float:right;width:582px;}
/*.news .went .tit:after{content: "";display: block;width:218px;height: 1px;background: #cccccc;position: absolute;left:297px;top:38px;}*/
.went dl{height: 153px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;}
.went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.went dt em{width:105px;height: 30px;display: inline-block;background: #ed1c22;text-align: center;line-height: 30px;font-size:16px;color: #fff;margin-right:15px;border-radius:4px;vertical-align: top;}
.went dt a{font-size:22px;color: #333333;}
.went dd {padding-top:17px;}
.went dd p {font-size:16px;color: #808080;line-height: 24px;}
.went dd a{color: #004cab;font-size:16px;margin-top:12px;display: block;}
.went dl:hover dt a{color: #004cab}
.went ul{height: 176px;overflow: hidden;}
.went li a{display: block;height:36px;line-height:36px;font-size:16px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/ns_ico2.jpg) no-repeat right;}
.went li a:hover{background: url(../images/ns_ico2_hv.png) no-repeat right;color: #004cab}
.wt_mo{font-size:0;line-height: 0;}
.wt_mo span {float:right;width:172px;height: 157px;background:#21499b;text-align: center;box-sizing: border-box;display: block;}
.wt_mo span a{font-size:18px;color: #fff;padding-bottom: 34px;display:block;background: url(../images/ns_ico4.png) no-repeat center bottom;margin-top:50px;line-height: 30px;transition: all 0.5s}
.wt_mo span a:hover{margin-top:45px;}


.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 958px;box-sizing: border-box;padding-top:160px;}
.ab_c dl{height: 554px;overflow: hidden;}
.ab_c dd{float:left;width:410px;}
.ab_c dd h2 a{display: block;height: 73px;line-height: 73px;font-size:48px;color: #000000;}
.ab_c dd em{display: block;font-size:16px;color: #000000;height: 28px;line-height: 28px;margin-top:12px;font-weight: bold;}
.ab_c dd p{font-size:16px;color: #818181;line-height: 28px;padding-top:138px;height: 182px;}
.ab_c dd i a{display: block;width:216px;height: 48px;line-height: 48px;background: #ed1c22;text-align: center;font-size:14px;color: #fff;transition: all 0.5s}
.ab_c dd i a:hover{margin-top:-8px;}
.ab_c dt{font-size:0;line-height: 0;float: right;width:700px;overflow: hidden;position: relative;margin-top:52px;}
.ab_c dt img{width:700px;height: 411px;transition: all 0.5s}
.ab_c dl:hover dt img{transform: scale(1.1)}
.ab_c dl dt:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.ab_c dl:hover dt:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.ab_c li{float:left;padding-top:56px;position: relative;margin-right:196px;}
.ab_c li p{height: 69px;line-height: 69px;overflow: hidden;position: relative;padding-right:10px;}
.ab_c li p em{font-size:72px;color: #21499b;font-weight: bold;letter-spacing: -1px}
.ab_c li p i{width:28px;height: 28px;background: #ed1c22;text-align: center;line-height: 28px;font-size:16px;color: #fff;font-weight: bold;position: absolute;right:0;top:0;border-radius: 50%;}
.ab_c li span{display: block;font-size:18px;color: #21499b;margin-top:8px;}
.ab_c li:after{content: "";display: block;width:0;height: 4px;background: #21499b;position: absolute;left:0;top:0;transition: all 0.5s}
.ab_c li:hover:after{width:125px;}
.ab_c li:last-child{margin:0;}


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

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



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






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

@media all and (max-width:850px){  
.news .tit:after{content: "";display: none!important;width:100%;height: 1px;background: #cccccc;position: absolute;left:0;top:38px;}

}