.axasaxsa5{background-image: url(../image/proarticl.png); background-size: cover; background-repeat: no-repeat;}
.articont{margin: 0 auto; width: 1400px; transition: all .5s; padding: 40px 0; padding-top: 20px;}
.articont dt{width: 45%; float: left; overflow: hidden; border-radius: 5px;}
.articont dd{width: 51%; float:right;}
.articont dt img{width: 100%; height: 423px; }
.articont dd h2{font-size: 30px; line-height: 50px; margin-top: 40px; color: #fff;}
.articont dd i{color: #fff; font-size: 24px; line-height: 30px; background-color: rgba(54, 73, 115, .3);  font-style: normal;  padding: 5px 10px;border-radius: 3px; display:block;  width: 50%; float: left;}
.baozlink {margin: 10px 0;}
.baozlink a{float: left;display: block; font-size: 20px; padding: 5px 15px; border-radius: 5px;  color: #fff;  background-image: linear-gradient(#f69f98,#ef3332); margin-left: 40px; padding-right: 50px; position: relative; transition: all .5s;}
.articont dd dl dt{width: 50%; float: left;}
.articont dd dl dd{width: 50%; float: left;}
.baozlink a::after{content: '';display: block; width: 70px;height: 69px; background-image: url(../image/artikefu.png); background-size: cover; background-repeat: no-repeat; position: absolute; top: -16px; right: -30px;}
.baozlink a:hover{background-image: linear-gradient(#fb4446,#f69f98);}
.articont dd dl dt{ color: #232323;  padding: 10px 20px; border: 3px solid #98a0b7; border-radius: 5px;}
.articont dd dl{width: 80%; margin: 20px 0;background: rgba(54, 73, 115, .5); border-radius: 5px;}
.articont dd dl dt{width: 50%; font-size: 20px; }
.articont dd p{color: #fff; font-size: 20px; margin: 20px 0;}
.articont dd dl dt p{margin: 10px 0; text-align: center;}
.articont dd dl dt:first-of-type{border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.pranof-type{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.boxjisha{background-color: #fff; padding: 10px 0;}

.dingbut{margin: 0 auto; }
.dingbut ul{display: flex; justify-content: space-between; line-height: 45px;  margin: 20px 0; border-bottom: 1px solid #eee; padding-bottom: 26px;}
.dingbut a{font-size: 18px; display: block; color: #232323; border-radius: 3px; transition: all .5s;}


.proatimain{width: 1400px; margin: 30px auto;}
.proatimain dt{width: 68%; float: left;}
.proatimain dt h2{line-height: 60px; margin-bottom: 10px; position: relative;padding-left: 40px; font-size: 28px;}
.proatimain dt h2::after{content: ''; display: block; width: 25px; height: 25px; background-color: #4b547f; border: 5px solid #a0b5e4; position: absolute; left: 0; top: 18px;}
.proatimain dt img{display: block;max-width: 100%; margin: 20px auto; border-radius: 2px;}
.proatimain dt p{font-size: 16px; font-weight: 500; line-height: 28px;}

.proatimain dd{width: 25%; float: right;}
.proatimain dd .prmain dl{flex-wrap: wrap;}
.proatimain dd .prmain dt{width: 100%;}
.proatimain dd .glass a{width: 100%; margin-top: 30px;}
.proatimain dt ul{margin: 0; margin-bottom: 20px; background-color: #fff;}
.proatimain dt li{line-height: 55px; font-size: 18px; background-color: #f2f2f2; font-weight: 500; margin: 10px 0; padding: 0 20px; border-radius: 3px; }
.proatimain dt  .dingbut li{padding: 0;}
.proatimain dt .woshihs {text-align: center;background-color: #3d507a; display: block; color: #fff; border-radius: 5px;}
.glass a:first-of-type{margin-top: 0; }
.proatimain span{font-size: 16px; font-weight: 500;}
.proatimain span a{color: #ef3332;}
.proatimain dd  .glass{padding: 30px; box-shadow:  0 0 5px #e0e0e0; padding-top: 0;}
.proanlititle{width: 1400px; margin: 30px auto; padding-bottom: 40px;}
.proanlititle h2{text-align: center;}
.proatimain dt .woshihs{position: static; padding-left: 0;}
.proanlititle a{margin: 20px 0; background-color: #fff; box-shadow: none; }
.proanlititle  .glass a:first-of-type{ margin-top: 20px; }
.boxprnanli{background-image:url(../image/prolianxi.png); background-repeat: no-repeat; background-size: cover;}
.proanlititle .glass a p{box-shadow: none;}
.woshihs{background-color: #4b547f; color: #fff; text-align: center; padding: 10px 0; border-radius: 3px;}
.linknews{padding: 20px; border-radius: 10px;  margin-top: 20px; margin: 20px auto; width: 1400px;}
.linknews {border: 1px solid #4b547f;}
.linknews dt{float: left; width: 48%;}
.linknews dd{float: right; width: 48%;}
.linknews h2{margin-bottom: 20px; padding-left: 10px; font-size: 24px; color: #4b547f;}
.linknews dt li{font-weight: 500;}
.linknews  li{line-height: 55px; font-size: 18px; font-weight: 500; padding-left: 40px; position: relative; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.linknews  li::after{content: ''; display: block; width:15px; height: 15px; border-radius: 10px; background-color: #a0b5e4; border: 3px solid #cddbf6; position: absolute; top: 16px; left: 10px;}
.linknews a:hover{color: #4b547f; border-bottom: 1px solid #4b547f; }
.articont ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.articont dd ul p{margin: 5px 0; margin-top: 20px;}
.articont dd ul i{width: 100%;}
.articont dd h3{color: #fff; margin-top: 30px;}
.articont dd span{color: #f6d404;}
.articont dd ul p{padding-left: 18px;position: relative;}
.articont dd ul p::after{content: '';display: block;width: 13px;height: 13px;background-color: #4b547f;position: absolute; top: 7px; left: 0; border-radius: 10px; border: 2px solid #98b1f4;}
.haocuogup,.articont dd h3{padding-left: 5px;}
/* sweipr */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;}
.mySwiper2 .swiper-pagination-bullet-active{background-color: #1477e9;}
.mySwiper2 .swiper-pagination-bullet {
    width: 20px;
    background-color: #fff;
    border-radius: 10px;
    height: 6px;
    opacity: 0.8;
}
.dingbut a{color: #fff;}
.dingbut ul li{width: 15%; background-color: #a0b5e4; margin: 0;text-align: center;line-height: 45px; transition: all .3s;}
.swiper-pagination-clickable .swiper-pagination-bullet{width: 25px; border-radius: 10px;}
.swiper-pagination-clickable .swiper-pagination-bullet:active{background-color: #e0e0e0 !important;}
.boxjisha{background-color: transparent;}
.dingbut{ background-color: #fff; padding-top: 10px;}
.dingbut li:hover{background-color: #4b547f;}
.woshihs{font-size: 25px;}
.proatimain dd{ padding-top: 10px;}
.on{margin-top: 100px;}
.proatimain dt .wap_con span{font-size: 14px !important; color: #232323 !important; line-height: 24px !important; font-weight: normal !important;}
.wap_con{font-weight: normal !important; line-height: 24px; font-size: 16px;}
.wap_con table{width: 100% !important; border: none; margin-bottom: 20px;border-collapse: collapse;overflow-y: auto; height: auto; }
.wap_con table tr{width: 100%; overflow: auto;}
.wap_con tbody :first-of-type td{background-color: #f40b32; color: #fff !important;}
.wap_con tbody :first-of-type td span{ color: #fff !important; font-size: 16px !important;}
.wap_con tbody td{line-height: 40px; font-size: 15px !important; text-align: center; padding: 0 5px;font-weight: 500;border: none; }
.wap_con table tr:nth-child(odd){background-color: #dddddd;}

@media screen and (max-width:1400px){
    .articont,.proanlititle,.linknews{transition: all .5s; width: 1200px;}
    .articont dd h2{margin-top: 10px;}
    .articont dd i{width: 55%;}
    .proatimain{width: 1200px;}
    .proatimain dd .glass{padding: 20px; padding-top: 0;}
    .proatimain dd{width: 28%;}
    .articont dd dl dt:last-of-type{border-top-left-radius: 0;border-bottom-left-radius: 0;}
}
@media screen and (max-width:1250px){
    .articont,.proanlititle,.linknews{width: 950px;}
    .articont dd h2{margin-top: 0;}
    .articont dd h2{font-size: 24px;}
    .articont dd{width: 48%;}
    .articont dd i{font-size: 20px;}
    .baozlink a{margin-left: 20px; font-size: 20px;}
    .articont dd dl{width: 100%; margin-right: 0;}
    .articont dd dl dt{padding: 0 10px;}
    .articont dd p{font-size: 16px;}
    .proatimain{width: 980px;}
    .proatimain dt h2{font-size: 24px;}
    .woshihs{font-size: 24px;}
    .glass{margin-top: 0;}
    .articont dd ul p::after{top: 3px;}
    .articont dt img{height: auto;}

}
@media screen and (max-width:980px){
    .articont,.proanlititle,.linknews{width: 96%;}
    .proatimain{width: 96%;}
    .articont dd i{width: 100%;margin-bottom: 10px;}
    .baozlink a{margin-left: 0;}
    .articont dd i{width: 80%;}
    .baozlink a::after{width: 60px; height: 59px;}
    .articont dd dl dt p{font-size: 18px;}
    .articont dd dl dt p{margin: 5px 0;}
    .baozlink a{font-size: 16px;}
    .proatimain dd .glass{padding: 10px;}
    .proatimain dd{width: 30%;}
}
@media screen and (max-width:780px){
    body{background-color: #fff !important;}
    .articont dt,.articont dd{width: 100%; float: none;}
    .articont dd i{width: 60%;}
    .articont dd i{background-color: rgba(193, 202, 244, .3);}
    .baozlink a{margin-top: 5px; margin-left: 30px;}
    .proatimain dt{width: 100%; float: none;}
    .proatimain dd{width: 100%; float: none;}
    .proatimain dd .glass a{width: 48%;}
    .articont dd h3{font-size: 20px;}
    .articont dd ul i{font-size: 16px; margin-top: 5px;}
    .wap_con table{display: inline-block;}

}
@media screen and (max-width:550px){
    .articont dd i{width: 80%; float: none;}
    .baozlink a{margin-left: 0;}
    .articont dd p{font-size: 14px;}
    .articont dd p{margin: 15px 0;}
    .articont{padding-bottom: 15px;}
    .proatimain dt p{font-size: 14px; line-height: 20px; }
    .proatimain dt h2{line-height: 50px;}
    .proatimain dt h2::after{top: 10px;}
    .proatimain dt li{font-size: 14px;}
    .proatimain dt li{padding: 0 10px; }
    .linknews{padding: 8px; border-radius: 10px;}
    .linknews h2{margin-bottom: 10px;}
    .linknews li{line-height: 40px; font-size: 14px; float: none;}
    .linknews li::after{top: 12px;}
    .linknews li{padding-left: 33px;}
    .linknews dt{width: 100% ; float: none;}
    .linknews dd{display: none;}
    .glass a p{font-size: 14px;}
    .glass a p{line-height: 35px;}
    .proatimain dd .glass a{margin-top: 0;}
    .proanlititle a{margin: 10px 0;}
    .proanlititle .glass a:first-of-type{margin-top: 10px;}
    .proatimain dt span{display: inline-block; }
    .proanlititle h2{font-size: 24px;}
    .proatimain{margin-bottom: 0;}
    .prmain dl{padding-bottom: 0;}
    .articont dd ul p::after{top: 3px;}
    .articont dd h2{font-size: 22px;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:15px !important;}
    .proatimain dt h2{font-size: 20px;}
    .proatimain dt h2::after{top: 15px;width: 20px;height: 20px;}
    .woshihs {padding: 15px 0;}
    .proatimain dt h2{padding-left: 30px;}
    .woshihs,.proanlititle h2{font-size: 20px; text-align: left; font-weight: bold; padding-left: 25px; background-color: transparent; color: #232323; position: relative; }
    .woshihs::after,.proanlititle h2::after{    content: '';
        display: block;
        width: 18px;
        height: 18px;
        background-image: linear-gradient(#e5f4ff,#237dd5);
        position: absolute;
        left:0;
        top: 16px;border-radius: 30px;}
    .proatimain dd .glass{box-shadow: none; padding: 0; }
    .proatimain dd .glass a{background-color: #fff;}
    .proatimain dd .glass a{width: 49%;}.proanlititle h2::after{top: 2px;}
    .proanlititle {margin-top: 10px;}
    .dingbut ul li{width: 19%; line-height: 40px;}
    .dingbut a{font-size: 12px;}
    .dingbut ul{padding-bottom: 10px;}
    .proatimain{margin-top: 0;}
    .articont dd dl dt p{font-size: 16px;}
    .wap_con{font-weight: normal !important; line-height: 22px; font-size: 14px;}
    .wap_con tbody :first-of-type td span{font-size: 14px !important;}
    .wap_con img{width:100% !important ; height: auto;}
    .wap_con tbody td{font-size: 14px !important; line-height: 30px;}
    .proatimain dt .wap_con img{width: 100% !important; height: auto !important;}
    .proatimain dt .wap_con span{line-height: 22px;}
    .swiper-pagination-clickable .swiper-pagination-bullet{width: 18px;}
    .linknews h2{font-size: 20px; font-weight: bold;}

}