.fl{float: left;}
.fr{float: right;}
.mt22{margin-top: 22px;}
.con-win{width: 100%;max-width:1540px;}
.cl:after{display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: ".";}
.r-line{position: relative; background-color: #fff; z-index: 2; top: 20px;overflow: hidden; margin-bottom: 20px;}
svg[Attributes Style]{x: 0px; y: 0px; width: 25px; height: 26px;}
svg:not(:root){overflow: hidden;}
svg:not(:root), symbol, image, marker, pattern, foreignObject{overflow: hidden;}
html|* > svg{transform-origin: 50% 50% 0px;}
:focus{outline: -webkit-focus-ring-color auto 5px;}
path[Attributes Style]{fill: rgb(255, 255, 255); d: path('M 18.277 21.863 H 4.34 V 8.417 l 4.341 -0.062 V 4.219 H 0 V 26 h 22.619 V 15.659 h -4.342 V 21.863 Z M 11.98 0 l 4.34 4.136 l -6.512 6.205 l 4.34 4.138 l 6.511 -6.206 L 25 12.409 V 0 H 11.98 Z');}
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.container:after, .md-container:after, .sm-container:after{content: " "; display: block; clear: both;}
.right-wrap.img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
@media (min-width: 851px){.new-row{padding: 0em 0 5em 0;}}
@keyframes spinner{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
.right-wrap.img-box{display: block; width: 100%; position: relative; overflow: hidden;}
.i-wrap .up-graybox .bgbox{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40);}
.i-wrap .up-graybox{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.i-fir-wrap .right-wrap .img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.i-wrap .up-graybox .stit{font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff;}
.i-sec-wrap .left-wrap .right-cont{width: 88%;padding-top:120px !important}
.i-column-wrap.black .link{border: 1px solid #aaa;}
.i-column-wrap .link{display: block; width: 34px; height: 34px; border-radius: 50%; margin-top: 98px; transition: background 0.3s ease 0s; position: relative; overflow: hidden;}
.i-column-wrap .link .bg{display: block; width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%; overflow: hidden;}
.i-column-wrap.black .link i{background: url(../imagesrp/ico_06.png) no-repeat center;}
.i-column-wrap .link i{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.block-list__link:hover .block-list__heading, .block-list__link:hover .block-list__icon, a:hover{color: #333;cursor: pointer;}
.i-column-wrap.black .link:hover{border: 1px solid #333; background-color: #333; overflow: hidden;}
.i-column-wrap.black .link:hover .bg{width: 100%; height: 100%; top: 0; left: 0; background-color: #333;}
.i-column-wrap.black .link:hover i { background: url(../imagesrp/ico_05.png) no-repeat center; }
.i-column-wrap.black .stit{color: #333;}
.i-column-wrap .stit{font-size: 22px; line-height: 46px; color: #333; margin-left: -1px;}
.i-column-wrap.black .stit a { color: #333; font-weight: 600; font-size: 32px; }
.i-column-wrap.black .line{background-color: #9a9a9a;}
.i-column-wrap .line{display: block; width: 10px; height: 2px; background-color: #9a9a9a; margin-top: 10px;}
.i-column-wrap.black .mtit{color: #333;}
.i-column-wrap .mtit{display: block; margin-top: 18px; line-height: 36px; color: #333; font-size: 16px;}
.i-column-wrap.black .mtit a{color: #333; font-size: 18px;}
.i-column-wrap.black .mtit a:hover{color: #333 !important;}
.i-column-wrap .font{display: block; line-height: 24px; font-size: 14px; margin-top: 10px; color: #666;}
.sec-row{position: relative;overflow: hidden;}
.new-cen-heading{background-color: #2a2d32;color: #fff;padding: 92px 60px 225px 60px;}
.new-cen-heading p{display: block;font-size:24px;padding-bottom: 47px;}
.sec-row .list-wrap{margin-top: 45px;}
.sec-row .list-wrap ul{max-width: 1140px; padding: 0 40px; margin: -123px auto 60px;}
.sec-row .list-wrap li{position: relative;float: left; width: 31.7%; height: 438px; margin-right: 1.6%; transition: box-shadow 0.3s ease 0s;}
.sec-row .list-wrap .img{display: block; width: 100%; position: relative; overflow: hidden;}
.sec-row .list-wrap .img img.up-pic{transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.pc-scroll ul li.active .left-wrap .cent-cont, .pc-scroll ul li.active .right-wrap.img-box{margin-top: 0; opacity: 1; filter: alpha(opacity=100);}
.pc-scroll ul li.active{transition: all 0.3s ease 0.1s;}
.pc-scroll ul li:hover .cont-wrap{ animation: swing 1s ease-out;}
.pc-scroll ul li .left-wrap .cent-cont, .pc-scroll ul li .right-wrap.img-box{opacity: 1; filter: alpha(opacity=0);}
.pc-scroll ul li:hover .img-box img{transform: scale(1.05, 1.05) !important; transition: transform 0.6s ease 0s !important;}
.pc-scroll ul li .right-wrap.img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.6s ease 0s;}
.pc-scroll ul li:hover .up-graybox{opacity: 1; filter: alpha(opacity=1);}
img{border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic}
.pc-scroll ul li.active .img-box, .pc-scroll ul li.active .right-cont{margin-top: 0; opacity: 1; filter: alpha(opacity=100);}
.pc-scroll ul li.active .img-box{transition: all 0.3s ease 0s;}
.pc-scroll ul li .img-box{opacity: 0; filter: alpha(opacity=0);}
.pc-scroll ul li .img-box{width:100%; display: block; position: relative; overflow: hidden;}
.pc-scroll ul li .img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.pc-scroll ul li .up-graybox .bgbox{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40);}
.pc-scroll ul li .up-graybox{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.pc-scroll ul li .up-graybox .linet{top: 0;}
.pc-scroll ul li .up-graybox .lineb{bottom: 0;}
.pc-scroll ul li .up-graybox .line{display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s;}
.pc-scroll ul li .up-graybox .stit{font-size: 14px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff;}
.pc-scroll ul li:hover .line{width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60);}
.pc-scroll ul li:hover .intr{background-color: #fff;color: #666;}
.pc-scroll ul li:hover .cont-wrap{box-shadow: 0px 0px 12px #e0e0e0;}
.new-row .block-item{margin: 0 auto 0;}
.sec-row .list-wrap .tit{line-height: 80px; font-size: 24px; color: #333; text-align: center;background-color: #fff;}
.sec-row .list-wrap .tit a{display: inline-block; color: #333;}
.sec-row .list-wrap .intr{display: block; width: 100%; padding: 5%; background-color: #f2f2f2; line-height:30px; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all .6s; cursor: pointer;}
.sec-row .list-wrap .bot-link{display: block; width: 100%; border-top: 1px solid #e5e5e5; line-height: 40px; position: relative;}
.sec-row .list-wrap .bot-link .stt{font-size: 14px;}
.mobile-scroll{position: relative;}
.mobile-scroll .swiper-slide{width: 90%;margin: 0 auto;}
.mobile-scroll .swiper-slide .M-imgbox { display: block; width: 90%; margin: 0 auto; height: 402px; }
.mobile-scroll .swiper-slide .M-imgbox img{display: block;margin: 0 auto;width:100%;object-fit:contain;}
.mobile-scroll .swiper-slide .M-title{display: block;line-height: 80px; font-size: 24px; color: #333; text-align: center;background-color: #fff;} .po{position: absolute;bottom:36px;width: 80%;left: 50%;margin-left: -40%;}
.mobile-scroll .swiper-slide .M-con{display: block; width: 100%; padding: 5%; background-color: #f2f2f2; line-height: 28px; color: #333; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.swiper-container-horizontal>.swiper-pagination{bottom: -1px !important;}
.swiper-pagination-bullet{border-radius: 50%;border: solid 1px #ccc;}
.swiper-pagination-bullet-active{background-color: transparent !important;border-color: #333;}
@media (min-width: 1050px){.i-fir-wrap .right-wrap, .i-fir-wrap .left-wrap{width: 100%;}
.r-line.active .left-wrap .cent-cont, .r-line.active .right-wrap.img-box{margin-top: 0; opacity: 1; filter: alpha(opacity=100);}
.r-line.active .right-wrap.img-box{transition: all 0.3s ease 0.1s;}
.r-line .left-wrap .cent-cont, .r-line .right-wrap.img-box{opacity: 1; filter: alpha(opacity=0);}
.r-line .right-wrap.img-box:hover img{transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s;}
.r-line .right-wrap.img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.r-line .right-wrap.img-box:hover .up-graybox{opacity: 1; filter: alpha(opacity=1);}
img{border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic}
.r-line.active .img-box, .r-line.active .right-cont{margin-top: 0; opacity: 1; filter: alpha(opacity=100);}
.r-line.active .img-box{transition: all 0.3s ease 0s;}
.r-line .img-box{opacity: 0; filter: alpha(opacity=0);}
.r-line .img-box{width: 56.5%; display: block; position: relative; overflow: hidden;}
.r-line .img-box img{width: 100%; transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.r-line .up-graybox .bgbox{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.4; filter: alpha(opacity=40);}
.r-line .up-graybox{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.r-line .up-graybox .linet{top: 0;}
.r-line .up-graybox .lineb{bottom: 0;}
.r-line .up-graybox .line{display: inline-block; width: 100px; height: 1px; background-color: #f2f2f2; position: absolute; left: 50%; margin-left: -50px; transition: all 0.6s ease 0s;}
.r-line .up-graybox .stit{font-size: 16px; line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px; color: #fff;}
.r-line .up-graybox:hover .line{width: 6px; margin-left: -3px; opacity: 0.6; filter: alpha(opacity=60);}
.i-column-wrap.black .link:hover{border: 1px solid #333; background-color: #333; overflow: hidden;}.i-column-wrap.black .link:hover i{background: url(../imagesrp/ico_05.png) no-repeat center;}.i-column-wrap.black .link:hover .bg{width: 100%; height: 100%; top: 0; left: 0; background-color: #333;}
.r-line .left-wrap{width: 40%; position: relative; background-color: #fff;}
.r-line .left-wrap .cent-cont{width: 71%; left: 6%; position: absolute; top: 155px;}
.i-sec-wrap .img-box, .i-sec-wrap .right-cont{filter: alpha(opacity=0);} .i-sec-wrap.active .right-cont{transition: all 0.3s ease 0.1s;}}
.i-sec-wrap .left-wrap .right-cont{width: 88%; margin-right: 3.9%; color: #666; }
.i-sec-wrap .right-cont .link-box{margin-top: 80px; overflow: hidden;}
.f-cb{zoom: 1;}
.i-sec-wrap .left-wrap .right-cont .link-box a{display: inline-block; line-height: 30px; width: 78px; height: 30px; font-size: 13px; margin-bottom: 14px; border: 1px solid #ccc; border-radius: 18px; margin-right: 22px; color: #666; transition: all 0.3s ease 0s; float: left; text-align: center;}
.i-sec-wrap .right-cont .link-box a:hover{border: 1px solid #2f2f2f; background-color: #2f2f2f; color: #fff;}
.i-sec-wrap .link{margin-top: 83px;}
.i-thr-wrap .left-wrap .right-cont{margin-left: 8.9%;padding-top: 83px;}
.i-thr-wrap .right-cont .link-box{margin-top: 50px;}
.sec-row .mobile-scroll{display: block;}
.sec-row .pc-scroll{display: none;}
.sec-row .list-wrap .cont-wrap{position: absolute; width: 90%; left: 50%; margin-left: -45%; background-color: #f2f2f2; z-index: 2;transition: all .6s;top:42%}
@media (max-width:550px){.con-win{padding: 0;} .con-win .row{padding: 0em 0 5em 0;}
.i-sec-wrap .left-wrap .right-cont{position: inherit; left: 0; top: 0; width: 92%; margin-left: 4%;padding-bottom: 30px;}}
@media (min-width:768px){.con-win{padding: 0;} .con-win .row{padding: 0em 0 5em 0;}
.i-sec-wrap .left-wrap .right-cont{position: inherit; left: 0; top: 0; width: 92%; margin-left: 4%;padding-bottom: 30px;}
.sec-row .list-wrap ul{width: 100%;}
.sec-row .mobile-scroll{display: none; overflow: hidden; padding-bottom: 48px;}
.sec-row .pc-scroll{display: block;}
.sec-row .mobile-scroll ul{width: 100%;}
.sec-row .mobile-scroll li{margin-right: 0;}}
@media (max-width:550px){.new-cen-heading p{font-size: 16px;padding-bottom: 20px;line-height: 30px;} .new-cen-heading{padding: 31px 30px 40px;letter-spacing: 1px;}}
@media (max-width:850px){.con-win{padding: 0;} .con-win .row{padding: 0em 0 5em 0;}
.i-sec-wrap .left-wrap .right-cont{position: inherit; left: 0; top: 0; width: 92%; margin-left: 4%;padding-bottom: 30px;} .new-row{padding: 0em 0 1em 0;} .sec-row{padding-bottom: 4em;} .new-row .block-item{margin: 28px auto 0;}}
@media (max-width:1025px){.i-fir-wrap .left-wrap .cent-cont{position: inherit; left: 0; top: 0; margin-top: 30px; width: 92%; margin-left: 4%;}.i-sec-wrap .left-wrap .right-cont{position: inherit; left: 0; top: 0; width: 92% !important; margin-left: 4%;padding-bottom: 30px;}.i-sec-wrap .left-wrap{width: 100%;}.i-thr-wrap .left-wrap .right-cont{margin-left: 3.9% !important;}.i-sec-wrap .left-wrap .right-cont{padding-top: 30px !important;}.sec-row .list-wrap li{width: 48%; margin-right: 2%; margin-bottom: 74px;}
.sec-row .list-wrap .cont-wrap{bottom:-47px}}
.i-fir-wrap .left-wrap{padding-bottom: 38px;}
.i-sec-wrap .left-wrap .right-cont{width: 88%; margin-right: 3.9%; color: #666; padding-top: 70px;}
.i-thr-wrap .left-wrap .right-cont{padding-top: 85px;}
.i-sec-wrap .img-box, .i-sec-wrap .right-cont{filter: alpha(opacity=0);} .i-sec-wrap.active .right-cont{transition: all 0.3s ease 0.1s;}}
.i-sec-wrap .left-wrap .right-cont{width: 88%; margin-right: 3.9%; color: #666; padding-top: 88px;}
.i-sec-wrap .right-cont .link-box{margin-top: 50px; overflow: hidden;}
.f-cb{zoom: 1;}
.i-sec-wrap .left-wrap .right-cont .link-box a{display: inline-block; line-height: 30px; width: 98px; height: 30px; font-size: 13px; margin-bottom: 14px; border: 1px solid #ccc; border-radius: 18px; margin-right: 22px; color: #666; transition: all 0.3s ease 0s; float: left; text-align: center;}
.i-sec-wrap .right-cont .link-box a:hover{border: 1px solid #2f2f2f; background-color: #2f2f2f; color: #fff;}
.i-sec-wrap .link{margin-top: 83px;}
.i-fiv-wrap .link{margin-top: 85px;}
.i-thr-wrap .left-wrap .right-cont{margin-left: 8.9%;padding-top: 83px;}
.i-thr-wrap .right-cont .link-box{margin-top: 50px;}}
@media(min-width: 1283px)and(max-width: 1500px){.i-fir-wrap .left-wrap .cent-cont{top: 95px;}.i-fir-wrap .link{margin-top: 80px;}.i-thr-wrap .link{margin-top: 40px;}.sec-btn .link{margin-top: 53px;}.i-sec-wrap .right-cont .link-box{margin-top: 40px;}.sec-btn .left-wrap .right-cont{padding-top: 48px;}.i-fir-wrap .left-wrap .cent-cont{top: 95px;}}
@media (max-width: 1280px){.i-fir-wrap .left-wrap .cent-cont{top: 40px;}.i-column-wrap.black .stit a{font-size: 22px;}
.i-column-wrap.black .mtit a{font-size: 16px;}.i-column-wrap .font{font-size: 13px;}.i-sec-wrap .left-wrap .right-cont .link-box a{font-size: 13px;}.i-fir-wrap .left-wrap .cent-cont{top:40px}.i-fir-wrap .link{margin-top: 40px;}
.i-sec-wrap .left-wrap .right-cont{padding-top: 20px;}
.i-thr-wrap .link{margin-top: 40px;}
.i-thr-wrap .right-cont .link-box{margin-top: 30px;}
.sec-btn .right-cont .link-box{margin-top:10px;}
.sec-btn .link{margin-top: 23px;}}
@media (max-width: 1480px){.i-fir-wrap .link{margin-top: 40px;}
.i-sec-wrap .left-wrap .right-cont{padding-top: 48px !important;}
.i-thr-wrap .link{margin-top: 40px;}
.i-thr-wrap .right-cont .link-box{margin-top: 50px;}
.sec-btn .right-cont .link-box{margin-top:50px;}
.sec-btn .link{margin-top: 43px;}}
@media (max-width: 1440px){.i-fir-wrap .left-wrap .cent-cont{top: 100px;}.i-sec-wrap .right-cont, .i-fou-wrap .cont-wrap, .i-sex-wrap .cont-wrap{
	padding-top: 128px !important;
}}
@media (max-width: 480px){.i-fir-wrap .left-wrap .cent-cont{width: 86% !important; margin-left: 7% !important;}
    .mobile-scroll .swiper-slide .M-imgbox { height:374px}
.i-sec-wrap .left-wrap .right-cont{width: 86% !important; margin-left: 7% !important;}
.i-sec-wrap .right-cont .link-box a{margin-right: 10px !important;}
.new-cen-heading{padding-bottom: 60px;}
.new-row{padding: 0em 0 4em 0;}
.pb2{padding-bottom: 1rem;}
.i-fiv-wrap .link{margin-top: 60px;}
.sec-row .list-wrap{margin-top: 30px;}}
@media (max-width: 320px){
	.sec-row .list-wrap{margin-top: 20px;}
	.mobile-scroll .swiper-slide .M-imgbox img{width: 100%;}
	.po{bottom: 65px;}
    .new-row .block-item { margin-top: 20px; }
	.swiper-container-horizontal>.swiper-pagination{bottom: 13px !important;}
	.new-row {padding: 0em 0 1em 0 !important;}
}

@media (max-width: 1200px){
.i-sec-wrap .right-cont, .i-fou-wrap .cont-wrap, .i-sex-wrap .cont-wrap{
	padding-top: 18px !important;
}
.i-sec-wrap .left-wrap .right-cont{padding-top: 18px !important;}
}