@charset "utf-8";
 
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
a:active, a:focus, a { outline: none; }
body {width: auto; min-width: 1210px; }
li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.fz12 { font-size: 12px; }
.wfs { width: 100%; }
 
.db { display: block; }
.fs12 { font-size: 12px; }
.tac { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.trans { transition: all 0.3s ease 0s; }
.cf:after, .cf:before, .inline:after, .inline:before { display: table; content: ""; }
.cf:after, .inline:after { clear: both; overflow: hidden; }
.inline li { float: left; }
em { font-style: normal; }
.i, i { display: inline-block; vertical-align: middle; background-repeat: no-repeat; }
.wrap { width: 1210px; margin-left: auto; margin-right: auto; position: relative; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pip { width: 1px; height: 1em; vertical-align: middle; display: inline-block; overflow: hidden; background-color: rgb(221, 221, 221); }
 
.product-nav{width: 100%;display: block;text-align: center;bottom:0;background: rgba(21, 45, 85, 0.2);}
.product-nav .items{margin: 0 auto;overflow: hidden;}
.product-nav .items li{color: #fff;display: inline-block;font-size: 22px;padding: 12px 28px;margin-right: 4px;line-height:28px;}
.product-nav .items li span{float: left;margin-right: 4px;display: block;width:28px;height: 28px; background: url(../images/icon_product_auth2.png) center center no-repeat;}
.product-nav .items .active{background-color: #fff;color: #ff6f06;}
.product-nav .items .active span{background:#fff url(../images/icon_product_auth.png) center center no-repeat;}

.banner { padding:50px 0; height:250px; margin-bottom:40px; background: url(../images/messagebg.jpg) center no-repeat;}
.banner h2 { font-size: 36px; color: rgb(255, 255, 255); padding-top:50px; font-weight:600; width: 100%; }
.banner h3 { font-size: 24px; color: rgb(255, 255, 255); padding-top:110px; font-weight: 200; width: 100%; }
 
.block2 {  padding: 0px 0px; margin-top: 30px; }
.m-card, .mp-card { color: rgb(51, 51, 51); line-height: 1.8; }
.m-card h3, .mp-card h3 { font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 10px; }
.m-card { border-bottom: 1px solid rgb(245, 245, 245); padding-bottom: 30px; margin-bottom: 20px; }
.m-card ol, .m-card p { width: 600px; margin: 0px auto; }
.m-card ol { margin-bottom: 30px; }
 
.mp-card .a { width: 845px; margin: 40px auto 0px; }
.mp-card .a strong { position: absolute; text-align: center; bottom: 0px; font-weight: 400; left: 0px; width: 100%; }
.mp-card .a img { position: absolute; top: 200px; left: 80px; }
.mp-card .a-a, .mp-card .a-b { position: relative; width: 373px; height: 370px; background: url('../images/phone.png') no-repeat scroll center top transparent; }

.item1-panel1 {
    text-align: left;
    padding-top: 20px;
	
}

.item1-panel1 .p1-item {
    width: 580px;
    height: 227px;
    opacity: 1;
    background: #ffffff;
    border-radius: 4px;
    padding: 30px 0 0 30px;
    box-sizing: border-box;
	margin-bottom:50px;
	box-shadow: 0px 0px 2px #ccc;transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear
  
}
.item1-panel1 .p1-item:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #666;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.item1-panel1 .p1-item .top-box .icon-box {
    display: inline-block;
    width: 71px;
    height: 71px;
    margin-right: 26px;
    vertical-align: top;
}
.item1-panel1 .p1-item .top-box .icon-box.i1 {
    background: url(../images/zscq.svg);
}
.item1-panel1 .p1-item .top-box .icon-box.i2 {
    background: url(../images/zzq.svg);
}
.top-box .r-box {
    display: inline-block;
}
.top-box .r-box .r-tle {
    font-size: 24px;
    color: #333333;
    line-height: 24px;
    letter-spacing: 1px;
}
.top-box .r-box .r-tlebtm {
    width: 65px;
    height: 14px;
    display: block;
    background: url(../images/ycsvg.svg) no-repeat center bottom;
    background-position: 0px -82px;
    margin-top: 22px;
}
.item1-panel1 .p1-item .btm-txt {
    padding-top: 24px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    letter-spacing: 1px;
}
.item1-panel1 .p1-item .btm-txt b{ color:#F00}
.cp-risk{padding: 60px 0;background: url(https://www.xiuzhanwang.com/agent/style/images/banner.jpg) no-repeat center center;}
.cp-risk .risk-title{font-size: 30px;color: #FFFFFF;text-align: center;margin-bottom: 40px;}
.cp-risk .risk-list{display: flex;align-items:center;justify-content: space-between;}
.cp-risk .risk-list .risk-item{display: flex;align-items:center;justify-content: center;flex-direction: column;}
.cp-risk .risk-list .risk-item .risk-icon>.iconfont{font-size:80px;color: #fff;}
.cp-risk .risk-list .risk-item .risk-tit{font-size: 18px;color: #fff;font-weight: 700;margin: 12px 0;}
.cp-risk .risk-list .risk-item .risk-desc{font-size: 14px;color: rgba(255,255,255,0.6);}

.cp-question{position: relative;padding: 60px 0;background-color: #fff;}
.cp-question .question-title{font-size:32px;text-align: center;color: #333333;margin-bottom: 40px;}
.cp-question .question-list .question-item{width:480px; height: 80px;background: #FFFFFF;border-radius: 4px;border: 1px solid #D9D9D9;padding: 30px 40px;margin-bottom: 20px;}
.cp-question .question-list .question-item .ques-val{font-size: 14px;color: #333;font-weight: 700;background: url(../images/wenti.gif) no-repeat; padding-left:25px}
.cp-question .question-list .question-item .answer-val{font-size: 14px;color: #666;}
.cp-question .question-list .question-item .ques-hd{margin-bottom: 20px;}
 

.cp-lc{padding: 80px 0;}
.cp-lc-title{margin-bottom:10px;text-align: center;font-size: 30px;color: #333333;line-height: 50px;}
.cp-lc-hint{text-align: center;font-size: 14px;color: #999;line-height: 28px;}
.cp-lc-hint .color{color: #39AEFF;}
.cp-lc-hint .color:hover{/* color: #1395E7; */}
.cp-lc-list{margin-top: 44px;margin-right: -16px;}
.cp-lc-list li{position: relative;float: left;margin-right: 14px;width: 228px;height: 247px;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 4px;background: url(../images/cp-lc-li.png) no-repeat center bottom;}
.cp-lc-list li .cp-lc-litips{position: absolute;top: 16px;left: 0;width: 76px;height: 30px;line-height: 30px;text-indent: 5px;background: #ed2d38;border-radius: 0px 100px 100px 0px;font-size: 16px;color: #FFFFFF;}
.cp-lc-list li .cp-lc-litext{position: absolute;bottom: 30px;left: 0;right: 0;text-align: center;font-size: 16px;color: #666666;}
.cp-lc-list li i{position: absolute;left: 0;right: 0;top: 69px;margin: auto;width: 108px;height: 108px;background: url(../images/cp-lc-icon.png) no-repeat;}
.cp-lc-list li.icon1 i{background-position: 0px 0;}
.cp-lc-list li.icon2 i{background-position: -108px 0;}
.cp-lc-list li.icon3 i{background-position: -216px 0;}
.cp-lc-list li.icon4 i{background-position: -324px 0;}
.cp-lc-list li.icon5 i{background-position: -432px 0;}
.cp-lc-list li.icon6 i{background-position: -540px 0;}

/* 第二部分 */
.cp-gbfx{overflow: hidden; width: 100%; }
.cp-gbfx .list8 .container div{display: none; width:1200px; margin:0 auto; animation-duration: 0.4s; animation-name: fadeIn; animation-timing-function: linear; -webkit-animation-duration: 0.4s; -webkit-animation-name: fadeIn; -webkit-animation-timing-function: linear;}
.cp-gbfx .list8 .container div:nth-child(1){display: block;}
.cp-gbfx .list8 h2{width: 420px; margin:75px 0 30px; font-size: 20px; font-weight: 600;}
.cp-gbfx .list8 p{font-size:16px; ; font-weight:400; color:rgba(102,102,102,1); line-height:30px; width:480px;}
.cp-gbfx .list8 a{display: block; width:170px; height:50px; border:1px solid rgba(240,59,59,1); border-radius:27px; font-size:16px; ; font-weight:400; color:rgba(240,59,59,1); line-height:50px; text-align: center; margin:65px 0 113px;}

.cp-gbfx .list7>ul{overflow: hidden; text-align:center}
.cp-gbfx .list7>ul li{width: 15%; margin:0 auto; height: 80px; font-size: 18px; display:inline-block; font-weight: 400; line-height: 80px; text-align: center;}
.cp-gbfx .list7>ul li:nth-child(1){border-bottom:2px solid rgba(240,59,59,1);}

.cp-gbfx .list8{background:rgba(247,247,252,1); overflow: hidden; padding-bottom: 50px;}
.cp-gbfx .list8 li{float: left;}
.cp-gbfx .list8 li:first-child{margin-right: 40px;}
.cp-gbfx .list8 img{margin-top:30px;}
 
.section-title{text-align: center; padding-top: 52px; margin-bottom: 58px;}
.section-title h2{font-size: 30px; color: #333; margin-bottom: 25px; font-weight: 400;}
.section-title p{font-size: 16px; color: #95989d; width: 850px;margin: 0 auto;}


/* 第三部分 */
.cp-why{padding-top: 60px;}
.cp-why .w1200{width: 990px;}
.cp-why .why-title{font-size:30px;text-align: center;color: #333333; font-weight:400}
.cp-why .why-p1{padding: 24px 0 60px;font-size: 16px;text-align: center;color: #95989d;line-height:28px;}
.cp-why .why-caseList{display: flex;align-items: center;justify-content: space-between;padding: 34px 0 100px;}
.cp-why .why-caseList .why-caseItem{flex-shrink: 0;width: 216px;}
.cp-why .why-caseList .why-caseItem .why-caseBox{display: flex;align-items: center;justify-content: center;-webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);width: 92px;height: 92px;background: linear-gradient(270deg, #EDEDED 0%, #F9F9F9 100%);margin: 0 auto;margin-bottom: 20px;}
.cp-why .why-caseList .why-caseItem .why-caseBox .iconfont{font-size: 48px;color: #333;}
.cp-why .why-caseList .why-caseItem .why-caseText{font-size: 14px;text-align: center;color: #333333;}

.cp-design{width: 100%;background:#212121 url(https://www.xiuzhanwang.com/agent/style/images/banner.jpg);padding-top: 60px;padding-bottom: 80px;}
.cp-design .design-title{font-size: 30px;text-align: center;color: #fff;margin-bottom: 48px; font-weight:400}
.cp-design .design-box img{display: block;border-radius: 28px;border: 8px solid #696969;margin: 0 auto;}

/*经典案例*/
.case_main{width: 100%;height: 707px; background: rgba(237, 45, 56, 0.05); }
.case_main .title{font-size: 30px;text-align: center;color: #333333;padding:40px 0 20px 0;}
.case .caseList{margin-top: 60px;position: relative;}
.case .caseList .item{float: left;display: block;width: 280px;height: 360px;margin-right: 30px;}
.case .caseList .item a{display: block;}
.case .caseList .item .img{display: block;width: 280px;height: 300px;overflow: hidden;}
.case .caseList .item .img img{display: block;width: 100%;height: 100%;}
.case .caseList .item .txt{height: 50px;line-height: 50px;background: #fff;transition: background ease 0.36s;}
.case .caseList .item .txt .tit{height: 50px;font-size: 14px;line-height: 50px;text-indent: 30px;color: #666;background: url("../images/arra.png") no-repeat 92% center;background-size: 21px 4px; font-weight:normal}
.case .caseList .item:hover .txt{background: #ed2d38;transition: background ease 0.36s;}
.case .caseList .item:hover .txt .tit{color: #fff;background: url("../images/arrh.png") no-repeat 92% center;background-size: 21px 4px;transition: background ease 0.36s;}
.case .caseList .hd{position: absolute;width: 100%;top: 130px;}
.case .caseList .hd span{position: absolute;display: block;width: 40px;height: 40px;cursor: pointer;}
.case .caseList .hd .prev{left: -80px;background-position: -44px -1px;}
.case .caseList .hd .next{right: -90px;background-position: -86px -1px;}
.case .caseList .hd .prev:hover{background-position: -2px -1px;}
.case .caseList .hd .next:hover{background-position: -128px -1px;}
.case .cMore{display: block;width: 198px;height: 43px;margin: 0 auto;margin-top: 40px;font-size: 16px;line-height: 43px;text-align: center;color: #ed2d38;border: 1px solid #ed2d38;transition: all ease 600ms;}
.case .cMore:hover{width: 240px;background: #ed2d38;color: #fff;transition: all ease 600ms;}
.banquan_ico {
	background: url(../images/banquan_ico.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}

.wt_team{background-color: #fff; overflow: hidden; padding:50px 0 50px 0;}
.wt_team .staticMain{overflow: hidden; margin:0 auto; width:1200px}
.wt_team .teamTitle{text-align: center; margin-bottom: 75px;}
.wt_team .teamTitle h2{font-size: 30px; font-weight: normal; margin-bottom: 20px; color:#333;}
.wt_team .teamTitle p{font-size: 12px; color:#666;}
.wt_team .teamList{}
.wt_team .teamList dl{width: 1295px;}
.wt_team .teamList dd{float: left; width: 360px; margin-right: 90px; border-right: 1px solid #EDEDED;}
.wt_team .teamList dd:last-child{margin-right:0; float:right}
.wt_team .teamList dd .pic{display: block; float: left; margin-right: 25px;}
.wt_team .teamList dd .teamInfo{overflow: hidden; padding:10px 0;}
.wt_team .teamList dd .teamInfo h2{font-size: 16px; color:#555; margin-bottom: 10px;}
.wt_team .teamList dd .teamInfo h2 em{font-size: 12px; margin-left: 5px;}
.wt_team .teamList dd .teamInfo p{font-size: 12px; color:#888; margin-bottom: 15px;}
.wt_team .teamList dd .teamInfo a{display: block; width: 90px; height: 30px; line-height: 30px; text-align: center; color:#fff; font-size: 12px; border-radius: 3px; background-image: linear-gradient(top,#00DEFF,#00AFEF); background-image: -moz-linear-gradient(top,#00DEFF,#00AFEF); background-image: -webkit-linear-gradient(top,#00DEFF,#00AFEF); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00DEFF,endcolorstr=#00AFEF,gradientType=0);}

.intro-promise{position: relative;padding-bottom: 60px;background-color: #fff;padding-top: 60px;}
.intro-promise .border-arrow{top: -5px;}
.intro-promise .w1200{padding: 0 100px;}
.intro-promise .promise-title{position: relative;font-size: 30px;color: #333333;text-align: center;letter-spacing: 1px;z-index: 1;}
.intro-promise .promise-title .en{position:absolute ;top: 0;left: 50%;transform: translateX(-50%);color:#333333;font-size: 36px;opacity: 0.08;}
.intro-promise .promise-des{margin: 30px 0 55px;}
.intro-promise .promise-des p{font-size: 14px;color: #333333;line-height: 1;margin-bottom: 10px;text-align: center;}
.intro-promise .promise-part .promise-img{width:580px;height:410px; text-align: center;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.04);border-radius: 12px;border: 1px solid #D9D9D9;}
.intro-promise .promise-part .promise-img img{height: 410px;vertical-align: middle;border-radius: 12px;}
.intro-promise .promise-part .promise-tit{text-align: center;font-size: 16px;color:#333333;margin-top: 20px;}



.ctn-box .l-tle {
    font-size: 24px;
    padding-top: 50px;
    text-align: left;
    color: #333333;
    line-height: 24px;
    letter-spacing: 1px;
    padding-bottom: 30px;
}
.ctn-box .ans-box .ans-item {
    width: 100%;
    opacity: 1;
    background: #ffffff;
    border: 2px solid #eef3f7;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 40px 50px 50px;
    position: relative;
    margin-bottom: 50px;
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear
}
.ctn-box .ans-box .ans-item:hover{-webkit-transform:translate3d(0, -2px, 0);
	-ms-transform:translate3d(0, -2px, 0);
	-moz-transform:translate3d(0, -2px, 0);
	-o-transform:translate3d(0, -2px, 0);
	transform:translate3d(0, -2px, 0);
	box-shadow:0 15px 30px #ccc;
	-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-ms-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-moz-box-shadow:0 15px 30px rgba(0,0,0,.1);
	-o-box-shadow:0 15px 30px rgba(0,0,0,.1);}
.ctn-box .ans-box .ans-item .tag-box {
    width: 104px;
    height: 28px;
    opacity: 1;
    background: #c5010a;
    border-radius: 0px 100px 100px 0px;
    position: absolute;
    top: 20px;
    left: -4px;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    line-height: 28px;
    letter-spacing: 1px;
}
.ctn-box .ans-box .ans-item .tag-box:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
    margin-right: 8px;
    vertical-align: 1px;
}
.ctn-box .ans-box .ans-item .tag-box:after {
    content: '';
    border-top: 2px solid #A10209;
    border-right: 2px solid #A10209;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    position: absolute;
    bottom: -4px;
    left: 0;
}
.ctn-box .ans-box .ans-item .top-b .tle-box {
    padding: 70px 0 13px;
    font-size: 20px;
    color: #333333;
    line-height: 24px;
    letter-spacing: 1px;
}
.ctn-box .ans-box .ans-item .top-b .tle-btm {
    padding-bottom: 20px;
    border-bottom: 1px solid #eef3f7;
}
.ctn-box .ans-box .ans-item .btm-box p.btm-tle {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    letter-spacing: 1px;
    padding: 20px 0 15px;
}
.ctn-box .ans-box .ans-item .btm-box p {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    letter-spacing: 1px;
}
