body{background: #fff;}
.g-adv{width: 100%; position: relative;}
.g-adv img{ width: 100%; display: block;}
.tit01{text-align: center; font-weight: bold; font-family: "Microsoft YaHei";font-size: 1.95rem; color: #3f4650; display: block; margin-bottom: 1.5rem;}
.tit01 a{color: #3f4650;}
.tit01 img{width: 1.75rem; height: 0.15rem;display: inline-block; vertical-align: middle;padding: 0 0.7rem;}
.tit01 i{font-style: normal;}
.tit01 span{font-size: 1rem; text-transform: uppercase; color: #666666;font-weight: normal; display: block;}

/*banner*/

.banner{ position: relative; width: 100%; overflow: hidden;}
.banner img{ width: 100%;}
.banner .xqqbtn{ position: absolute; left: 45%!important; z-index: 66;}

/*hz_bj*/

.hz_bj{ margin: 1.5rem 0 0; padding-top: 1rem; position: relative; background: #ccc; background-size: 100% 100%;font-family: "Microsoft Yahei";box-sizing: border-box;}
.hz_bj h2 a{ color: #fff;}
.hz_bj h2 span{color: #fff;}
.hz_bj .jz_cnt{ position: relative; width: 65.75%; margin: 0 auto; overflow: hidden;}
.hz_bj .jz_cnt dl dt{ width: 100%;}
.hz_bj .jz_cnt dl dt img{ width: 100%; display: block; background: #fff;}
.hz_bj .jz_cnt dl dd h3{ text-align: center; height: 3rem; line-height: 3rem; margin-bottom: 0.5rem;}
.hz_bj .jz_cnt dl dd h3 a{ color: #333;font-size: 1rem;}
.hz_bj .jz_cnt .swiper-pagination{ position: relative;}
.hz_bj .jz_cnt .swiper-pagination-bullets{ display: none; bottom: 1rem !important;z-index: 1}
.hz_bj .jz_cnt .swiper-pagination .swiper-pagination-bullet{ background: #fff;opacity: 1!important;width: 1rem;height: 1rem;margin: 0 0.75rem !important;}
.hz_bj .jz_cnt .swiper-pagination .swiper-pagination-bullet-active{background: #003f97;}

/*相助客户*/

.hz_kh{ background: #fff; margin: 1.5rem 0 0; font-family: "Microsoft Yahei"; box-sizing: border-box;}
.hz_kh h2{margin: 0 auto 1.4rem; font-size: 1.95rem; color: #3f4650;}
.hz_kh h2 a{color: #3f4650;}
.hz_kh h2 span{ color: #666666;}
.hz-kh{ width: 100%; overflow: hidden; position: relative;}
.hz-kh .bd{ margin: 0 4rem; overflow: hidden; padding: 2rem 0 0 0;}
.hz-kh .bd ul li{ float: left; text-align: center; margin-right: 0.7rem; width: 46%; overflow: hidden;}
.hz-kh .bd ul li .pic{ line-height: 0; border: 1px solid #ccc;}
.hz-kh .bd ul li .pic img{ height: 12rem!important;}
.hz-kh .bd ul li .mc{ border: 1px solid #ccc; margin-top: -0.1rem; border-top: none;}
.hz-kh .next,.hz-kh .prev{ position: absolute;}
.hz-kh .next{ right: 9%; top: 44.5%; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}
.hz-kh .prev{ left: 6%; top: 45%;}
.hz-kh .bd ul li a{ color: #222;}

/*产品*/

.pro_bj{background: #ffffff;padding-top: 1rem; background-size: 100% 100%; font-family: "Microsoft Yahei";box-sizing: border-box;}
.pro{width: 93.75%;margin: 0 auto;}
.pro_nav{ height: 3.1rem; margin-bottom: 2rem;}
.pro_nav a{ background: #3e4651; color: #fff;margin-right: 2%; float: left;margin-bottom: 0.5rem; width: 32%; height: 3.1rem; line-height: 3.1rem; box-sizing: border-box; font-weight: normal; font-size: 1.1rem;color: #fff;text-align: center;}
.pro_nav a:nth-child(3){margin-right: 0;}
.pro_nav a.active{ background: #003f97;}
.pro .pro_cnt{width: 100%; margin: 0 auto; overflow: hidden; position: relative;}
.pro2 dl{ padding-bottom: 1rem; overflow: hidden; clear: both; width: 90%; margin: 0 auto;}
.pro2 dl dt{height: 2.6rem;border-bottom: 1px solid #e0e0e0; line-height: 2.6rem;font-size: 1.2rem; color: #003f97; font-weight: bold;}
.pro2 dl dt em{font-family: "Arial";font-size: 1.8rem; font-weight: bold; color: #003f97;padding-right: 0.5rem;}
.pro2 dl dt img{width: 1.2rem; height: 1.2rem; vertical-align: middle;}
.pro2 dl dd:nth-child(2n){ margin-right: 0;}
.pro2 dl dd{ float: left; margin: 0 18% 0.5rem 0; overflow: hidden; background: #ccc; width: 40%; border: 1px solid #ccc; border-radius: 1rem; height: 2rem; line-height: 2rem; color: #3f4650;font-size: 1rem; font-weight: bold; display: block; text-align: center;}
.pro2 dl dd a{ color: #333; display: block;}
.pro2 dl dd:first-child a{ background: #003f97; color: #fff;}
.pro2 li{ width: 44.667%; margin-right: 10%; margin-bottom: 0.5rem; float: left; box-sizing: border-box;}
.pro2 li img{width: 100%;display: block;border: 1px solid #ebeced; box-sizing: border-box;}
.pro2 li span{ width: 100%; height: 3rem;line-height: 3rem;font-family: "Microsoft Yahei"; display: block; text-align: center;color: #333; font-size: 1rem;}
.pro2 li:nth-child(2n){margin-right: 0;}
.pro2 .more{margin: 0 auto 1rem;width: 35%;border: 1px solid #3e4651; border-radius: 1rem; height: 2rem; line-height: 2rem; color: #3f4650; font-size: 1rem; font-weight: bold; display: block; text-align: center;}
.pro2 .pic img{ width: 100%;}
.pro3{ width: 93.75%; margin: 1rem auto 0; overflow: hidden;}

/*优势*/

.g_ys{ background: #ccc; background-size: 100% 52.3rem; padding-top: 1rem; box-sizing: border-box;}
.g_ys h2{text-align: center;color: #333;font-weight: bold;margin-bottom: 1rem;}
.g_ys h2 span{display: block; color: #666;}
.g_ys .tabsys{ border-top: 1px solid #003f97;width: 100%; box-sizing: border-box;}
.g_ys .tabsys li{display: block;float: left; width: 25%; border-right: 1px solid #003f97; border-bottom: 1px solid #003f97; height: 4.1rem; line-height: 4.1rem; box-sizing: border-box; text-align: center;font-size: 1rem;color: #333;font-weight: normal;position: relative;}

/*.g_ys .tabsys li:nth-child(1){width: 26.5625%;}*/


/*.g_ys .tabsys li:nth-child(3){border-right: 0;}*/

.g_ys .tabsys li:nth-child(4){border-right: 0;}
.g_ys .tabsys .active{position: relative;background: #003f97;border-right: 1px solid #003f97;color: #fff; border-bottom: none;}
.g_ys .tabsys .active:before{content: "";position: absolute; left: 50%;bottom: -0.8rem;margin-left: -1.05rem; width: 0; height: 0;border-top: 0.8rem solid #003f97;border-left: 1.05rem solid transparent; border-right: 1.05rem solid transparent;}
.g_ys .js-swiper-tab-news{ position: relative;padding-top: 1.5rem;}
.g_ys dl{width: 100%;}
.g_ys dt,.g_ys dt img{width: 100%;display: block;}
.g_ys dd{padding: 0 0 3% 3%;}
.g_ys dl dd h3{font-size: 1.5rem;color: #3f4650;font-weight: bold; margin-bottom: 0.5rem;}
.g_ys dl dd h3 em{ color: #333; font-weight: bold;}
.g_ys dl dd p{ font-size: 1.1rem; color: #666666; margin-bottom: 0.5rem; line-height: 2.1rem;}
.g_ys dl dd span{ display: block; width: 7rem; background-size: 7rem 2.25rem; height: 2.25rem; line-height: 2.25rem; color: #3f4650;font-size: 1rem; font-weight: normal; text-align: left;padding-left: 0.6rem; box-sizing: border-box;}
.g_ys dl dd span img{width: 100%;}
.g_ys .swiper-pagination-bullets{ display: none; bottom: 1rem !important;z-index: 1}
.g_ys .swiper-pagination .swiper-pagination-bullet{background: #3e4651;opacity: 1!important;width: 1rem;height: 1rem;margin: 0 0.75rem !important;}
.g_ys .swiper-pagination .swiper-pagination-bullet-active{background: #003f97;}
.g_ys .js-swiper-tab-news dl:nth-child(1) {}


/*案例*/

.case{ margin: 1em 0 0;}
.case .tabnr{ position: relative; overflow: hidden; width: 96%; margin: 0 auto}
.case .tabnr .hd{ width: 100%; margin-right: 2%;}
.case .tabnr .hd ul li,.case .tabnr .hd ul .tsli{ float: left; cursor: default; width: 48%; height: 3em; line-height: 3em; background: #003f97; text-align: center; color: #fff; font-size: 1.15em; margin: 0 3% 3% 0;}
.case .tabnr .hd ul li:nth-child(2n),.case .tabnr .hd ul .tsli{ margin-right: 0;}
.case .tabnr .hd ul li.on,.case .tabnr .hd ul .tsli:active{ background: #333;}
.case .tabnr .bd ul li{ overflow: hidden;}
.case .tabnr .bd ul li .pic{ overflow: hidden; margin-bottom: 0.5rem; width: 80%; margin: 0 auto;}
.case .tabnr .bd ul li .pic img{ width: 100%;}
.case .tabnr .bd ul li dd{ margin-top: 0.5rem; background: #f1f1f1; padding: 0.5em 0 0.5em 0.8em; overflow: hidden;}
.case .tabnr .bd ul li dd p{ margin: 0.4em 0 0; font-size: 1.13em; line-height: 1.50em; color: #333;}
.case .tabnr .bd ul li dd p a{ color: #003f97;}
.case .tabnr .bd ul li dd h2{ font-size: 1.40em; font-weight: bold; color: #003f97;}
.case .tabnr .btn{ position: absolute; top: 41%; z-index: 99; width: 10%; height: 50%;}
.case .tabnr .prev{ left: 0;text-align: left;}
.case .tabnr .next{ right: 0; text-align: right;}

/*关于不朽情缘*/

.abt_bj{margin: 1.5rem 0 0; position: relative; background: url(/Public/css/mobile/aboutbg.jpg) no-repeat; background-size: 100% 100%; padding-top: 1rem; width: 100%; font-family: "Microsoft Yahei";}
.abt_bj h2{text-align: center;color: #fff;font-weight: bold;margin-bottom: 1.5rem;}
.abt_bj h2 a{ color: #fff;}
.abt_bj h2 span{display: block; color: #ffffff;}
.about{width: 93.75%; margin: 0 auto; padding-bottom: 1rem;}
.about dl{ width: 100%;border: 0.25rem solid #fff; box-sizing: border-box;}
.about dl dt{width: 100%;margin-bottom: 1.7rem;}
.about dl dt img{ width: 100%; display: block; height: 17rem;}
.about dl dd{ width: 100%;}
.about dl dd h3{ color: #3f4650;font-size: 1.2rem; height: 2rem; font-weight: bold; text-align: center;}
.about dl dd h3 a{color: #3f4650;}
.about dl dd p{color: #383f49; font-size: 0.9rem;font-family: "Microsoft Yahei";line-height: 1.3rem; text-align: center;}
.about .moreabout{ color: #003f97;font-size: 1.2rem;}
.moredx{ margin: 0 auto 1rem; display: block; width: 25%; height: 3rem; line-height: 3rem; background: #003f97; color: #fff; text-align: center; font-size: 1.2rem;}
.hz_bj .btn{ position: absolute; top: 42%; cursor: pointer; width: 14%;}
.hz_bj .btn img{ width: 100%;}
.hz_bj .prev{ left: 0;}
.hz_bj .next{ right: 0;}

/**/

.g_xc2{height: 22.1rem;background: #fff; overflow: hidden; position: relative;}
.g_xc2:after{content: ""; position: absolute; background: #c5c5c5;width: 100%; height: 1px; top: 1.5rem;left: 0;}
.xc_nav{ height: 2.9rem;border: 1px solid #c5c5c5; background: #fff;width: 62%; overflow: hidden; margin: 0 auto 1.25rem; position: relative;z-index: 1;}
.xc_nav li{border-right: 1px solid #c5c5c5; display: block; position: relative; float: left;margin-bottom: 0.5rem; width: 50%; height: 2.9rem; line-height: 2.9rem; box-sizing: border-box; font-weight: normal; font-size: 0.9rem;color: #3f4650;text-align: center;}
.xc_nav li a{color: #3f4650;}
.xc_nav li:nth-child(2){border-right: 0;}
.xc_nav li.active{position: relative; font-weight: bold; color: #ae120b;}
.xc_nav li.active a{color: #ae120b;}
.xc_c{ position: relative;height: 16rem; overflow: hidden;width: 93.75%;margin: 0 auto;}
.xclst2{ overflow: hidden;}
.xclst2 li{width: 45%;float: left;margin-right: 10%;}
.xclst2 li:nth-child(2n){margin-right: 0;}
.xclst2 li img{width: 100%; display: block;}
.xclst2 li span{height: 2.5rem; display: block; overflow: hidden; font: 0.9rem "Microsoft YaHei"; text-align: center; color: #555555; font-weight: normal; line-height: 2.5rem;}
.js-swiper-nest-bas-in .swiper-pagination-bullets{ display: none; bottom: 1rem !important;z-index: 1}
.js-swiper-nest-bas-in .swiper-pagination .swiper-pagination-bullet{background: #3e4651;opacity: 1!important;width: 1rem;height: 1rem;margin: 0 0.75rem !important;}
.js-swiper-nest-bas-in .swiper-pagination .swiper-pagination-bullet-active{background: #003f97;}

/*资讯*/

.new .menu{ overflow: hidden; width: 98%; margin: 0 auto; margin-bottom: 0.8em; float: none;}
.new .menu li{ float: left; background: #003f97; border-radius: 5px; color: #fff; font-size: 1.15em; height: 2.143em; line-height: 2.143em; text-align: center; margin-right: 1%; width: 32%;}
.new .menu li.on{ background: #333; background-size: cover;}
.new .newdq{ width: 96%; margin: 1em auto 0; overflow: hidden;}
.new .bd ul li{ width: 100%; height: 1.29em; margin-bottom: 1.12em; line-height: 1.15em; white-space: normal; text-overflow: ellipsis; overflow: hidden;}
.new .bd ul li a{ font-size: 1.12em; color: #666; line-height: 1.12em;}
.new .bd ul li:active a{ color: #feab2f;}

/*标记下拉托付*/

html{ background: #f7f7f7;}
.fade{ -webkit-animation-name: fade; animation-name: fade;}
html{font-size: 10px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@media screen and (min-width:320px){html{font-size: 10px;}
	}
@media screen and (min-width:360px){html{font-size: 11.25px;}
	}
@media screen and (min-width:375px){html{font-size: 11.7px;}
	}
@media screen and (min-width:384px){html{font-size: 12px;}
	}
@media screen and (min-width:480px){html{font-size: 15px;}
	}
@media screen and (min-width:414px){html{font-size: 13px;}
	}
@media screen and (min-width:560px){html{font-size: 17.5px;}
	}
@media screen and (min-width:640px){html{font-size: 20px;}
	}
<!--耗时1764437059.4376秒-->