footer,
#main{width: 100%; overflow: hidden; min-width: 1200px;}
.section{background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.com-section{background-image: url("../images/combg.jpg");}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear::after{display: block; content: ''; clear: both;}
.scale{transform: scale(1.1); -webkit-transform: scale(1.1);}
.banner{height: 450px; background: url("../images/banner.jpg") no-repeat center; margin-top: 100px;}
/************************header************************/
header{position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; background: #fff;}
header::after{display: block; content: ''; clear: both;}
header .wrapper{height: 100%;}
header .wrapper::after{display: block; content: ''; clear: both;}
header h1{float: left;margin-top: 13px;width: 330px;overflow: hidden;}
header h1 img{width:100%;}
header ul{float: right;margin-right: 320px;}
header .wrapper>ul>li{float: left;margin: 0 8px;line-height: 100px;position: relative;}
header ul>li ol{position: absolute;top: 100px;background: #216BD0;width: 144px;text-align: center;/* padding: 15px 0; */left: 50%;margin-left: -75px;display: none;}
header ul>li ol li{
    line-height: 35px;
    float: none;
    height: auto;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);transition: 300ms;
}
header ul>li ol li a{color:#fff;display: block;}
header ul>li ol li:hover{background: #094AA2;}
header ul>li:before{display: block; content: ''; width: 100%; height: 3px; background: #0e4290; position: absolute; left: 0; bottom: 25px; opacity: 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
header ul>li>a{-moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;display: block;}
header ul>li:hover:before{bottom: 0; opacity: 1;}
header ul>li:hover>a{color: #216bd0;}
header p{position: absolute;right: 0;top: 0;width: 73px;height: 100px;line-height: 106px;color: #fff;background: #216bd0;text-align: center;cursor: pointer;}
header p i.iconfont{font-size: 30px;}
header form{position: absolute; left: 0; bottom: -59px; width: 100%; background: #3E3E3E; padding: 10px; z-index: 102; overflow: hidden; box-sizing: border-box; display: none;}
header form input[type=text]{line-height: 35px; border: 1px solid #ccc; text-indent: 20px; width: 85%; float: left; font-family: "microsoft yahei";}
header form input[type=submit]{line-height: 35px; border: 1px solid #ccc; width: 14%; float: right; text-align: center; background: #fff; color: #333; font-family: "microsoft yahei";}
/*com-section*/
.main-title{text-align: center; color: #fff; margin-bottom: 5%; padding-top: 18%;}
.main-title b{font-size: 38px; padding-left: 25px;}
.main-title span{display: block; font-size: 16px; width: 60%; margin: 20px auto 0;}
.com-section .wrapper{height: 100%;}
.com-section .wrapper > a{position: absolute; width: 56px; height: 56px; left: 50%; margin-left: -28px; bottom: 30px;}
.com-section ul{width: 90%; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between;}
.com-section ul li{width: 225px; color: #fff; text-align: center;}
.com-section ul li span{display: block; margin: 10px 0 20px 0;}
.com-section .com{margin-top: 3%; overflow: hidden;}
.com-section .com .com-l{width: 235px; float: left; background: #fff; padding: 25px 45px;}
.com-section .com .com-l span{display: block; font-size: 24px; color: #555555; margin-bottom: 18px;}
.com-section .com .com-l span:before{display: block; content: ''; width: 40px; height: 4px; background: #555555; margin-bottom: 18px;}
.com-section .com .com-l small{display: block; font-size: 12px; color: #262626; line-height: 20px;}
.com-section .com img{width: 550px; float: left;}
.com-section .com p{width: 325px; float: right; background: #686868; text-align: center; color: #fff; padding: 48px 0;}
.com-section .com p span{display: block; font-size: 24px;}
.com-section .com p span:after{display: block; content: ''; width: 30px; height: 3px; background: #fff; margin: 15px auto;}
/*case-section*/
.case-section{background-image: url("../images/casebg.jpg");}
.case-section .main-title b{color: #252525;}
.case-section .main-title span{color: #9f9f9f;}
.case-section .wrapper > p{float: left; width: 460px; height: 400px; position: relative;}
.case-section .wrapper > p img{width: 100%; height: 100%;}
.case-section .wrapper > p span{display: block; width: 100%; position: absolute; left: 0; bottom: 0; line-height: 60px; background: #216bd0; color: #fff; text-align: center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.case-section .wrapper > p:hover span{background: #0e4290;}
/*.case-section ul{width: 100%;float: right;overflow: hidden;}*/
.case-ul-wrap{position: relative;}
.case-ul-wrap .multiple_ul{overflow: hidden;}
.case-ul-wrap li.li_prev{left: -45px;background: url("../images/leftBtn.png") no-repeat center;}
.case-ul-wrap li.li_next{right: -45px;background: url("../images/rightBtn.png") no-repeat center;}
.case-ul-wrap ol li{position: absolute; top: 115px;width: 50px; height: 50px;background-size: cover !important;text-indent: -999rem; opacity: 0.6; cursor: pointer;;}

.case-section ul li{float: left;width: 270px !important;height: 270px;position: relative;overflow: hidden;margin: 0 15px;border-radius: 50%;}
.case-section ul li a > img{/* max-width: 100%; */max-height: 100%;display: block;}
.case-section ul li p{position: absolute;left: 0;background: rgba(33, 107, 208, 0.73);text-align: center;z-index: 2;width: 100%;height: 100%;bottom: -100%;-moz-transition: all 400ms linear;-webkit-transition: all 400ms linear;transition: all 400ms linear;}
.case-section ul li p img{margin-top: 109px;}
.case-section ul li p span{display: block; color: #fff; margin-top: 20px;}
.case-section ul li:hover p{bottom: 0;}
.case-section .wrapper > a{display: block; width: 190px; line-height: 50px; border: 2px solid #434343; font-size: 14px; text-align: center; border-radius: 35px; margin: 3% auto; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.case-section .wrapper > a:hover{background: #216bd0; color: #fff;}
/*pro-section*/
.pro-section{background-image: url("../images/probg.jpg");}
.pro-section ul li{width: 205px; text-align: center; float: left; margin-left: 38px;}
.pro-section ul li:nth-of-type(1){margin-left: 0;}
.pro-section ul li p{width: 205px; height: 205px; position: relative;}
.pro-section ul li p small{display: block; background: url("../images/type1.png") no-repeat center; height: 205px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.pro-section ul li p b{display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-repeat: no-repeat; background-position: center;}
.pro-section ul li:nth-child( 5) b{background-image: url("../images/ic5.png");}
.pro-section ul li:nth-child( 5):hover small{background: url("../images/type2.png") no-repeat center;}
.pro-section ul li:nth-child( 5):hover b{background-image: url("../images/ic55.png");}
.pro-section ul li:nth-child( 4) b{background-image: url("../images/ic4.png");}
.pro-section ul li:nth-child( 4):hover small{background: url("../images/type2.png") no-repeat center;}
.pro-section ul li:nth-child( 4):hover b{background-image: url("../images/ic44.png");}
.pro-section ul li:nth-child( 3) b{background-image: url("../images/ic3.png");}
.pro-section ul li:nth-child( 3):hover small{background: url("../images/type2.png") no-repeat center;}
.pro-section ul li:nth-child( 3):hover b{background-image: url("../images/ic33.png");}
.pro-section ul li:nth-child( 2) b{background-image: url("../images/ic2.png");}
.pro-section ul li:nth-child( 2):hover small{background: url("../images/type2.png") no-repeat center;}
.pro-section ul li:nth-child( 2):hover b{background-image: url("../images/ic22.png");}
.pro-section ul li:nth-child( 1) b{background-image: url("../images/ic1.png");}
.pro-section ul li:nth-child( 1):hover small{background: url("../images/type2.png") no-repeat center;}
.pro-section ul li:nth-child( 1):hover b{background-image: url("../images/ic11.png");}
.pro-section ul li span{color: #fff; margin: 30px 0 20px 0; display: block;}
.pro-section ul li i{display: block; width: 34px; height: 34px; background: url("../images/more.png") no-repeat center; margin: 0 auto;}
/*new-section*/
.new-section{background-image: url("../images/newbg.jpg");}
.new-section .new-left{width: 590px; float: left; height: 403px; overflow: hidden; position: relative;}
.new-section .new-left b{overflow: hidden; width: 100%; height: 100%; display: block;}
.new-section .new-left img{width: 100%; height: 100%; display: block; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.new-section .new-left p{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.73); z-index: 2; color: #fff; left: 0; top: 0;}
.new-section .new-left p span{font-size: 25px; color: #fff; width: 40%; display: block; margin: 0 auto; text-align: center; padding-top: 120px;}
.new-section .new-left p small{display: block; width: 120px; line-height: 35px; border: 2px solid #fff; border-radius: 25px; text-align: center; color: #fff; margin: 40px auto 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.new-section .new-left:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.new-section .new-left:hover small{color: #216bd0;}
.new-section .new-right{width: 610px; float: right;}
.new-section .new-right ul{overflow: hidden;}
.new-section .new-right ul li{width: 50%; float: left;}
.new-section .new-right ul li img{width: 100%; display: block;}
.new-section .new-right ul li div{height: 110px; background: #fff; padding: 44px 25px; overflow: hidden;}
.new-section .new-right ul li div p{float: left; width: 55px; margin-top: -10px;}
.new-section .new-right ul li div p b{display: block; font-size: 40px; color: #222222;}
.new-section .new-right ul li div p small{font-size: 12px; color: #222222;}
.new-section .new-right ul li div span{float: left; width: 189px; margin-left: 5px;}
.new-section .new-right ul li div span b{display: block; margin-bottom: 15px;}
.new-section .new-right ul li div span small{font-size: 12px; color: #aeaeae;}
.new-section .new-right ul li:hover span b{color: #216bd0;}
.new-section .wrapper > a{display: block; width: 190px; line-height: 50px; border: 2px solid #434343; font-size: 14px; text-align: center; border-radius: 35px; margin: 3% auto; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.new-section .wrapper > a:hover{background: #216bd0; color: #fff;}
/*adv-section*/
.adv-section{background-image: url("../images/advbg.jpg");}
.adv-section .wrapper > ul.ul-adv{margin-top: 15%;}
.adv-section .wrapper > ul.ul-adv li{float: left; text-align: center; width: 180px; margin-left: 159px;}
.adv-section .wrapper > ul.ul-adv li:first-child{margin-left: 0;}
.adv-section .wrapper > ul.ul-adv li i{display: block; width: 173px; height: 173px; background-repeat: no-repeat; background-position: center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.adv-section .wrapper > ul.ul-adv li b{display: block; font-size: 20px; font-weight: 500; margin: 20px auto;}
.adv-section .wrapper > ul.ul-adv li span{display: block; font-size: 14px; color: #9f9f9f;}
.adv-section .wrapper > ul.ul-adv li:nth-child( 4) i{background-image: url("../images/ad4.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 4):hover i{background-image: url("../images/ad44.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 3) i{background-image: url("../images/ad3.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 3):hover i{background-image: url("../images/ad33.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 2) i{background-image: url("../images/ad2.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 2):hover i{background-image: url("../images/ad22.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 1) i{background-image: url("../images/ad1.png");}
.adv-section .wrapper > ul.ul-adv li:nth-child( 1):hover i{background-image: url("../images/ad11.png");}
.adv-section footer{position: absolute; left: 0; bottom: 0;}
footer{background: #134D9C;color: #FFFFFF;font-size: 14px;padding-top: 35px;}
footer a{color: #FFFFFF;}
footer ul{float: left; width: 413px; margin-bottom: 40px;}
footer ul li{float: left;width: 138px;line-height: 40px;border-bottom: 1px solid #FFFFFF;margin-right: 65px;}
footer dl{width: 185px; float: left;}
footer dl dt{font-size: 14px;color: #FFFFFF;margin-bottom: 20px;display: block;}
footer dl dd{line-height: 30px;border: 1px solid #FFFFFF;margin-bottom: 10px;text-align: center;}
footer .f-right{position: absolute;right: 0;top: -35px;width: 470px;height: 170px;background: #134D9C;padding: 35px;}
footer .f-right img{float: left;}
footer .f-right p{width: 260px; float: left; margin-left: 32px;}
footer .f-right p span{display: block; font-size: 14px; color: #ffffff;}
footer .f-right p small{display: block;font-size: 12px;color: #FFFFFF;}
footer .f-bottom{line-height: 50px;background: #134D9C;}
@media screen and (max-width: 1370px){.main-title{margin-bottom: 1%; padding-top: 10%;} .case-section .wrapper > a{margin: 0 auto; line-height: 35px;} .new-section .wrapper > a{margin: 10px auto; line-height: 35px;} .adv-section .wrapper > ul.ul-adv{margin-top: 9%;} .adv-section footer{padding-top: 17px;}}
/*sidebar*/
.pro-list li{float: left; width: 295px; margin: 0 25px 25px 0;}
.pro-list li p{height: 295px; width: 100%; position: relative; overflow: hidden; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.pro-list li p img{max-width: 100%; max-height: 100%; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;display: table-cell;}
.pro-list li span{display: block; font-size: 15px; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; margin-top: 10px; background: #216BD0; color: #fff; text-align: center; padding: 11px 0;}
.pro-list li:hover span{background: #0e4290;}
.pro-list li:hover p{    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);}
.right .pro-list{width: 890px;}
.right .pro-list li{width: 270px; height: 324px;overflow: hidden;}
.right .pro-list li p{height: 270px; width: 270px;border: 1px solid #ccc;position: relative;display: table-cell;vertical-align: middle;}
.prev_next a:hover{color: #da0922;}
.prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #da0922;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
.prev_next .prev,
.prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
.prev_next .prev a:hover,
.prev_next .next a:hover{color: #da0922;}
.prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
.prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
.sbar{width: 240px; float: left;}
.sbar .sidebar2{width: 236px; border: 2px solid #216bd0; border-radius: 10px; padding-bottom: 15px; background: #fff;}
.sbar .sidebar2 .s-title{text-align: center; padding: 19px 0; color: #fff; background: #216bd0;}
.sbar .sidebar2 .s-title h3{font-size: 22px;}
.sbar .sidebar2 .s-title small{display: block; font-size: 12px; opacity: 0.5;}
.sbar .sidebar2 ul{padding: 0 22px;}
.sbar .sidebar2 ul li a{display: block; padding: 15px 0; border-bottom: 1px dashed #b6cae4; font-size: 14px; color: #999999; position: relative; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.sbar .sidebar2 ul li a i{position: absolute; right: 0; top: 50%; font-size: 14px; margin-top: -7px;}
.sbar .sidebar2 ul li a:hover{color: #216bd0;}
.sbar .sidebar2 > a{display: block; width: 130px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; background: #216bd0; margin: 35px auto 0 auto; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.sbar .sidebar2 > a:hover{background: #c1c1c1;}
.sbar .scon{background: #216bd0; color: #fff; margin-top: 35px; padding: 0 15px; border-radius: 10px; padding-bottom: 15px;}
.sbar .scon .s-title{text-align: center; padding: 19px 0; color: #fff; background: #216bd0;}
.sbar .scon .s-title h3{font-size: 22px;}
.sbar .scon .s-title small{display: block; font-size: 12px; opacity: 0.5;}
.sbar .scon ul li{font-size: 14px; margin-bottom: 10px;}
.sbar .scon img{display: block; margin-top: 25px;}
/*news*/
.new_right li{border-bottom: 1px dashed #999999;padding: 28px 0;overflow: hidden;position: relative;}
.new_right li:first-child{margin-top: 20px; padding-top: 0;}
.new_right li img{
    width: 183px;
    height: 100px;
    border: 1px solid #ccc;
    float: left;
}
.new_right li p{overflow: hidden;width: 650px;height: 100%;float: right;}
.new_right li b{color: #000;font-weight: bold;-moz-transition: all 150ms linear;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.new_right li small{color: #666666;font-weight: 400;display: block;font-size: 15px;margin-bottom: 5px;margin-top: 10px;}
.new_right li span{display: block;line-height: 26px;color: #666666;font-size: 14px;}
.new_right li p a{display: block;position: absolute;right: 0;bottom: 18px;background: #656464;color: #fff;width: 90px;line-height: 32px;text-align: center;font-size: 14px;transition: 300ms;}
.new_right li p a:hover{background: #216BD0;color: #fff;}
/*jobs*/
ul.jobs li{border-bottom: 2px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; font-size: 15px; line-height: 30px; padding-left: 20px; position: relative;}
ul.jobs li a{display: block; position: absolute; background-color: #216bd0; color: #ffffff; padding: 1px 8px; top: 50px; left: 500px;}
ul.jobs li a:hover{border-radius: 8px; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms;}
ul.jobs li strong{color: #b50000;}
.zizhi{width: 880px;}
.zizhi li{padding: 10px; border: 1px solid #ccc; float: left; margin: 0 24px 20px 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.zizhi li b{display: block;overflow: hidden;width: 246px;height: 192px;position: relative;vertical-align: middle;text-align: center;}
.zizhi li img{max-width: 100%;max-height: 100%;-moz-transition: all 150ms linear;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.zizhi li span{display: block; line-height: 40px; background: #ededed; text-align: center; color: #2e2e2e; font-size: 14px;}
.zizhi li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.zizhi li:hover{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.container{width: 1200px; margin-left: auto; margin-right: auto;}
.left{float: left !important;}
.right{float: right !important;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom: 1;}
.sub-page{padding-top: 60px; padding-bottom: 70px; overflow: hidden; background: #f2f2f2;}
.pro-con-wrap .content{display: none;}
.pro-con-wrap .content:first-child{display: block;}
.sub-page .article{width: 860px; background: #fff; padding: 25px;}
.sub-page .article .cat{height: 52px; line-height: 52px; border-bottom: 2px solid #ccc; margin-bottom: 20px;}
.sub-page .article .cat b{display: block; float: left; padding: 0 40px; background: #216bd0; color: #fff; font-size: 18px; height: 56px; line-height: 56px; margin-left: -2px; margin-top: -2px;}
.sub-page .article .cat span{float: right; font-size: 14px; color: #666;}
.sub-page .article .cat span a{color: #666;}
.sub-page .article .cat span a:hover{color: #216bd0;}
.sub-page .article .pro-tit{width: 600px;}
.sub-page .article .pro-img{/* width: 400px; border: 3px solid #ccc; padding: 5px; margin-top: 20px; .swiper-container{width: 400px; margin-left: auto; margin-right: auto;} .swiper-wrapper{img{display: block;} } .gallery-thumbs{margin-top: 30px; .swiper-slide{width: 80px; opacity: 0.4; img{width: 80px; height: 80px; display: block;} } .swiper-slide-active{opacity: 1; border: 2px solid @color;} } */}
.sub-page .article .pro-text{width: 415px;}
.pro-text-con img{max-width: 100%;}
.sub-page .article .pro-text ul{font-size: 16px; line-height: 35px;}
.sub-page .article .pro-text ul b{font-size: 24px; color: #e79934;}
.sub-page .article .pro-text a.hs{display: block; text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #d1020c; border-radius: 4px; width: 250px;}
.sub-page .article .pro-text a.hs:hover{background: #b1000a;}
.sub-page .article h3{display: block; width: 100px; line-height: 32px; background: #216BD0; text-align: center; color: #fff; margin-bottom: 15px;}
.sub-page .article h1.title{font-size: 24px;color: #2a2a2a;line-height: 54px;background: #EAEAEA;text-indent: 20px;font-weight: 500;margin-bottom: 40px;}
.sub-page .article .desct{width: 100%; height: 40px; line-height: 40px; font-size: 16px; overflow: hidden; border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.sub-page .article .desct b{display: block; float: left; padding: 0 20px; color: #333; margin-right: 2px; border: 1px solid #ccc; cursor: pointer;}
.sub-page .article .desct b.active{background: #D1020C; color: #fff; border: 1px solid #D1020C;}
.sub-page .article .content{font-size: 15px; line-height: 30px; color: #333;}
.sub-page .article .content img{max-width: 100%;display: block;margin-left: auto;margin-right: auto;}

/*pro-text*/
/*pro-text*/
.pro-text ul li{overflow: hidden; margin-bottom: 11px;}
.pro-text ul li img{width: 18px; float: left; margin-top: 10px; opacity: 0.5;}
.pro-text ul li span{float: left; margin-left: 14px; font-size: 15px; color: #3E3D3D;}
.pro-text ul li small{font-size: 15px; color: #216BD0;}
.pro-text ul li a{color: #216BD0;}
.pro-text ul li a:hover{text-decoration: underline;}
.pro-text>a{display: block; width: 130px; line-height: 36px; border: 1px solid #658EC5; text-align: center; border-radius: 8px; font-size: 14px; color: #404040; margin-top: 60px;transition: 300ms;}
.pro-text>a:hover{background: #216BD0;color:#fff;}

.swiper-slide{background-size: cover !important; background-repeat: no-repeat; background-position: center; position: relative;}
.swiper-container .swiper-slide div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff;}
.swiper-container .swiper-slide div p{font-size: 30px; opacity: 0;}
.swiper-container .swiper-slide div img{opacity: 0;}
.swiper-container .swiper-slide:first-child{display: block;}
.swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.delay{animation-delay: 0.4s; -webkit-animation-delay: 0.4s;}
.swiper-container{width: 100%; height: 100%;}
.swiper-slide{text-align: center; font-size: 18px;
    display: -webkit-box; background-color: #fff;
    display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center;
    justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;
    align-items: center;}