@charset "utf-8";


*{transition: all .2s ease-in-out;}

body{background-color: #F5F5F5;}

#header { height: 96px;overflow: hidden;}
#header .w_1200{background: url(../images/headerbg.png) no-repeat right bottom; height: 96px;}
#header .logo{overflow: hidden;margin-top: 8px;}
#header .logo a{display: block; width: 960px; height: 80px;background: url(../images/logo.png) no-repeat left top;}
#header .link{border-left:  1px solid #CCCCCC; padding-left: 14px; height: 64px;line-height: 64px;margin-top: 17px;color: #00468C;font-size: 16px;}
#header .link a{color: #00468C; display: inline-block; height: 20px; padding: 0 6px; border-radius: 3px;line-height: 20px;}
#header .link a:hover{color: #FFF;background: #00468C;}


#nav{background: -moz-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, 0064C8), color-stop(100%, 0056AC));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064C8', endColorstr='#0056AC', GradientType='1'); /* for IE */
}
#nav .nav{height: 50px; width: 100%; text-align: center; line-height: 50px; font-size: 0;}
#nav .nav ul li{display: inline-block; font-size: 16px; color: #FFF;border-right: 1px solid #0069D2;}
#nav .nav ul li:last-child{border-right: none;}
#nav .nav ul li a{display: block;color: #FFF; padding: 0 20px;}
#nav .nav ul li a:hover{background-color: rgba(0,0,0,0.2);}
#nav .nav dl.submenu{ display: none; /* 默认隐藏二级菜单 */
          position: relative;
          top: 100%; /* 定位在父菜单的下方 */
          left: 0;
          background-color: #fff; /* 背景颜色 */
          border: 1px solid #ccc; /* 边框颜色 */
          z-index: 999;
        }
#nav .nav dl a:hover .submenu {
          display: block; /* 鼠标悬停时显示二级菜单 */
        }

#nav_f{background: #004182}
#nav_f .nav{height: 50px; width: 100%; text-align: center; line-height: 50px; font-size: 0;}
#nav_f .nav ul li{display: inline-block; font-size: 16px; color: #FFF;border-right: 1px solid #0056AD;}
#nav_f .nav ul li:last-child{border-right: none;}
#nav_f .nav ul li a{display: block;color: #FFF; padding: 0 20px;}
#nav_f .nav ul li a:hover{background-color: rgba(0,0,0,0.2);}

/* 底部导航二级菜单css */
#nav_f .nav ul {
  position: relative;
}

#nav_f .nav ul li {
  position: relative;
  display: inline-block;
}

#nav_f .nav ul li ul {
   display: none;
    position: absolute;
    min-width: 120px;
    bottom: 100%;
    left: 50%; /* 将左侧边缘放置在父元素的中心位置 */
    transform: translateX(-50%); /* 向左移动自身宽度的一半 */
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

#nav_f .nav ul li:hover ul {
  display: block;
}

#nav_f .nav ul li ul li {
  display: block;
  white-space: nowrap; /* 防止菜单项文本换行 */
    border-right: 0px solid #0056AD;
}

#nav_f .nav ul li ul li a {
  display: block;
  padding: 0px 20px; /* 菜单项内边距 */
  text-decoration: none;
  color: #333; /* 菜单项文字颜色 */
  font-size: 14px;

}

#nav_f .nav ul li ul li a:hover {
  background-color: #f0f0f0; /* 菜单项鼠标悬停背景色 */
}

#banner{ height: 420px;background: #EEE; /* padding-top: 170px; */}
#banner *{transition: none!important;}
#banner .slideBox{ width:100%; height:420px; /* overflow:hidden; */ position:relative; }
#banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:0px;left: 0px; bottom:40px; z-index:1; }
#banner .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;display: block;}
#banner .slideBox .hd ul li{ display: inline-block; width:12px; height:12px; line-height:12px; text-align:center; background:rgba(255,255,255,0.4); cursor:pointer;border-radius:200px;margin: 0 10px;opacity: 1;overflow: hidden;text-indent: -10000px; }
#banner .slideBox .hd ul li.on{ background: rgba(255,255,255,1); width: 12px;height: 12px;opacity: 1; }
#banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
#banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
#banner .slideBox .bd li a{ width:100%; height:420px; display:block;background-position:top center!important; background-repeat: no-repeat!important;background-size: 1920px 420px; }
#banner .slideBox .bd img{ width:100%; height:420px; display:block;  }
#banner .slideBox .prev,
#banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; visibility: hidden;  }
#banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .slideBox .prev:hover,
#banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .slideBox .prevStop{ display:none;  }
#banner .slideBox .nextStop{ display:none;  }

#banner_n{width: 100%; height: 260px; background-color: #EEE;background-position: center center; background-repeat: no-repeat;background-size: auto 100%;}



#footer{background-color: #0056AD; color: #CCCCCC;padding: 15px 0;}
#footer .f_content{font-size: 14px; color: #CCC; line-height: 24px; text-align: center;}
#footer .f_content a{color: #CCC; }
#footer .f_content a:hover{color: #FFF; }
#footer .f_share{margin-top: 8px; text-align: center;}
.qq_img {
    background-image: url(../images/ico_share_qq.png) !important;
    background-position: 0 !important;
    background-size: cover !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
  }

  .wx_img {
    background-image: url(../images/ico_share_wechat.png) !important;
    background-position: 0 !important;
    background-size: cover !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
  }

  .tsina_img {
    background-image: url(../images/ico_share_weibo.png) !important;
    background-position: 0 !important;
    background-size: cover !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
  }
  .bd_weixin_popup {
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  }
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{
  display: inline-block ; float: none !important;
}


#main{ padding: 20px 0;}
.adbox{ text-align: center; padding: 10px 0;}
.adbox img{ max-width: 100%; height: auto;}

.mainbox{clear: both;}
.mainbox::before{ content: "";display: block; height: 0; width: 100%;clear: both;}
.mainbox::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.mb-1,.mb-2{width: 425px;/*height: 400px;*/}
.mb-2{ margin-left: 25px;}
.mb-3{width: 300px;/*height: 400px;*/}
.mb-4{width: 300px;/*height: 400px;*/margin-bottom: 30px;}
.mb-5{width: 300px;/*height: 400px;*/}

.picbox{background-color: #0056AC;}
.picbox .swiper-container {
    width: 100%;
    height: 100%;
  }
.picbox .swiper-slide {
    text-align: center;
  }
.picbox .swiper-slide .img{ width: 425px; height: 320px; line-height: 320px; text-align: center; background-color: #003c79;font-size: 0;}
.picbox .swiper-slide .img img{ max-width: 425px; max-height: 320px; vertical-align: middle;}
.picbox .swiper-slide .img + .txt{ padding: 15px; font-size: 16px; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.picbox .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #FFF;
    opacity: .2;
}
.picbox .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFF;
}
.titleX{height: 50px; line-height: 50px;background: -moz-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, 0064C8), color-stop(100%, 0056AC));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064C8', endColorstr='#0056AC', GradientType='1'); /* for IE */
    overflow: hidden;
}
.titleX ul{background: url(../images/title_ico.png) no-repeat 15px center; padding-left: 40px; float: left;overflow: hidden;}
.titleX ul li{float: left; font-size: 16px; color: #FFF; padding: 0 10px;opacity: .5;position: relative;}
.titleX ul li::after{content: ""; display: block; position: absolute; width: 0; height: 4px;background: #FFF;bottom: 0; left: 0;}
.titleX ul li.act{opacity: 1;}
.titleX ul li.act::after{width: 100%; }

.titleX dl{float: right; padding-right: 15px; font-size: 14px;}
.titleX dl dd{display: none;}
.titleX dl dd.act{display: block;}
.titleX dl dd a{color: #CCCCCC;}

.listX{overflow: hidden;}
.listX .listcont{clear: both;display: none;}
.listX .listcont.act{clear: both;display: block;}
.listX .listcont dl{padding: 15px;border-bottom: 1px solid #CDCDCD;}
.listX .listcont dl dt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 16px;margin-bottom: 10px;}
.listX .listcont dl dt a{color: #0055AC;}
.listX .listcont dl dd{font-size: 14px; color: #CDCDCD;}
.listX .listcont ul{padding: 15px;}
.listX .listcont ul li{font-size: 14px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 36px;list-style: circle inside ;}

.titleY{height: 50px; line-height: 50px;background: -moz-linear-gradient(270deg, #D90000 0%, #B20000 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, 270deg, color-stop(0%, D90000), color-stop(100%, B20000));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(270deg, #D90000 0%, #B20000 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(270deg, #D90000 0%, #B20000 100%);/* Opera 11.10+ */
  background: -ms-linear-gradient(270deg, #D90000 0%, #B20000 100%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D90000', endColorstr='#B20000', GradientType='1'); /* for IE */
  overflow: hidden;
}
.titleY ul{background: url(../images/CPClogo.png) no-repeat 0 center; padding-left: 50px; float: left;overflow: hidden;}
.titleY ul li{float: left; font-size: 16px; color: #FFF; padding: 0 10px;position: relative;}

.titleY dl{float: right; padding-right: 15px; font-size: 14px;}
.titleY dl dd a{color: #CCCCCC;}

.listY{overflow: hidden;}
.listY .listcont{clear: both;display: block;}
.listY .listcont ul{padding: 15px 10px;}
.listY .listcont ul li{font-size: 14px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 34px;list-style: circle inside ;}


.titleZ{height: 50px; line-height: 50px;background: -moz-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* FF3.6+ */
  background: -webkit-gradient(linear, 270deg, color-stop(0%, 0064C8), color-stop(100%, 0056AC));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* Opera 11.10+ */
  background: -ms-linear-gradient(270deg, #0064C8 0%, #0056AC 100%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0064C8', endColorstr='#0056AC', GradientType='1'); /* for IE */
  overflow: hidden;
}
.titleZ ul{background: url(../images/title_ico.png) no-repeat 15px center; padding-left: 30px; float: left;overflow: hidden;}
.titleZ ul li{float: left; font-size: 16px; color: #FFF; padding: 0 10px;position: relative;}
.titleZ ul li img{vertical-align: text-top;}
.titleZ ul li a{color: #FFF;}

.titleZ dl{float: right; padding-right: 15px; font-size: 14px;}
.titleZ dl dd a{color: #CCCCCC;}

.listZ{overflow: hidden;}
.listZ .listcont{clear: both;display: block; height: 320px;}
.listZ .listcont ul{padding: 15px 10px;}
.listZ .listcont ul li{font-size: 14px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 34px;list-style: circle inside ;}
.listZ .aboutcont{clear: both;padding: 15px 10px;font-size: 14px; line-height: 24px; color: #666;}
.listZ .aboutcont img{max-width: 100%; height: auto;margin: 20px 0;}

.listZ .contactcont{clear: both;padding: 15px 10px;font-size: 14px; line-height: 32px; color: #666;}
.listZ .contactcont strong{color: #0064C8;}
.listZ .contactcont img{max-width: 100%; height: auto;margin: 5px 0;}

.fashions{background: #FFF; text-align: center;}
.fashions .fashionslist{float: left; width: 50%; text-align: center;}
.fashions .fashionslist ul{padding: 15px; clear: both; overflow: hidden; }
.fashions .fashionslist ul li img{float: left; width: 180px; height: 243px; margin-right: 10px;width: 180px; height: 130px;}
.fashions .fashionslist dl{padding: 15px; clear: both; overflow: hidden; text-align: center;}
.fashions .fashionslist dl dt{font-size: 18px; color: #000;font-weight: bold;margin-bottom: 20px;}
.fashions .fashionslist dl dt a{color: #000;}
.fashions .fashionslist dl dd{font-size: 14px; color: #0064C8;}
.fashions .fashionslist dl dd a{color: #0064C8;}

.titleJ{height: 50px; line-height: 50px;overflow: hidden;}
.titleJ ul{background: url(../images/title_ico.png) no-repeat 15px center; padding-left: 30px; float: left;overflow: hidden;}
.titleJ ul li{float: left; font-size: 16px; color: #0064C8; padding: 0 10px;position: relative;font-weight: bold;}
.titleJ ul li img{vertical-align: text-top;}
.titleJ ul li a{color: #0064C8;}

.titleJ dl{float: right; padding-right: 15px; font-size: 14px;}
.titleJ dl dd a{color: #888;}

.jumpmenu{margin-top: 5px;text-align: center;font-size: 0;}
.jumpmenu .jumplist{clear: both;}
.jumpmenu .jumplist ul{ padding: 15px 0;}
.jumpmenu .jumplist ul li{display: inline-block; width: 25%;}
.jumpmenu .jumplist ul li select{border: 1px solid #ddd; width: 80%; height: 40px;padding: 0 10px;}

.flink{background: #FFF;margin-top: 40px;}
.flinks2{background: #FFF;}
.goodcom{margin-top: 40px; border-top: 1px solid #DDD; text-align: center;}
.goodcom .goodlist dl{display: inline-block; width: 180px;margin:0 8px;padding-top: 15px;}
.goodcom .goodlist dl dt{font-size: 14px; color: #444;margin-bottom: 10px;}
.goodcom .goodlist dl dt a{color: #444;}
.goodcom .goodlist dl dd{font-size: 12px; color: #888; line-height: 18px; text-align: left;}

.linklist{padding: 0 0 15px 0; position: relative;}
.linklist .swiper-container2{width: 97%;}
.linklist a{display: block;width: 200px;height: 130px;overflow: hidden; line-height: 130px; text-align: center;background-color: #FFF;padding-left:10px;}
.linklist img{max-width: 200px;max-height: 130px;vertical-align: middle;}

.aside{width: 300px;}
.maincont{width: 875px;}
.maincont .maincontent{padding: 30px 20px; font-size: 14px; color: #444; line-height: 32px;}
.maincont .maincontent img{max-width: 100%; height: auto;}
.maincont .maincontent table{max-width: 100%; height: auto;border-collapse: collapse;border: 2px solid #888;overflow: scroll; display: block;}
.maincont .maincontent table th{padding: 5px; border: 1px solid #cccccc;font-size: 16px;}
.maincont .maincontent table td{padding: 5px;border: 1px solid #cccccc;font-size: 16px;}

.maincont .mainbtn{padding: 20px 20px;overflow: hidden; text-align: center;}
.maincont .mainbtn ul li{margin: 10px;}
.maincont .mainbtn a{display: inline-block; text-align: center; line-height: 40px; background-color: rgba(255, 255, 255, 0);font-size: 16px; color: #0069D2; padding: 0 15px;border: 0.1px solid #0069D2;}
.maincont .mainbtn button{display: inline-block; text-align: center; line-height: 40px; background-color: #0069D2;font-size: 16px; color: #FFF; padding: 0 15px;border: none;}

.maincont .mainkeyword{padding: 30px 20px;}
.maincont .mainkeyword table{width: 100%; height: auto;border-collapse: collapse;border: 2px solid #888;/* overflow: scroll; display: block; */}
.maincont .mainkeyword table th{padding: 10px; border: 1px solid #cccccc; text-align: right;font-size: 16px;}
.maincont .mainkeyword table td{padding: 10px;border: 1px solid #cccccc;font-size: 16px;}
.maincont iframe{ width: 835px; height: 560px;}

.listW{overflow: hidden;}
.listW .listcont{clear: both;display: block;}
.listW .listcont ul{padding: 15px 0;}
.listW .listcont ul li{font-size: 14px; color: #444;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height: 50px; border-bottom: 1px dotted #DDD;padding: 0 15px; background: url(../images/listtype.png) no-repeat left center; text-indent: 15px;}
.listW .listcont ul li:nth-child(15n){margin-bottom: 50px;}
.listW .listcont ul li:nth-child(15n+1){border-top: 1px dotted #DDD;}
.listW .listcont ul li span{float: right; font-size: 12px; color: #AAA;}
.listW .listcont ul li img{ margin-left: 10px;}

.mainname{text-align: center; padding: 40px; font-size: 24px; font-weight: bold; color: #000;}
.maindate{text-align: center; padding: 40px; padding-top: 0; font-size: 12px; color: #AAA;border-bottom: 1px solid #DDD;}
.mainimg{text-align: center; padding: 40px; padding-bottom: 0;  }
.mainimg img{max-width: 100%; height: auto;}

.listP{overflow: hidden;}
.listP .listcont{clear: both;display: block;}
.listP .listcont ul{padding: 15px 0;}
.listP .listcont ul li{float: left; width: 33.33%; text-align: center;margin: 10px 0;}
.listP .listcont ul li .img{width: 280px;height: 190px; text-align: center; line-height: 135px;margin: 0 auto;}
.listP .listcont ul li .img img{max-width: 280px;max-height: 190px; vertical-align: middle;}
.listP .listcont ul li .name{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; font-size: 14px;width: 260px; margin: 0 auto;}

.listF{overflow: hidden;}
.listF .listcont{clear: both;display: block;}
.listF .listcont ul{padding: 15px;}
.listF .listcont ul li{width: 395px; float: left; margin-bottom: 30px;}
.listF .listcont ul li:nth-child(2n){float: right;}
.listF .listcont ul li .img{width: 395px;height: 243px;background-color: #FFF;font-size: 14px; line-height: 24px; color: #444;}
.listF .listcont ul li .img img{float: left; margin-right: 15px; width: 180px; height: 243px;}
.listF .listcont ul li .img span{padding: 15px; display: block;}

.listF .listcont ul li .name{line-height: 40px; font-size: 16px; color: #000; border-bottom: 1px solid #DDD;}


.mainfashions{height: 243px;background-color: #FFF;font-size: 14px; line-height: 24px; color: #444; margin-top: 40px; position: relative;}
.mainfashions img{float: left; margin-right: 15px; width: 180px; height: 243px;}
.mainfashions span{padding: 15px; display: block;}
.mainfashions .btn{display: block; position: absolute; width: 170px; height: 46px; line-height: 46px; text-align: center; background: #009547 url(../images/down_ico.png) no-repeat 15px center; color: #FFF; right: 0; bottom: 0; }


.regbg{background: url(../images/regbg.jpg) no-repeat center center / cover;position: relative;height: 760px;}

.reg{ width: 600px; height: 600px; background: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.4); border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.reg dl{ padding: 30px; }
.reg dl::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.reg dl dt{font-size: 18px; color: #0069D2;}
.reg dl dt em{font-size: 12px; color: #FF0000; margin-left: 15px; font-style: normal;}
.reg dl dd{font-size: 14px; color: #0069D2; padding-left: 20px; background: url(../images/reg_ico.png) no-repeat left center;}
.reg dl dd a{color: #0069D2;}
.reg dl dd a:hover{color: #FF0000;}

.reg ul{ padding: 30px; padding-top: 0; }
.reg ul::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.reg ul li{min-height: 82px;}
.reg ul li em{font-size: 14px; line-height: 30px; color: #888; font-style: normal;}
.reg ul li input[type="text"],.reg ul li input[type="password"]{height: 50px; width: calc(100% - 4px);background: #e9f8fe; border: 2px solid #0069D2; text-indent: 15px; font-size: 16px;box-shadow: inset 0 3px 5px rgba(50,100,255,0.3);}
.reg ul li input[type="text"].code{height: 50px; width: calc(50% - 2px);}
.reg ul li input[type="text"].shangchuan{height: 50px; width: calc(50% - 2px);}
.reg ul li img{height: 50px; width: 49%;background: #EEEEEE;}

.reg ul li input[type="submit"]{height: 50px; width: 100%;background: #0069D2; border: 1px solid #0069D2; font-size: 16px; color: #FFF;}
.reg ul li input[type="bottonsc"]{height: 50px; width: 100px;background: #0069D2; border: 1px solid #0069D2; font-size: 16px; color: #FFF; margin-left: 30px; text-align: center;}
input[type="file"] {height: 30px; width: 65%;border: 2px solid #0069D2; font-size: 14px; color: #333; padding: 10px 0 8px 20px;}
#file-info {margin-top: 10px;  font-size: 0.8em;  color: #666;}


.findPW{ width: 600px; height: 540px; background: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.4); border-radius: 5px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.findPW dl{ padding: 30px; }
.findPW dl::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.findPW dl dt{font-size: 18px; color: #0069D2;}
.findPW dl dt em{font-size: 12px; color: #FF0000; margin-left: 15px; font-style: normal;}
.findPW dl dd{font-size: 14px; color: #0069D2; padding-left: 20px; background: url(../images/reg_ico.png) no-repeat left center;}
.findPW dl dd a{color: #0069D2;}
.findPW dl dd a:hover{color: #FF0000;}

.findPW ul{ padding: 30px; padding-top: 0; }
.findPW ul::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.findPW ul li{clear: left; margin-bottom: 15px;}
.findPW ul li label{font-size: 12px; color: #0069D2;}
.findPW ul li.w50{width: 48%; clear: none;}
.findPW ul li em{font-size: 14px; line-height: 30px; color: #888; font-style: normal;}
.findPW ul li input[type="text"],findPW ul li input[type="password"]{height: 50px; width: calc(100% - 4px);background: #e9f8fe; border: 2px solid #0069D2; text-indent: 15px; font-size: 16px;}
.findPW ul li input[type="text"].code{height: 50px; width: calc(50% - 2px);}
.findPW ul li img{height: 50px; width: 50%;background: #EEEEEE;}

.findPW ul li input[type="submit"]{height: 50px; width: 100%;background: #0069D2; border: 1px solid #0069D2; font-size: 16px; color: #FFF;}
.findPW ul li .smsbtn{height: 50px; width: calc(50% - 1px);background: #EEE; border: 1px solid #DDD;font-size: 16px; display: inline-block; line-height: 50px; text-align: center; vertical-align: top; border-left: none;}

.loginbg{background: url(../images/loginbg.jpg) no-repeat center center / cover;}
.loginbg .w_1200{position: relative;height: 760px;}
.loginbg .w_1200 .login_img{position: absolute; left: 0; top: 50%; transform: translateY(-50%);display: none;}
.loginbg .w_1200 .login{width: 370px; height: 400px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);background: rgba(255,255,255,0.9); box-shadow: 0 5px 10px rgba(0,0,0,0.4); border-radius: 5px;}
.loginbg .w_1200 .login dl{ padding: 20px; }
.loginbg .w_1200 .login dl::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.loginbg .w_1200 .login dl dt{font-size: 18px; color: #0069D2;}
.loginbg .w_1200 .login ul{ padding: 20px; padding-top: 0; }
.loginbg .w_1200 .login ul::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.loginbg .w_1200 .login ul li{margin-bottom: 15px;}
.loginbg .w_1200 .login ul li input[type="text"],.loginbg .w_1200 .login ul li input[type="password"]{height: 50px; width: calc(100% - 4px);background: #e9f8fe; border: 2px solid #0069D2; text-indent: 15px; font-size: 16px;}
.loginbg .w_1200 .login ul li input[type="text"].code{height: 50px; width: calc(50% - 2px);}
.loginbg .w_1200 .login ul li img{height: 50px; width: 49%;background: #EEEEEE;}
.loginbg .w_1200 .login ul li input[type="submit"]{height: 50px; width: 100%;background: #0069D2; border: 1px solid #0069D2; font-size: 16px; color: #FFF;}
.loginbg .w_1200 .login ol{ padding: 20px; padding-top: 0; }
.loginbg .w_1200 .login ol::after{ content: "";display: block; height: 0; width: 100%;clear: both;}
.loginbg .w_1200 .login ol li{width: 48%; clear: none; text-align: center;}
.loginbg .w_1200 .login ol li a{font-size: 14px; color: #0069D2; display: inline-block;}
.loginbg .w_1200 .login ol li.f_r a{padding-left:20px; background: url(../images/reg_ico.png) no-repeat left center;}

.tiwen{background-color: #FFF; padding: 40px;line-height: 50px; text-align: center;}
.tiwen label{font-size:16px; color: #AAA; margin-right: 15px;}
.tiwen input[type="text"]{height: 44px; width: 496px; background-color: #FFF; border: 2px solid #DDD; text-indent: 15px; font-size: 16px; margin-right: 15px;}
.tiwen input[type="submit"]{height: 48px; width: 120px; color: #FFF; background-color: #0069D2; border: 1px solid #0069D2; font-size: 16px;}

.tag{padding: 20px;line-height: 40px; text-align: center;}
.tag ul li{display: inline-block; padding: 10px;}
.tag ul li a{font-size: 16px; color: #888; display: block; width: 200px;}
.tag ul li a.act{border-bottom: 3px solid #0069D2; color: #0069D2;}

.wenti{padding-bottom: 20px;  color: #0069D2;font-size: 18px;}
.wenti strong{font-size: 20px;}
.huida{font-size: 20px;}

#nav .name_1{height: 50px;line-height: 50px;font-size: 16px; color: #FFF;}
#nav .name_2{height: 50px;line-height: 50px;font-size: 16px; color: #FFF;}
#nav .name_2 #mytime{margin-left: 15px;}
#main.userbg{background-color: #EEE; min-height: 560px; position: relative; padding: 0;}

.reglist{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.reglist ul li{margin-bottom: 10px;}
.reglist ul li a{display: block; width: 220px; line-height: 50px; background-color: #FFF; border: 1px solid #DDD;}
.reglist ul li a:hover{color: #FF0000; border: 1px solid #FF0000; }
.reglist ol li{margin-top: 20px;}
.reglist ol li a{display: block; width: 110px; line-height: 36px; background-color: #0069D2; border: 1px solid #0069D2; color: #FFF;margin: 0 auto;}

.maincont::before{ content: "";display: block; height: 0; width: 100%;clear: both;}
.maincont::after{ content: "";display: block; height: 0; width: 100%;clear: both;}

.mainmenu{background-color: #D8E5EE; width: 190px;margin-top: 20px;}
.mainmenu ul li{margin-bottom: 5px;}
.mainmenu ul li a{display: block; height: 40px; line-height: 40px; background-color: #0069D2; color: #FFF; padding-left: 15px;}
.mainmenu ul li.act a{display: block; height: 40px; line-height: 40px; background-color: #FFF; color: #0069D2;}

#main.userbg .maincont{background-color: #FFF; width: 970px; padding: 20px; min-height: 560px;margin-top: 20px;}
#main.userbg .maincont .box_100{width: 100%;}
#main.userbg .maincont .box_50{width: 49%;}
#main.userbg .maintitle{font-size: 14px; color: #0069D2;line-height: 36px;}

.tablelist{width: 100%;}
.tablelist .tablist{width: 100%;background: #EEE; border-collapse: collapse;border:1px solid #DDDDDD;font-size: 14px;line-height: 22px;}
.tablelist .tablist tr th{padding: 15px;border: 1px solid #DDD; text-align: left; white-space: nowrap;line-height: 16px;font-size: 14px;}
.tablelist .tablist tr th:last-child{text-align: left;}
.tablelist .tablist tr td{padding: 15px;background: #FFF; border: 1px solid #EEE;font-size: 14px;}
.tablelist .tablist tr td:last-child{text-align: left;}
.red{color: red;}
.tablelist .tablist tr .txtcenter{ text-align: center;}
.tablelist .tablist tr .noinfo{background-color: #EEE;color: #888;padding: 10px;}

.tableinputlist{width: 100%;}
.tableinputlist .people{border:0.1px solid #EEE;position: relative; margin-bottom: 10px;}
.tableinputlist .people em{display: block; position: absolute; font-style: normal; font-size: 14px; color: #FF0000;background-color: #EEE; padding: 5px 10px; top: 0; right: 0;}
.tableinputlist table{width: auto; text-align: left;padding: 10px;}
.tableinputlist table th,.tableinputlist table td{padding: 5px 10px;}
.tableinputlist table td input{ width: 200px; height: 40px; background: #e9f8fe; border: 2px solid #0069D2;text-indent: 10px;}
.tableinputlist table td select{ width: 200px; height: 40px; background: #e9f8fe; border: 2px solid #0069D2;text-indent: 10px;}
.tableinputlist table span{font-size: 20px; color: #FF0000;} 
.tableinputlist table td input[type="checkbox"]{ width: 16px; height: 16px;margin-right: 15px;}

.tableinputlist .fapiao{border:0.1px solid #EEE;position: relative; margin-top: 10px;}
.tableinputlist .fapiao em{display: block; position: absolute; font-style: normal; font-size: 14px; color: #FF0000;background-color: #EEE; padding: 5px 10px; top: 0; right: 0;}
.btn{margin-top: 15px; text-align: center;margin-bottom: 15px;}
.btn a{display: inline-block; width: 120px; height: 36px; line-height: 36px; background-color: #0069D2; color: #FFF; text-align: center;}
.btn a.btnk{display: inline-block; width: 120px; height: 36px; line-height: 36px;  color: #0069D2; text-align: center;background: #e9f8fe; border: 2px solid #0069D2;}
.btn a.btnk i{display: inline-block; vertical-align: middle;}
.btn input[type="submit"]{display: inline-block; width: 120px; height: 36px; line-height: 36px; background-color: #0069D2; color: #FFF;border: 1px solid #0069D2; margin: 10px;}
.btn input[type="reset"]{display: inline-block; width: 120px; height: 36px; line-height: 36px; background-color: #EEE; color: #888;border: 1px solid #DDDDDD; margin: 10px;}
.qrcode .ico{margin: 5px;}
 
.tableinputlist .company{border:0.1px solid #EEE;position: relative; margin-bottom: 10px;}
.tableinputlist .company em{display: block; position: absolute; font-style: normal; font-size: 14px; color: #FF0000;background-color: #EEE; padding: 5px 10px; top: 0; right: 0;}

.zixuntiwen table{width: 100%; text-align: left;padding: 10px;}
.zixuntiwen table th,.zixuntiwen table td{padding: 5px 10px;}
.zixuntiwen table th{width: 80px;}
.zixuntiwen table td input{ width: 100%; height: 40px; background-color: #FBFBFB; border: 0.1px solid #EEE;text-indent: 10px;}
.zixuntiwen table td textarea{ width: calc(100% - 20px); height: 460px; background-color: #FBFBFB; border: 0.1px solid #EEE;padding: 10px;}
.investigate{width: 100%;}
.investigate table{width: auto; text-align: left;padding: 10px; border: 0.1px solid #EEE; width: 100%;}
.investigate table th,.tableinputlist table td{padding: 5px 10px;}

.investigateaddress{padding: 10px;line-height: 24px;}
.investigatecont{text-align: center;padding: 50px;}
.investigatecont dl dt{font-size: 22px;margin-bottom: 15px;}
.investigatecont dl dd{font-size: 14px; color: #888;margin-bottom: 30px;}

.reg_zhuanweihui{background-color: #FFF; padding: 30px;}
.reg_zhuanweihui .regtitle{font-size:18px; font-weight: bold;color: #0069D2;}
.reg_zhuanweihui .regmaintitle{font-size:22px; color: #000; text-align: center; margin: 60px 0 20px 0;}

.tableinputlist2 table{width: auto; text-align: left;padding: 10px;}
.tableinputlist2 table th,.tableinputlist2 table td{padding: 5px 10px;}
.tableinputlist2 table th{max-width: 90px;}
.tableinputlist2 table td input{ width: 440px; height: 40px; background: #e9f8fe; border: 2px solid #0069D2;text-indent: 10px;}
.tableinputlist2 table td select{ width: 440px; height: 40px; background: #e9f8fe; border: 2px solid #0069D2;text-indent: 10px;}
.tableinputlist2 table span{display: inline-block;margin: 5px 20px 5px 0;} 
.tableinputlist2 table td input[type="checkbox"]{ width: 16px; height: 16px;}
.tableinputlist2 table td textarea{ width: calc(100% - 20px); height: 160px; background: #e9f8fe; border: 2px solid #0069D2;padding: 10px;}
.tableinputlist2 table td.txtleft{text-align: left;}