.tit h2 { font-size: 58px; font-weight: bolder; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 5px;
    background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}
.tit span { font-size: 100px;}
.tit h3 { font-size: 30px; line-height: 1.6; color: #000;}
.tit h4 { color: #A9A9A9; font-size: 14px; letter-spacing: 1px; font-weight: normal;}
.tit i { width: 50px; height: 3px; background: #0a48ad; display: block; margin: 19px 0;}

.tit01 { color: #333;}
.tit01 h3 { font-size: 40px; line-height: 1.75;}
.tit01 p { font-size: 18px; line-height: 1.65;}

.tit02 { margin-bottom: 30px;}
.tit02 h3 { color: #fff; line-height: 1.6; font-size: 30px; font-weight: bold;}
.tit02 i { width: 50px; height: 3px; background: #fff; display: block; margin: 19px 0;}
.tit02 p { color: #fff; letter-spacing: 2px; line-height: 1.6; font-size: 16px;}

.tit03 h3 { color: #000;}
.tit03 i { background: #0a48ad;}
.tit03 p { color: #666;}

.tit04 { margin-bottom: 30px;}
.tit04 h3 { color: #000; line-height: 1.6; font-size: 30px; font-weight: bold;}
.tit04 i { width: 50px; height: 3px; background: #0a48ad; display: block; margin: 19px 0;}

.tit05 { text-align: center; margin-bottom: 20px;}
.tit05 h2 { font-size: 36px; line-height: 1.65; color: #333; margin-bottom: 32px;}
.tit05 p { font-size: 16px; line-height: 1.875; color: #333;}

.banner { background-repeat: no-repeat; background-position: top center; text-align: center; padding: 18% 0 11% 0;}
.banner01 { background-image: url(../image/aboutbg.jpg);}
.banner02 { background-image: url(../image/businessbg.jpg);}
.banner03 { background-image: url(../image/newbg.jpg);}
.banner04 { background-image: url(../image/contentbg.jpg);}
.banner05 { background-image: url(../image/canguqiye.jpg);}
.banner h2 { font-size: 36px; font-weight: bold; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #fff;}
.banner i { height: 2px; width: 3%; background: #fff; margin: 0.8% auto; background: #fff; display: block;}
.banner p { font-size: 18px; font-weight: normal; text-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #fff;}

.pos { background: #f7f7f7; border-bottom: 1px solid #eee; height: 80px;}
.pos .posl { padding-left: 25px; font-size: 14px; background: url(../image/loca.jpg) no-repeat left center; line-height: 80px; color: #555;}
.pos .posl a { color: #555;}
.pos .posl a:hover { color: #0a48ad;}
.pos .posl i { margin: 0 6px;}
.pos .menu li { float: left; color: #ccc;}
.pos .menu li a { padding: 0 20px; font-size: 16px; color: #333; transition: all .5s ease; position: relative; line-height: 80px; display: inline-block;}
.pos .menu li a:after { position: absolute; content: ''; left: 50%; bottom: 0px; width: 0; height: 3px; transition: all .5s ease; background: #0a48ad;}
.pos .menu li:hover a { color: #0a48ad; transition: all .5s ease;}
.pos .menu li:hover a:after { width: 100%; left: 0; transition: all .5s ease;}

.about01 .about01T .about01L { width: 100%; margin-top: 60px;}
.about01 .about01T .about01L p { font-size: 14px; line-height: 1.8; color: #555; text-align: justify; text-indent: 2em;}
.about01 .about01T .about01R { width: 52%; margin-top: 80px; display:none;}
.about01 .about01T .about01R { position: relative; padding: 20px 20px 20px 0;}
.about01 .about01T .about01R::after { content: ''; position: absolute; width: 45%; height: 100%; right: 0px; top: 0px; background-size: cover;
    background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}
.about01 .about01T .about01R a { position: relative; width: 100%; padding: 33% 0; display: block; z-index: 999; overflow: hidden;}
.about01 .about01T .about01R a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s ease;}
.about01 .about01T .about01R:hover a img { transform: scale3D(1.1, 1.1, 1.1); transition: all .5s ease;}
.about01 .about01B { margin: 20px 0 60px 0;}
.about01 .about01B li { float: left; position: relative; width: 25%; padding-left: 2vw; margin: 15px 0; border-left: 1px solid #ccc;}
.about01 .about01B li::before { content: ''; position: absolute; left: -1px; top: 0; width: 3px; height: 30%; background: #f14702; z-index: 1;}
.about01 .about01B li h2 { font-size: 40px; color: #f14702; line-height: 40px; font-weight: bold; display: inline-block;}
.about01 .about01B li p { color: #999; font-size: 14px; line-height: 30px;}
.about01 .about01B li i { font-size: 16px; color: #f14702; display: inline-block; font-style: normal;}

.about02 { background: url(../image/img_12.jpg) no-repeat center bottom; padding: 60px 0;}
.about02M .about_b #history { padding: 30px 0; width: 100%; height: auto; margin-top: 30px; position: relative;}
.about02M .about_b #history::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2);}
.about02M .about_b #history .swiper-slide { text-align: center; position: relative; cursor: pointer;}
.about02M .about_b #history .swiper-slide .circle { position: absolute; left: 50%; top: 50%; border-radius: 50%; width: 60%; height: 60%; display: flex;
    text-align: center; background: #0a48ad; align-items: center; transition: all .5s ease; transform: translate(-50%, -50%);}
.about02M .about_b #history .swiper-slide .circle span { display: block; width: 100%; color: #fff; font-size: 24px; transition: all .5s ease;}
.about02M .about_b #history .swiper-slide:hover .circle { background: #f14702;}
.about02M .about_b #history .swiper-slide::after { content: ""; padding-top: 100%; position: static; display: block;}
.about02M .about_b #history .swiper-slide-active .circle { width: 100%; height: 100%; background: #f14702;}
.about02M .about_b #history .swiper-slide-active .circle span { font-size: 36px;}
.swiper-container { margin: 0 auto; position: relative; overflow: hidden!important; z-index: 1;}
.swiper-wrapper { position: relative; width: 100%; height: auto; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox;
    display: -webkit-flex; display:flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; box-sizing: content-box;
    -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;}
.swiper-wrapper { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.about02M .about_b .year_text { width: 1070px; margin: 0 auto;}
.about02M .about_b .year_text .textbox { padding: 0 220px; position: relative; height: 100px;}
.about02M .about_b .year_text .textbox .swiper { height: 100%; padding-bottom: 20px;}
.about02M .about_b .year_text .textbox .swiper .swiper-slide { height: auto; display: flex; align-items: center; justify-content: center;}
.about02M .about_b .year_text .textbox .swiper .swiper-slide p { text-align: center; color: #fff; line-height: 30px; font-size: 14px;}

.about03 { padding: 60px 0;}
.about03 li { margin: 20px 30px 0 0; width: calc((100% - 90px) / 4); float: left; position: relative; transition: all .5s ease; border-radius: 0px 45px 0px 0px;
    background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}
.about03 li.mr0 { margin-right: 0;}
.about03 li a { padding: 50px 30px; display: block; color: #fff;}
.about03 li h3 { line-height: 1; font-size: 60px; font-family: times new roman,times,serif; font-weight: bold;}
.about03 li h4 { line-height: 1.6; font-size: 20px; font-weight: bold;}
.about03 li i { width: 40px; height: 2px; background: #ffff01; display: block; margin: 19px 0;}
.about03 li p { line-height: 2; font-size: 14px;}
.about03 li:hover { margin-top: 0; transition: all .5s ease;}

.about04 { background: url(../image/img_13.jpg) no-repeat center bottom; padding: 60px 0;}
.about04 .container { overflow: hidden;}
.about04 .bd li { float: left; width: 20%; margin-right: 20px;}
.about04 .bd li a.pic { position: relative; width: 100%; padding: 37.5% 0; display: block; overflow: hidden;}
.about04 .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .5s ease;}
.about04 .bd li:hover a.pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .5s ease;}
.about04 .bd li a.txt { font-size: 16px; line-height: 40px; color: #333; text-align: center; display: block;}
.about04 .bd li:hover a.txt { color: #0a48ad;}
.about04 .about04B { margin-top: 30px;}
.about04 .about04B li { float: left; background: #fff; margin: 10px 10px 0 0; width: calc((100% - 50px) / 6); padding: 10px 0; transition: all .5s ease;}
.about04 .about04B li img { width: 100%; height: auto;}
.about04 .about04B li.mr0 { margin-right: 0;}
.about04 .about04B li:hover { box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); transition: all .5s ease;}

.business { padding: 60px 0;}
.business li { margin-top: 40px;}
.business li a.pic { position: relative; width: 49%; padding: 14.2% 0; display: block;}
.business li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; border-radius: 20px;}
.business li a.txt { width: 47%; color: #333; padding-top: 30px;}
.business li a.txt h3 { font-size: 24px; line-height: 1.5; font-weight: bold; height: 36px; overflow: hidden; margin-bottom: 22px;}
.business li a.txt p { font-size: 16px; line-height: 2; margin-bottom: 28px;}
.business li a.txt span { color: #0a48ad; line-height: 1.5; font-size: 16px; background: url(../image/c2arrle.png) no-repeat center right; padding-right: 30px;}

.company { background-image: url(../image/companybg.jpg); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; padding: 60px 0;}
.he_mine { min-height: 200px;}
.he_d1p1 { width: 100%; position: relative;}
.he_d1p1bx { width: 100%;}
.he_d1p1le { position: relative; width: 43.666666%; padding-right: 97px; min-width: 524px; padding-bottom: 50px;}
.mc_d1_progress { position: absolute; width: 2px; z-index: 99; top: 154px; left: -70px; height: 55vh;}
.mc_d1_progress::before { content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%;
    background: #284a94;}
.mc_d1_progress span { display: block; width: 100%; height: 0; background: #284a94; transition: all .3s ease-out;}
.he_d1p1le h3 { font-size: 60px; line-height: 1.5; color: #284a94; font-weight: bold;}
.he_d1p1bg { margin-top: 48px; width: 100%; position: relative;}
.he_d1p1bli { max-height: 31px; overflow: hidden; margin: 14px 0 20px; transition: all .5s ease; position: relative;}
.he_d1p1bli:first-child { margin-top: 0;}
.he_d1p1bli.act { max-height: 377px;}
.he_d1p1bli h4 { font-size: 18px; line-height: 1.75; color: #b5b5b5; font-weight: bold; height: 31px; overflow: hidden;}
.he_d1p1bli.act h4 { color: #333;}
.he_d1p1bwe { margin-top: 10px; max-height: 330px; overflow-y: scroll;}
.he_d1p1bwe p { font-size: 16px; line-height: 1.875; color: #666;}
.he_d1p1ri { padding-top: 156px; width: calc(100% - 43.666666%);}
.he_d1p1rli { opacity: 0.4; transition: all .5s ease; width: 100%; margin-bottom: 30%;}
.he_d1p1rli.act { opacity: 1;}
.he_d1p1rtu { width: 100%; position: relative; border-radius: 40px; overflow: hidden;}
.he_img { width: 100%; position: relative; top: 0; left: 0; z-index: 1;}
.he_img1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.he_d1p1rli .he_d1p1bli { display: none;}
.he_d1p1rlo { margin-top: 59px; margin-bottom: 32px; width: 384px;}
.he_d1p1rlo img { width: 100%;}
.he_d1p1rjd a { font-size: 18px; line-height: 1.75; color: #274a94; transition: all .5s ease;}

.new { padding: 60px 0;}
.new .show { margin-bottom: 40px;}
.new .show li { position: relative; width: 49%; overflow: hidden;}
.new .show li a.pic { position: relative; width: 100%; padding: 30% 0; display: block;}
.new .show li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.new .show li a.txt { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 20px; color: #fff;
    background: rgba(150, 151, 152, 0.79); transition: all .5s ease;}
.new .show li:hover a.txt { background: url(http://www.xaryxl.com/img/icon_jt_news_n.png) 97% center no-repeat rgba(0,113,186,0.8); transition: all .5s ease;}
.new .new_list li { border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.new .new_list li a { padding: 30px; display: block;}
.new .new_list li .Time { width: 100px;}
.new .new_list li .Time span { display: block; color: #999; font-size: 1.5rem; font-weight: normal; margin: 0px 0 30px; transition: all .5s ease;}
.new .new_list li .Time img { margin: 6px 11px; width: 40px; height: 30px; display: block; opacity: 0; transition: all .5s ease;}
.new .new_list li .C { position: relative; padding-left: 60px; width: calc( 100% - 100px); transition: all .5s ease;}
.new .new_list li .C::before { content: ''; position: absolute; left: 0px; top: 10px; display: block; width: 40px; height: 1px; background: #aaa;
    transition: all .5s ease;}
.new .new_list li .C h3 { margin-bottom: 10px; font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.new .new_list li .C article { line-height: 24px; font-size: 0.875rem; overflow: hidden; color: #999; transition: all .5s ease; display: -webkit-box;
    -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.new .new_list li .pic { position: relative; width: 15%; padding: 5% 0; display: block;}
.new .new_list li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.new .new_list li:hover .Time img { opacity: 1; transition: all .5s ease;}
.new .new_list li:hover .C { padding: 0 10px 0 80px; transition: all .5s ease;}
.new .new_list li:hover .C::before { width: 60px; transition: all .5s ease;}

.culture { width: 100%; overflow: hidden; background: url(../image/wenhua_bg.jpg) center no-repeat; background-size: cover; padding: 80px 0;}
.culture .cultureL { width: 38.2%; height: 595px; background: rgba(217, 219, 230, 0.4); transition: all .5s ease; position: relative;}
.culture .cultureL:before { content: ""; display: block; width: 0; height: 3px; background: #005bac; position: absolute; left: 0; top: 0; transition: all .5s ease;}
.culture .tt { padding: 55px 0 0 50px;}
.culture .tt { margin-bottom: 23px;}
.culture .tt span { font-size: 36px; display: block; margin-bottom: 30px; font-weight: 700; text-align: left; color: #005bac; line-height: 30px;}
.culture .tt h4 { font-size: 26px; font-weight: 700; text-align: left; color: #333; line-height: 30px;}
.culture .tt h4 img { margin-right: 16px; vertical-align: middle;}
.culture .con { font-size: 15px; font-weight: 400; text-align: left; color: #333; line-height: 24px; padding-left: 50px;}
.culture .cultureL:hover { background: #fff; box-shadow: 16.41px 38.66px 45.9px 6.3px rgba(125,130,136,0.19);}
.culture .cultureL:hover:before { width: 100%;}
.culture .cultureR { width: calc(100% - 38.2% - 10px);}
.culture .cultureR .culRT { float: left; width: calc((100% - 10px) / 2); height: 280px; background: rgba(217, 219, 230, 0.4); transition: all .5s ease;
    position: relative; margin-right: 10px;}
.culture .cultureR .mr0 { margin-right: 0;}
.culture .cultureR .culRT:before { content: ""; display: block; width: 0; height: 3px; background: #005bac; position: absolute; left: 0; top: 0; transition: all .5s ease;}
.culture .cultureR .culRT:hover { background: #fff; box-shadow: 16.41px 38.66px 45.9px 6.3px rgba(125,130,136,0.19);}
.culture .cultureR .culRT:hover:before { width: 100%;}
.culture .cultureR .culRB { width: 100%; height: 305px; background: rgba(217, 219, 230, 0.4); transition: all .5s ease; margin-top: 10px; position: relative;}
.culture .cultureR .culRB:before { content: ""; display: block; width: 0; height: 3px; background: #005bac; position: absolute; left: 0; top: 0; transition: all .5s ease;}
.culture .cultureR .culRB:hover { background: #fff; box-shadow: 16.41px 38.66px 45.9px 6.3px rgba(125,130,136,0.19);}
.culture .cultureR .culRB:hover:before { width: 100%;}

.honor { padding: 60px 0;}
.honor ul { width: 95%; margin: 0 auto;}
.honor li { float: left; width: calc((100% - 60px) / 4); background: #f0f0f0; padding: 10px; margin: 0 20px 20px 0;}
.honor li:nth-child(4n) { margin-right: 0;}
.honor li a.pic { position: relative; width: 100%; padding: 31.9% 0; display: block; background: #f6f6f6;}
.honor li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; padding: 15px; transition: all .5s ease;}
.honor li:hover a.pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .5s ease;}
.honor li a.txt { font-size: 16px; color: #666; padding: 20px 0 10px 0; text-align: center; display: block; transition: all .5s ease;}
.honor li:hover a.txt { color: #0a48ad; transition: all .5s ease;}

.join { padding: 60px 0;}
.join .bd { padding: 60px 0; width: 90%; margin: 0 auto;}
.join .bd li .txt { width: 25.8333333%; margin-top: 80px;}
.join .bd li .txt h3 { font-size: 36px; line-height: 1.65; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.join .bd li .txt p { margin: 35px 0 30px 0; font-size: 16px; line-height: 1.875; color: #333; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden;
    -webkit-box-orient: vertical; text-overflow: ellipsis;}
.join .bd li .txt span { position: relative; display: block; font-size: 16px; line-height: 1.875; color: #333; padding-left: 12px;}
.join .bd li .txt span::before { content: ''; position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #0a48ad;}
.join .bd li .pic { width: calc(100% - 29%); position: relative; padding: 20% 0; display: block; border-radius: 60px; overflow: hidden;}
.join .bd li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.join .bd li .pic .join_show { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 100%; z-index: 10;}
.join .bd li .pic .join_show p { float: left; width: 25%; height: 100%; line-height: 100%; text-align: center; font-size: 16px; line-height: 1.875;
    color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.3); padding-top: 26%;}
.contentL { width: 25%;}
.contentL .conLT .conLT_tit { margin-bottom: 30px;}
.contentL .conLT .conLT_tit h1 { font-size: 55px; font-family: "Arial"; color: #f1eff1; text-transform: uppercase; font-weight: normal;}
.contentL .conLT .conLT_tit h2 { font-weight: normal;}
.contentL .conLT p { line-height: 24px; font-size: 12px; color: #63636b;}
.contentL .conLT a.conLT_more { background: #d2b068; border-radius: 3px; margin: 30px auto; font-size: 14px; display: block; height: 58px; color: #fff;
    text-align: center; line-height: 58px; text-align: center;}
.contentL .conLB p { line-height: 18px; color: #8a8a95; font-size: 12px;}
.contentL .conLB p a { text-decoration: underline; color: #d2b068;}
.contentL .conLB .conLB_wx { margin-top: 40px; position: relative;}
.contentL .conLB .conLB_wx img { display: block; width: 110px; height: 110px; padding: 6px; border: 1px solid #e5e5e5;}
.contentL .conLB .conLB_wx span { font-size: 14px; line-height: 24px; color: #878788; display: block; position: absolute; top: 37px; left: 140px;}
.contentR { width: calc(100% - 36.4%); padding-left: 65px; border-left: 1px solid #eeeff3;}
.contentR h3 { font-weight: normal; color: #51575f; border-left: 3px solid #d2b068; position: relative; cursor: pointer; height: 18px; line-height: 18px;
    margin-bottom: 20px; padding-left: 10px; font-size: 14px; background: url(../image/icon_jt_un.png) right center no-repeat;}
.contentR ul { overflow: hidden; margin-bottom: 20px; border-bottom: 1px dotted #cccdd1;}
.contentR h3.on { background: url(../image/icon_jt_up.png) right center no-repeat; color: #000; font-size: 16px;}
.contentR li { margin: 0 0 20px 20px;}
.contentR li span { font-size: 16px;}
.contentR li p { font-size: 12px; color: #6d6c72; line-height: 24px;}

.content { padding: 60px 0;}
.content .conL { width: 60%;}
.content .conL img { width: 100%; height: auto; display: block;}
.content .conR { width: calc(100% - 68%);}
.content .conR h2 { padding-bottom: 25px; font-size: 26px; color: #091f3b;}
.content .conR i { width: 25px; height: 5px; background: #012ba7; display: block; margin-bottom: 25px;}
.content .conR p { margin-bottom: 30px; font-size: 16px; color: #333; line-height: 26px;}
.content .conR h4 { font-size: 20px; margin-bottom: 13px; font-weight: 700; color: #333; line-height: 24px;}
.content .conR .conR_wx { margin-top: 40px; position: relative;}
.content .conR .conR_wx img { display: block; width: 110px; height: 110px; padding: 6px; border: 1px solid #e5e5e5;}
.content .conR .conR_wx span { font-size: 14px; line-height: 24px; color: #878788; display: block; position: absolute; top: 37px; left: 140px;}

.info { padding: 60px 0; background: #eef2f6;}
.c_info_t { text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.c_info_t h1 { font-size: 28px; line-height: 58px; font-weight: 300; letter-spacing: 1px; color: #000; text-align: center;}
.c_info_t h4 { font-size: 15px; color: #000; font-weight: normal;}
.c_info_t h4 span { margin-left: 10px; vertical-align: middle;}
.c_info_txt { padding: 10px;}
.c_info_txt .c_info_txt_info p { text-indent: 2em; color: #000; line-height: 1.7; font-size: 15px; color: #515151;}
.c_info_txt .c_info_txt_info p img, .c_info_txt .c_info_txt_info img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}

/* -- 翻页效果 -- */
.box_page { margin: 0; overflow: hidden; padding: 50px 0 30px 0; text-align: center;}
.page { background: #fff; font-size: 18px; padding: 13px 18px; border-radius: 0px; color: #666; margin: 0 5px; border: 1px solid rgba(0,0,0,0.1); font-weight: normal; transition: all .5s ease;}
.page:link { color: #666; text-transform: uppercase;}
.page:visited { color: #666;}
.page_ding { background: #000; font-size: 18px; color: #fff; padding: 13px 18px; margin: 0 5px; border: 1px solid rgba(0,0,0,0.05);}
.page:hover { background: #0a48ad; color: #fff; text-decoration: none;}

.two { height: 30px; margin: 0 auto; margin-top: 20px; border-top: 1px dashed #d1d1d1;}
.two .twol { float: left; padding-left: 15px; font-size: 13px; line-height: 30px;}
.two a { padding-left: 15px;}
.two a:hover { color: #373737; text-decoration: underline;}
.two .twor { float: right; padding-right: 15px; font-size: 13px; line-height: 30px;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1680px ) {
    .he_d1p1bwe { max-height: 150px;}
}
@media screen and ( max-width: 1550px ) {}
@media screen and ( max-width: 1500px ) {}
@media screen and ( max-width: 1440px ) {
	.about02M .about_b .year_text .textbox .swiper .swiper-slide { font-size: 16px;}
}
@media screen and ( max-width: 1400px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1280px ) {
	.about02M .about_b .year_text .textbox .swiper .swiper-slide { font-size: 14px;}
}
@media screen and ( max-width: 1024px ) {
	.about02M .about_b .year_text { width: 800px;}
	.about02M .about_b .year_text .textbox { padding: 0;}
}
@media screen and ( max-width: 768px ) {
    .tit h2 { font-size: 48px;}
    .tit span { font-size: 80px;}
    .tit h3 { font-size: 24px;}
    .tit h4 { letter-spacing: 0;}
    .tit i { height: 2px;}

    .tit01 h3 { font-size: 30px; line-height: 1.6;}
    .tit01 p { font-size: 15px; line-height: 1.6;}
    .tit02 { margin-bottom: 1em;}
    .tit02 i { height: 2px; margin: 14px 0;}

    .tit04 { margin-bottom: 1em;}
    .tit04 h3 { font-size: 30px;}
    .tit04 i { height: 2px; margin: 14px 0;}

    .tit05 { margin-bottom: 1em;}
    .tit05 h2 { font-size: 20px; margin-bottom: .5em; font-weight: bold;}
    .tit05 p { font-size: 14px;}

    .banner { background-position: center;}
    .banner01 { background-image: url(../image/aboutbgh.jpg);}
    .banner02 { background-image: url(../image/businessbgh.jpg);}
    .banner03 { background-image: url(../image/newbgh.jpg);}
    .banner04 { background-image: url(../image/contentbgh.jpg);}
    .banner h2 { font-size: 26px; line-height: 1.6;}
    .banner p { font-size: 14px; line-height: 1.6; width: 90%; margin: 0 auto;}

    .pos { background: none; border-bottom: none; height: auto;}
    .pos .menu li { width: 49.7%; text-align: center; background: #0a48ad; color: #0a48ad; margin: 1px 0 0 1px;}
    .pos .menu li a { padding: 0; font-size: 14px; color: #fff; line-height: 30px;}
    .pos .menu li:hover a { color: #fff;}
    .pos .menu li:hover a:after { width: 0;}

    .about01 .about01T .about01L { width: 100%; margin-top: 1em; display: block;}
    .about01 .about01T .about01L p { line-height: 1.6;}
    .about01 .about01T .about01R { width: 100%; margin-top: 1em; display: block;}
    .about01 .about01T .about01R { padding: 1em 1em 1em 0;}
    .about01 .about01B { margin: 1em 0;}
    .about01 .about01B li { width: 50%;}

    .about02 { padding: 1em 0; overflow: hidden;}
    .about02M .about_b #history { padding: 1em 0; margin-top: 1em;}
    .about02M .about_b #history .swiper-slide .circle span { font-size: 18px;}
    .about02M .about_b #history .swiper-slide-active .circle { width: 100%; height: 100%; background: #f14702;}
    .about02M .about_b #history .swiper-slide-active .circle span { font-size: 26px;}
    .about02M .about_b .year_text { width: 90%; height: 78px;}
    .about02M .about_b .year_text .textbox { padding: 0;}
    .about02M .about_b .year_text .textbox .swiper .swiper-slide p { line-height: 1.6;}
    .about02M .about_b { padding: 1em 0;}
    .about02M .about_b .year_text { width: 90%;}
    .about02M .about_b .year_text .textbox { height: auto;}

    .about03 { padding: 1em 0;}
    .about03 li { margin: 1em 0 0 0; width: 100%;}
    .about03 li a { padding: 2em 1.5em;}

    .about04 { padding: 1em 0;}
    .about04 .bd li { width: 48%; margin-right: 1em;}
    .about04 .about04B { margin-top: 1em;}
    .about04 .about04B li { margin: .5em .5em 0 0; width: calc((100% - 1.5em) / 3); padding: .5em 0;}

    .business { padding: 1em 0;}
    .business li { margin-top: 1em;}
    .business li a.pic { width: 100%; padding: 31.38% 0; display: block;}
    .business li a.txt { width: 100%; padding-top: .5em; display: block;}
    .business li a.txt h3 { height: auto; margin-bottom: 0;}
    .business li a.txt p { margin-bottom: 0;}

    .company { padding: 1em 0;}
    .he_d1p1bli { max-height: inherit;}
    .he_d1p1bwe { max-height: inherit; overflow-y: auto;}
    .he_d1p1bli h4 { color: #333;}
    .he_d1p1rli { opacity: 1; margin-bottom: 2em;}
    .he_d1p1rli .he_d1p1bli { display: block;}

    .new { padding: 1em 0;}
    .new .show { margin-bottom: 0;}
    .new .show li { width: 100%; margin-bottom: .5em; display: block;}
    .new .show li a.txt { height: 40px; line-height: 40px; padding: 0 .5em;}
    .new .new_list li { margin-bottom: .5em;}
    .new .new_list li a { padding: .5em;}
    .new .new_list li .Time { width: 100%; display: block;}
    .new .new_list li .Time span { margin: 0;}
    .new .new_list li .Time img { opacity: 0; display: none;}
    .new .new_list li .C { padding: 0; width: 100%; display: block; margin-top: .6em; padding-top: .8em;}
    .new .new_list li .C::before { top: 0; display: block;}
    .new .new_list li .pic { width: 100%; padding: 31.38% 0;}
    .new .new_list li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
    .new .new_list li:hover .Time img { opacity: 0}
    .new .new_list li:hover .C { padding: 0;}
    .new .new_list li:hover .C::before { width: 40px;}

    .culture { padding: 1em 0; width: 94%; margin: 0 auto;}
    .culture .cultureL { float: left; width: 100%; height: auto; margin-bottom: 10px;}
    .culture .tt { padding: 1em 0 0 .8em;} 
    .culture .tt { margin-bottom: .5em;}
    .culture .tt span { font-size: 32px; margin-bottom: 12px;}
    .culture .tt h4 { font-size: 17px;}
    .culture .tt h4 img { width: 20px;}
    .culture .con { padding: 0 0 1em .8em; font-size: 13px;}
    .culture .cultureR { width: 100%;}
    .culture .cultureR .culRT { width: calc((100% - 10px)/2); height: 202px;}
    .culture .cultureR .culRB { width: 100%; height: auto;}

    .honor { padding: 1em 0;}
    .honor ul { width: 98%;}
    .honor li { width: calc((100% - 1em) / 2); padding: .5em; margin: .25em;}
    .honor li:nth-child(4n) { margin-right: .25em;}
    .honor li a.pic img { padding: .5em;}
    .honor li a.txt { padding: .5em 0 .25em 0;}

    .join { padding: 1em 0;}
    .join .bd { padding: .5em 0; width: 90%; margin: 0 auto;}
    .join .bd li .txt { width: 100%; margin: 0 0 1em 0;}
    .join .bd li .txt h3 { font-size: 20px; font-weight: bold;}
    .join .bd li .txt p { margin: .5em 0;}
    .join .bd li .pic { width: 100%; padding: 60% 0; border-radius: 30px;}
    .join .bd li .pic img { left: -60%; width: 220%; height: auto; display: block;}
    .join .bd li .pic .join_show p { float: none; width: 100%; height: 25%; padding-top: 10%; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .joinB { width: 90%; margin: 0 auto;}
    .joinB li { float: none; width: 100%; padding: 1.5em 0;}
    .joinB li:nth-child(3) { margin-right: 0;}
    .joinB li h1 { font-size: 22px;}
    .joinB li h3 { margin: 7px 0 14px 0; font-size: 20px; font-weight: bold; text-align: center;}
    .joinB li p { font-size: 16px; line-height: 1.5; color: #0a48ad;}
    .joinB li:nth-child(2) { margin-top: 1.5em;}
    .joinB li:hover::after { width: 100%; opacity: 1; transition: 0.5s ease 0s;}

    .content { padding: 1em 0;}
    .content .conL { display: block; width: 100%;}
    .content .conR { display: block; width: 100%; margin-top: 1em;}
    .content .conR h2 { padding-bottom: .5em;}
    .content .conR i { margin-bottom: .5em;}

    .info { margin: 1em auto;}

    .box_page { background: #fff; margin: 0; overflow: hidden; padding: 30px 0; text-align: center;}
    .page { background: #fff; font-size: 18px; padding: 10px; border-radius: 0px; color: #666; margin: 0 5px; border: 1px solid rgba(0,0,0,0.1);
        font-weight: normal; transition: all .5s ease;}
    .page:link { color: #666; text-transform: uppercase;}
    .page:visited { color: #666;} 
    .page_ding { background: #000; font-size: 18px; color: #fff; padding: 10px; margin: 0 5px; border: 1px solid rgba(0,0,0,0.05);}
    .page:hover { background: #e84d96; color: #fff; text-decoration: none;}
    .two .twol { padding-left: 0;}
    .two .twor { float: left;}

    .pos .posl, .he_d1p1le { display: none;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}