*{margin: 0;padding: 0;font-family: "微软雅黑",'Microsoft YaHei',Arial,"宋体";}
body{margin: 0; font-size: 16px;}
img:focus,a:focus,*:focus{border: none ;outline: none !important;}
*:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,ol{list-style: none;}
b,h2,h3,h4{font-weight: normal;}
a{text-decoration: none;color: #666666;}
em{font-style: normal;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.clearfix{}
.clearfix::after{content: ""; display: block;clear: both;}
input,textarea{ -webkit-appearance: none;border-radius:0;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; outline:none;background-color: transparent;}  
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}

::-webkit-input-placeholder { /* WebKit browsers */
            color:    inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    inherit;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    inherit;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    inherit;}

p{color: inherit;}
.box h4{font-size: 1.8vw;color: #182433;line-height: 1.0;display: inline-block;font-weight: bold; }

.box-about {width: 83.3%;margin: 4.3vw auto ;}

.box-about .fl{width: 32%;}
.box-about .fl li{display: block;font-size: 1.4vw;padding: 2.1vw 0;text-align: center;background-color: #f2f4f9;color: #0d2154;font-weight: bold;}
.box-about .fl li.on{color: #fff;background: #0b4199;}
.box-about .txt{border: 7px solid #e6e6e6;padding: 1.5vw 4vw;box-sizing:border-box;width: 90.7%;margin-right: 0;position: relative;display: inline-block;text-align: left;}
.box-about .fr:before{content: "";display: block;position: absolute;left: 12px;height: 100%;top: 0;width: 1px;background: #e6e6e6;}
.box-about .fr .swiper-slide:before{content: "";display: block;background: #fff; width: 12px;height: 12px;border: 7px solid #e6e6e6;position: absolute;top: 40px;left: 0;border-radius: 50%;}
.box-about  em{/* border: 7px solid #e6e6e6;width: 35px;height: 35px;display:block;position:absolute; top: 10px; left:-20px;border-style: dashed dashed solid dashed; 
    border-color:transparent transparent #e6e6e6;font-size:0; line-height:0; */
display: block;background: url(../images/jt.jpg) no-repeat;width: 30px;height: 34px;position: absolute;left: -30px;top: 30px;}
/* .box-about .txt i{content: "";display: block;border-width:20px; position:absolute; top: 10px; left:-20px;font-size:0; line-height:0;
 border-style: solid dashed dashed dashed;
    border-color: transparent #000 transparent transparent;} */
.box-about .fr{width: 61.2%;overflow: hidden;height: 50vw;text-align: right;position: relative; /* border-left: 1px solid #e6e6e6; */}
.box-about .fr .swiper-slide{height: auto !important;margin-bottom: 1.5vw; overflow: visible;}
.box-about .fr .swiper-wrapper{overflow: visible;height: 100% !important;}
.box-about .swiper-container{height: 100%;}
.box-about img{display: block;width: 100%;}
.box-about .fr img{margin-top: 0.8vw;}
.box-about h4{font-size: 2.4vw;font-weight: bold;color: #003fa8;font-family: Arial;line-height: 1.5;}
.box-about p{color: #4d4d4d;line-height: 1.8;font-size: 18px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
    overflow: hidden;max-height: 9em;}
.box-about .more{float: left;}

@media screen and (max-width: 1024px){
    body{font-size: 16px;}
    .box-about .fr{height: 75vw;}
}

@media screen and (max-width: 640px){
    body{font-size: 3.8vw;}

    .box-about{width: 92%;}
    .box-about .fl{display: none;}
    .box-about .fr{border-top: 1px solid #ddd;padding-top: 5vw; width: 100%;margin: 0 auto;float: none;height: 62vw;}
    .box-about .fr:before{display: none;}
    .box-about .fr .swiper-slide:before{display: none;}
    .box-about .fr .swiper-slide{height: 100% !important;}
    .box-about .txt{border-width: 4px;width: 100%;display: block;padding: 4.5vw 4vw;height: 100%;}
    .box-about em{display: none;}
    .box-about h4{font-size: 5vw;}
    .box-about p{font-size: 3.8vw;height: 5.4em;}

}