@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }

.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/


.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); /*position:fixed; left:0; top:0;  z-index:100;*/  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; border-bottom:1px solid #CCC; box-sizing: border-box;}
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; position: relative; }
.logo{ display:block; width:160px; padding-top: 10px; padding-bottom:10px;flex-shrink: 0}
.logo img{ width:100%;}
.nav{ width:100%; box-sizing: border-box; font-size: 0; padding:0 15%;}
.nav > ul{ width: 100%; height: 80px;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.nav > ul > li{ position: relative;}
.nav > ul > li > a{ width:100%; height: 80px; line-height: 80px; display: block; text-align: center; box-sizing: border-box; border-bottom: 1px solid transparent; font-size: 16px; position: relative;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; color: #155380;}
.nav > ul > li.on{ border-top:#165180 3px solid }


.hdCenter{ height: 28px; align-self: center; flex-shrink: 0; width: 130px; margin-right:70px}
.hdCenter-login{ width: 130px; display: flex; height: 28px; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.hdCenter-login > a{ display: block; width: 60px; height: 28px; line-height: 26px; box-sizing: border-box; border:1px solid #acabab; background-color: #FFF; font-size: 14px; color: #333;}
.hdCenter-login > a + a{ margin-left:10px; }
.hdCenter-login > a:nth-of-type(1){ border:1px solid #155380; background-color: #155380; color: #FFF !important; }
.hdCenter-user{ width: 180px; height: 28px; position: relative;}
.hdCenter-user > h3{ width: 100%; height: 28px; line-height: 28px; font-size: 14px; font-weight: normal;cursor: pointer; }
.hdCenter-user > h3 > i{ font-size: 14px; }
.hdCenter-user > p{ width: 100%; height: auto; position: absolute; left:0;top:28px; display: none; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; background-color: #FFF; border-radius: 0 0 4px 4px; overflow: hidden; border:#ccc 1px solid; z-index:9999; padding-bottom:5px; }
.hdCenter-user > p > a{ display: block; width: 100%; height: 30px; line-height: 30px; text-align: left; box-sizing: border-box; padding:0 10px; font-size: 14px;  }
.hdCenter-user:hover > p{ display: block; }

.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:16px; color: #013686; }
.menu > h3 > i{ font-size:20px;}

.header-blank{ background-color:transparent; height:80px; display: none;}


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto;   }
/*底部*/
.service{ box-sizing:border-box; background-color: #dfdfdf; min-width: 320px;  }
.service > .c-con{ width:980px; min-width: 320px; margin:0 auto; padding-top:4%; padding-bottom: 4%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.serv-menu{ width:100%; }
.serv-menu > ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.serv-menu > ul > li{ width:25%; text-align: left;}
.serv-menu > ul > li > a{ width: 100%;display: block; }
.serv-menu > ul > li > a > h3{ font-size: 24px; line-height: 3; font-weight: normal; margin-bottom:8%; position: relative; color: #0d80b4 !important;}
.serv-menu > ul > li > a > h3::after{ content: ' '; width: 30px; height: 1px; background-color: #3593bd; position: absolute; left:0;bottom:0; }
.serv-menu > ul > li > a > p{ font-size: 14px; text-transform: capitalize; color: #999 !important; }
.serv-ewm{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; flex-shrink: 0; }
.serv-ewm > p{ width: 120px; margin:0 auto; }
.serv-ewm > h3{ background-color: #FFF; padding:0 10px; height: 24px; line-height: 24px; font-weight: normal; font-size: 12px; border-radius: 12px; margin-top: 10px; margin-bottom: 5px;}
.serv-ewm > div{ height: 40px; line-height: 20px; font-size: 12px; text-align: center; }

.foot-blank{ height:auto; width:100%; }
.footer{ box-sizing:border-box; background-color: #353f49;  }
.footer > .c-con{ padding-top:1.5%; padding-bottom: 1.5%; }
.copyright{width: 100%; text-align: center; line-height: 24px; text-align: center; font-size: 12px; color: #FFF;}






/*首页*/
/*焦点图*/
.flash,.colFlash{ width:100%; position: relative; min-width: 320px; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:1%; padding-bottom:1%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; z-index: 300; display: none;}
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box; background-color: #FFF; }
.swiper1 .swiper-wrapper{ z-index: 205; }
.swiper1 .swiper-pagination-bullet-active{background-color:#3d5c9d;}
.swiper1 .swiper-slide{ position:relative;  z-index: 220;}
.swiper1 .swiper-slide > img,.colFlash img{ width:100%;}
.swiperAbout{ width: 1200px; height: 100%; position: absolute; left:50%; top:0; z-index: 410; margin-left:-600px; background-color: rgba(0,0,0,0); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.sa-header{  }
.sa-header > h3,.sa-header > p{ width:100%; font-weight: normal; font-size: 48px; line-height: 1.4; text-align: center; color: #FFF;}
.sa-header > p{ font-weight: normal; font-size: 16px; height: 30px; line-height: 30px; text-transform: capitalize; color: rgba(255,255,255,0.8); }
.sa-search{ width: 60%;height: 48px; box-sizing: border-box; background-color: #FFF; border:1px solid #8e8c8c; margin-top: 2.5%; margin-bottom: 10%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.saSearch-selectCity{ width: 100px; flex-shrink: 0; position: relative; z-index: 440;}
.saSearch-selectCity > h3,.saSearch-selectZhiwei > h3{ width:100px; height: 46px; line-height: 46px; font-weight: normal; font-size: 14px; text-align: left; box-sizing: border-box; padding-left:10px; cursor:pointer }
.saSearch-selectCity > h3 > p,.saSearch-selectZhiwei > h3 > p{ display: inline-block; }
.saSearch-selectCity > h3 > p > span,.saSearch-selectCity > p > a > span,.saSearch-selectZhiwei > h3 > p > span,.saSearch-selectZhiwei > p > a > span{ display: none; }
.saSearch-selectCity > h3 > i,.saSearch-selectZhiwei > h3 > i{ font-size: 12px; }
.saSearch-selectCity > div{ width: 100%; position: absolute; left:0;top:46px; background-color: #FFF; border-radius: 0 0 4px 4px; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; display: none; z-index: 500;}
.saSearch-selectCity > div > p{ width: 100%; height: 30px; line-height: 30px; display: block; text-align: left; box-sizing: border-box; padding:0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; background-color: #FFF;}
.saSearch-selectCity > div > p >span{ display:none}

.saSearch-selectCity > div.on{ display: block; }
.saSearch-selectZhiwei{ width: 100px; flex-shrink: 0; position: relative; z-index: 240;}
.saSearch-selectZhiwei > h3{ width: 100px; }
.saSearch-selectZhiwei > p{ width: 100%; position: absolute; left:0;top:46px; background-color: #FFF; border-radius: 0 0 4px 4px; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; display: none; z-index: 300;}
.saSearch-selectZhiwei > p > a{ width: 100%; height: 30px; line-height: 30px; display: block; text-align: left; box-sizing: border-box; padding:0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; background-color: #FFF;}
.saSearch-selectZhiwei > p.on{ display: block; }
.saSearch-input{ width:100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; padding:0 10px; }
.saSearch-input > input{ width:100%; height: 28px; line-height: 28px; border:0; font-size: 14px; }
.saSearch-submit{ width: 86px; flex-shrink: 0;}
.saSearch-submit input{ width: 100%; height: 46px; padding:0; line-height: 46px; background-color: #155380; color: #FFF; border-radius: 0; border:0;}
.sa-btn{ width: 48px; height: 48px; border-radius: 50%; background-color: #155380; line-height: 48px; text-align: center; color: #FFF !important; background-image: url(../images/icon-next.png); background-position: left top; background-size: 100% 100%; background-repeat: no-repeat; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.sa-btn:hover{ opacity: 0.6; }
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display:none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }

/**/
.f1,.f2,.f4{ width: 100%; min-width: 320px; position: relative; }
.f1 > img,.f2 > img,.f4 > img{ width: 100%; }
.f1Main,.f2Main,.f4Main{ width: 1200px; height: 100%; position: absolute; left:50%; top:0; margin-left:-600px; background-color: rgba(0,0,0,0);display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.col-header{  }
.col-header > h3,.col-header > p{ width:100%; font-weight: normal; font-size: 48px; line-height: 1.4; text-align: center; color: #FFF;}
.col-header > p{ font-weight: normal; font-size: 16px; height: 30px; line-height: 30px; text-transform: capitalize; color: rgba(255,255,255,0.8); }

.flList{ width: 980px; height: auto; margin:8.75% auto; }
.flList > ul > li{ width: 23.5%; height: 0; padding-top: 23.5%; position: relative; float: left; margin-right: 2%; }
.flList > ul > li:nth-of-type(4n){ margin-right:0; }
.flList > ul > li > a{ width: 100%; height: 100%; background-color: #FFF; display: block; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.flList > ul > li > a > p{ width: 40%; margin:0 auto; }
.flList > ul > li > a > p img{ width: 100%; }
.flList > ul > li > a > h3{ font-weight: normal; font-size: 16px; text-align: center; width: 100%; margin-top: 5%; }


.f2List{ width: 980px; height: auto; padding-top: 30%; background-color: #FFF; margin:5% auto; position: relative;}
.f2Cont{ width: 100%; height: 100%; background-color: #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; position: absolute; left:0; top:0; padding:3%; box-sizing: border-box; }
.f2Cont > .f2Items{ width: 48%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.f2Item-title{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.f2Item-title > p{ font-size: 18px; line-height: 36px; padding:0 4px; box-sizing: border-box; border-bottom: 2px solid #155380; }
.f2Item-title > a{ width: auto; height: 24px; line-height: 22px; border-radius: 4px; border: 1px solid #EEE; display: block; font-size: 12px; padding:0 10px; box-sizing: border-box;}
.f2Item-list{width: 100%; flex:1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-top: 3%;}
.f2Item-list > p{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-size: 14px;}
.f2Item-list > p > span{ color: #999; }

.zpList{ width:100%; padding:1% 0; margin:0 auto; box-sizing: border-box; }
.zpList > ul > li{ width: 100%; height: auto; box-sizing: border-box; border:2px solid #c7c8c8; margin-bottom:2.5%; padding:2.5%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.zpList > ul > li.on{ height: auto;}
.zpList > ul > li > .zpItem-about,.zpItem-aside{ width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center;}
.zpList > ul > li > .zpItem-about > div{ width: 100%;  }
.zpList > ul > li > .zpItem-about > div > h3{ width: 100%; font-size: 18px; line-height: 2; font-weight: normal; }
.zpList > ul > li > .zpItem-about > div > h4{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; font-weight: normal; margin-top:10px;}
.zpList > ul > li > .zpItem-about > div > h4 > p{ width: 24px; height: 24px; line-height: 10px; text-align: center; flex-shrink: 0; margin-right: 10px;}
.zpList > ul > li > .zpItem-about > div > h4 > span{ display: inline-block; width: 100%; line-height: 24px; font-size: 14px; }
.zpList > ul > li > .zpItem-about > a{ display: block; width: 100px; height: 100px; border-radius: 50%; background-color: #ededed; text-align: center; line-height: 100px; font-size: 14px; flex-shrink: 0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.zpList > ul > li > .zpItem-about > a:hover{ background-color: rgba(21,83,128,1); color: #FFF !important; }
.zpItem-aside{ margin-top: 2%; }
.zpItem-aside > div{ width: 100%; height:72px;line-height: 24px; font-size: 14px; overflow:hidden; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;padding-left:35px}

.zpItem-aside > a{ width: 100px; height: 30px; display: block; line-height: 30px; text-align: center; font-size: 14px; align-self: flex-start; color: rgba(21,83,128,1); transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.zpItem-aside > a > i{ font-size: 12px;}
.zpItem-aside > a:hover{ background-color: rgba(21,83,128,1); color: #FFF !important; }

.zpItem-aside > div.on{ height:auto; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}

.f4About{ width: 980px; box-sizing: border-box; padding:3%; margin:5% auto; background-color: #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.f4About-img{ width: 50%; display: block; overflow: hidden; }
.f4About-img img{ width: 100%; }
.f4About-cont{ width: 48%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.f4About-cont > div{ width: 100%; font-size: 14px; height:auto; line-height: 21px; overflow: hidden; text-indent: 28px;  }
.f4About-cont > p{ width: 100%; height: 30px; text-align: right; }
.f4About-cont > p > a{ display: inline-block; height: 30px; line-height: 30px; font-size: 14px; background-color: #155380; color: #FFF; padding:0 10px; }
.f4About-cont > p > a:hover{ color:#FFF}
.colFlash{ position: relative; }
.colFlash > p{ width: 1200px; min-width:320px; height: 100%; position: absolute; left:50%; top:0; margin-left: -600px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; }
.colFlash > p > span{ color: #FFF; font-size: 28px; }


.location{ width: 100%; box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.location > p{ font-size: 20px; padding:0 20px; line-height: 2.1;  }
.location > p:nth-of-type(1){ position: relative; }
.location > p:nth-of-type(1)::after{ content: ' '; width: 1px; height: 24px; background-color: #cbcbcb; position: absolute; right:0; top:50%; margin-top: -12px; }
.location > p.on{ color: #ce1b28; }
.location > p.on > a{ color: #d71b28; }
.center{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; padding-bottom: 5%;}
.center > .centerMenu{ width: 200px; flex-shrink: 0; height: auto; margin-right: 10px; }
.center > .centerMenu > ul > li{ width: 100%; height: auto; }
.center > .centerMenu > ul > li > a{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; padding: 6px 10px; box-sizing: border-box;}
.center > .centerMenu > ul > li > a > p{ width:30px; height: 30px; flex-shrink: 0; margin-right: 10px; background-position: left top; background-repeat: no-repeat; background-size: 100% 100%;}
.center > .centerMenu > ul > li:hover,.center > .centerMenu > ul > li.on{ background-color: #cf1b24; color: #FFF; }
.center > .centerMenu > ul > li:nth-of-type(1) > a > p{ background-image: url(../images/emp-108.png); }
.center > .centerMenu > ul > li:nth-of-type(1):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(1).on > a > p{ background-image: url(../images/emp-108-2.png); }
.center > .centerMenu > ul > li:nth-of-type(2) > a > p{ background-image: url(../images/emp-109.png); }
.center > .centerMenu > ul > li:nth-of-type(2):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(2).on > a > p{ background-image: url(../images/emp-109-2.png); }
.center > .centerMenu > ul > li:nth-of-type(3) > a > p{ background-image: url(../images/emp-110.png); }
.center > .centerMenu > ul > li:nth-of-type(3):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(3).on > a > p{ background-image: url(../images/emp-110-2.png); }
.center > .centerMenu > ul > li:nth-of-type(4) > a > p{ background-image: url(../images/emp-111.png); }
.center > .centerMenu > ul > li:nth-of-type(4):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(4).on > a > p{ background-image: url(../images/emp-111-2.png); }
.center > .centerMenu > ul > li:nth-of-type(5) > a > p{ background-image: url(../images/emp-112.png); }
.center > .centerMenu > ul > li:nth-of-type(5):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(5).on > a > p{ background-image: url(../images/emp-112-2.png); }
.center > .centerMenu > ul > li:nth-of-type(6) > a > p{ background-image: url(../images/emp-113.png); }
.center > .centerMenu > ul > li:nth-of-type(6):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(6).on > a > p{ background-image: url(../images/emp-113-2.png); }
.center > .centerMenu > ul > li:nth-of-type(7) > a > p{ background-image: url(../images/emp-110.png); }
.center > .centerMenu > ul > li:nth-of-type(7):hover > a > p,.center > .centerMenu > ul > li:nth-of-type(3).on > a > p{ background-image: url(../images/emp-110-2.png); }
.center > .centerMenu > ul > li > a > h3{ width:100%; font-weight: normal; font-size: 16px; text-align: left; }
.center > .centerMenu > ul > li > a > span{ font-size: 12px; display: inline-block; padding:0 10px; }
.center > .centerMenu > ul > li.on > a,.center > .centerMenu > ul > li:hover > a{ color: #FFF !important; }

.center > .centerRight{ width: 100%; height: auto; }
.cenRigMain{ width: 100%; height: auto; background-color: #FFF; box-sizing: border-box; border:1px solid #e7e7e7;}
.crm-header{ width: 100%; height: auto; line-height: 22px; text-align: left; box-sizing: border-box; background-color: #f0f0f0; border-bottom: 1px solid #e7e7e7; box-sizing: border-box; padding:10px 2%; font-size: 14px; color: #999;}
.crm-header > span{ font-size: 18px; color: #333; }
.crm-right{ width: 100%; box-sizing: border-box; padding:2% 5%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.crm-right > .crmRight-form{ width: 47.5%;  height: 360px; /*background-color: #F60;*/ }

.crm-right > .crmRight-form .riqi{ background-image:url(../images/icon.png); background-repeat:no-repeat; background-position:right center;}

.crm-right > section{  margin-top: 2%; margin-bottom: 2%; width: 100%;}
.crm-right > section:nth-of-type(2n){ margin-left:5%;}

.crmRight-form > .crmForm-input{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start; margin-top: 20px; }
.crmRight-form > .crmForm-input:nth-of-type(1){ margin-top: 0; }
.crmRight-form > .crmForm-input > h3,.crmRight-form > .crmForm-input > h4{ width: 85px; height: 30px; line-height: 30px; text-align: right; font-weight: normal; font-size: 14px; text-align: right; margin-right:5px; }
.crmRight-form > .crmForm-input > h3 > span{ color: #F00; }
.crmRight-form > .crmForm-input > h4{ width:30px; text-align: center; }
.crmRight-form > .crmForm-input > .crmFormInput-text,.crmRight-form > .crmForm-input > .crmFormInput-sex,.crmRight-form > .crmForm-input > .crmFormInput-city{ flex:1; height: 30px; box-sizing: border-box; border:1px solid #EEE; border-radius:5px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center; padding:0 10px; background-color: #FFF;}
.crmRight-form > .crmForm-input > .crmFormInput-text{ position: relative; z-index:1 }
.crmRight-form > .crmForm-input > .crmFormInput-text > input{ width: 100%; height: 24px; line-height: 24px; text-align: left; border:0; font-size: 14px; }
.crmRight-form > .crmForm-input > .crmFormInput-textarea{ flex:1; }
.crmRight-form > .crmForm-input > .crmFormInput-textarea > textarea{ width:100%; height: 100px; border:1px solid #EEE; box-sizing: border-box;  padding:5px 10px; line-height: 24px; resize: none; }
.crmFormSj-btn{ width: 100%; height: 32px; margin-top: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; position: relative;}
.crmFormSj-btn::after{ content: ' '; width:50%; height: 1px; background-color: #EEE; position: absolute; right:0; bottom:-1px; }
.crmFormSj-btn input{ width: 48px; height: 32px; line-height: 32px; box-sizing: border-box; text-align: center; padding:0; border-radius: 4px; border: 1px solid #cd2027; color: #cd2027; font-size: 14px; background-color: #FFF; }
.crmRight-form > .crmForm-input > .crmFormInput-sex{ background-color: #FFF; border:0; padding:0 0; flex-direction: row; justify-content: flex-start; align-items: center;}
.crmRight-form > .crmForm-input > .crmFormInput-city{ border:0; padding:0;  position: relative;}
.crmRight-form > .crmForm-input > .crmFormInput-city:nth-of-type(2){ margin-left:10px; }
.crmRight-form > .crmForm-input > .crmFormInput-city > h4{ width: 100%; height:30px; line-height: 28px; font-weight: normal; font-size: 14px; border:1px solid #EEE; box-sizing: border-box; padding:0 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; position: relative; }
.crmRight-form > .crmForm-input > .crmFormInput-city > h4::after{ content: ' '; width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 8px solid #CCC; position: absolute; right: 10px; top:50%; margin-top: -4px; }
.crmRight-form > .crmForm-input > .crmFormInput-city > .cityList{ width: 100%; height: auto; box-sizing: border-box; border:1px solid #EEE; position: absolute; left:0; top:29px; background-color: #FFF; display: none;}
.crmRight-form > .crmForm-input > .crmFormInput-city > .cityList > ul > li{ width: 100%; height: 28px; line-height: 28px; text-align: left; box-sizing: border-box;  padding-left:10px; padding-right:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px;}
.crmRight-form > .crmForm-input > .crmFormInput-city > h4 > span,.crmRight-form > .crmForm-input > .crmFormInput-city > .cityList > ul > li > span{ display: none; }
.crmRight-form > .crmForm-submit{ width: 100%; height: 40px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin-top: 50px;}
.crmRight-form > .crmForm-submit > input{ width: 100px; height: 40px; line-height: 40px;  padding:0 !important; text-align: center; background-color: #d33c4c; color: #FFF; font-size: 14px; border: 0;}
.sexItem{ height: 24px; display: flex; flex-wrap: nowrap; justify-content: flex-start; flex-direction: row; align-items: center; }
.sexItem > p{ width: 24px; height: 24px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: center;}
.sexItem > h4{width:auto; height: 24px; line-height: 24px; font-weight: normal; font-size: 12px; text-align: left; margin-right:10px;}
.crmForm-other{ display: none; }
.crmForm-upfile{ flex:1;  height:auto; display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start; }
.crmForm-upfile-btn{ height: 30px; box-sizing: border-box; border:1px solid #EEE; flex-shrink: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;align-items: center; margin-right:10px; }
.crmForm-upfile-btn > input{width:80px; height: 28px; line-height: 28px; padding:0; border:0; box-sizing: border-box; }
.crmForm-upfile-text{ flex:1; font-size: 13px; line-height: 30px; color:#F00 }






.crm-right > .crmRight-other{ width:47.5%; height: 360px; /*background-color: #F60;*/ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.crmRother-main{ width: 230px; }
.crmRother-main > p{ width:100%; overflow: hidden; padding-bottom:15px;}
.crmRother-main > p > img{ width: 100%; height:250px;}
.crmRother-main > h3{ margin-top: 10px; height: 48px; line-height: 48px; border-radius: 24px; background-color: #ebebeb; font-size: 14px; text-align: center; font-weight: normal; }
.cmrRo-btn{ width: 120px; height: 36px;  margin-bottom: 10px; }
.cmrRo-btn > .btnInsSj,.cmrRo-btn > .btnInsJl{ width: 100%; height: 36px; line-height: 36px; padding:0; border:1px solid #d33c4c; background-color: #FFF;border-radius: 4px; font-size: 14px; color: #d33c4c; cursor: pointer;}
.cmrRo-btn > .btnSave,.cmrRo-btn > .btnJlSave{ width: 100%; height: 36px; line-height: 36px; padding:0; border:1px solid #d33c4c; background-color: #d33c4c;border-radius: 4px; font-size: 14px; color: #FFF; cursor: pointer;}


.zhwei-title{ width: 100%; font-size: 16px; line-height: 3; text-align: left; color: #0e447d; }
.zhwei-title > span{ font-size: 12px; color: #999; }
.zhwei-form{ width: 100%;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-bottom:3%;}
.zhwei-form > .zwf-select{ flex:1; height: 50px; box-sizing: border-box;  margin-right: 10px; background-color: #FFF; position: relative; cursor: pointer;}
.zhwei-form > .zwf-select:nth-of-type(2n){ margin-right:0; }
.zhwei-form > .zwf-select > header{ width: 100%; height: 50px; border:1px solid #0e447d; display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: flex-start; align-items: center;box-sizing: border-box; position: relative;}
.zhwei-form > .zwf-select > header::after{ content: '\e621'; width: 20px; height: 20px; line-height: 20px; position: absolute; right:20px; top:50%; margin-top: -10px;  font-family:"iconfont" !important;  font-size:12px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.zhwei-form > .zwf-select > header > h3{ width:120px; box-sizing: border-box; font-weight: normal; font-size: 14px; flex-shrink: 0; padding:0 4%; height: 20px; line-height: 20px;}
.zhwei-form > .zwf-select > header > p::after{ content: ' '; width: 1px; height: 100%; background-color: #b1adad; position: absolute; left:0; top:50%; margin-top: -10px; }
.zhwei-form > .zwf-select > header > p{ width:100%; font-size: 14px; text-align: left; padding:0 20px; box-sizing: border-box;  position: relative;}
.zhwei-form > .zwf-select > section{ width: 100%; position: absolute; left:0; top:48px; border: 1px solid #0e447d; border-top:0; background-color:#FFF; box-sizing: border-box; z-index: 100;display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;box-sizing: border-box; padding-bottom:10px; display: none;}
.zhwei-form > .zwf-select > section > h3{width:120px; box-sizing: border-box; font-weight: normal; font-size: 14px; flex-shrink: 0; padding:0 4%; position: relative; height: 20px; line-height: 20px; }
.zhwei-form > .zwf-select > section > div{ width:100%; box-sizing: border-box; text-align: left;  position: relative; }
.zhwei-form > .zwf-select > section > div::after,.zhwei-form > .zwf-select > section > div::before{ content: '';width: 1px;height: 100%; background-color: #b1adad; position: absolute; left:0; top:0;  }
.zhwei-form > .zwf-select > section > div::before{transform: translateY(-30px); -webkit-transform: translateY(-30px);}
.zhwei-form > .zwf-select:hover > header::after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.zhwei-form > .zwf-select:hover > section{ display: flex; }
/**/
.zhwei-form > .zwf-select > section > div > p{ width: 100%; height: 30px; line-height: 30px; text-align: left; font-size: 14px; padding:0 20px; box-sizing: border-box;}
.zhwei-form > .zwf-select > section > div > p:hover{ background-color: rgba(100,100,100,0.05); }
.zhwei-form > .zwf-select > header > p > span,.zhwei-form > .zwf-select > section > div > p > span{ display: none; }

.zhwei-form > .zwf-btns{ width: auto; height: 50px;  }
.zhwei-form > .zwf-btns > p{ width:140px; height: 50px; overflow: hidden; float: left; margin-left:10px;}
.zhwei-form > .zwf-btns > p > input{ width: 100%; height: 50px; border:0; background-color: #0e447d; color: #FFF; font-size: 16px; cursor:pointer }
.zhwei-form > .zwf-btns > p:nth-of-type(2) > input{  background-color: #e3e2e3; color: #0e447d; }

.suolue1{  width:100%; line-height:70px; text-align:left; font-size:13px; line-height:28px;}
.suolue1 img{ width:60px; padding-bottom:8px; padding-top:15px}