﻿/**
 *@Name:    layout.css
 *@Author:  XiaoYu/Guo CJ
 *@E-mail:  592429285@qq.com
 *@Time:    2020.04.19
*/

@charset "UTF-8";
.wjlc *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wjlc *:before, .wjlc *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*防止IOS竖屏转横屏时放大字体*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}

/*防止滚动卡顿*/
body{position:relative;color:#333;background-color:#f8f8f8;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
  font:14px/20px "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
audio, canvas, video{display:inline-block;}
audio:not([controls]) {display:none;height:0;}

.ml-15{margin-left:15px;}
.txt-indent{text-indent:-9999px;}

/*定位*/
.fixed{position:fixed !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}

/*清除浮动*/
.clear:before, .clear:after{display:table;content:" ";}
.clear:after{clear:both;}
.clear{zoom:1;}

/*左右浮动*/
.pull-left, .left, .left-part{float:left;}
.pull-right, .right, .right-part{float:right;}
.pull-none{float:none !important;}
.half{width:50%;}

/*链接--webkit-tap-highlight-color:transparent(安卓无效)*/
a{color:#187EEA;text-decoration:none;background:transparent;}
a:link, a:visited, a:hover, a:active, a.active{outline:none;text-decoration:none;-webkit-tap-highlight-color:(255,255,255,0);}
a.line, a.line:hover, a.line:active{text-decoration:underline;}
a, input, select, textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*-背景色-默认白色字体*/
.bg-white{background-color:#fff !important;}
.text-danger{color:#E72420;}
.text-success{color:#6EC3A2;}
.text-orange{color:#ff8b47;}
.text-icon{padding:0 8px;color:#b67d54;border-radius:2px;background-color:#F9F0DB;}

/*标题*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{display:block;font-weight:500;color:inherit;}
h1, h2, h3, .h1, .h2, .h3{line-height:1.42857143;}
h1, h2, h3, .h1, .h2, .h3{margin-top:20px;margin-bottom:10px;}
h4, h5, h6, .h4, .h5, .h6{margin-top:10px;margin-bottom:10px;}
h1, .h1{font-size:30px;}
h2, .h2{font-size:24px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:16px;}
h5, .h5{font-size:14px;}
h6, .h6{font-size:12px;}
small, .small{font-size:80%;}

/*水平居中-块显示*/
.margin-auto{display:block;margin-right:auto;margin-left:auto;}
.block{display:block;}
.inline-block, label, a, i, em, span, strong, img{display:inline-block;}
.italic{font-style:italic;}
i{font-style:normal;}
.pointer{cursor:pointer;}
th, td{vertical-align:middle;}

/*文本粗*/
.bold, b, strong{font-weight:bold;}

/*文本换行*/
.word-break{display:block;word-break:break-all;}/*把长单词截断两部分换行*/
.word-wrap{display:block;word-wrap:break-word;}/*整个单词换行*/

/*省略号*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*尖括号*/
q:before, q::before{content:"《";}
q:after,  q::after{content:"》";}
q.en:before, q.en::before{content:"«";}
q.en:after,  q.en::after{content:"»";}

/*段落文本*/
.article p{margin-bottom:10px;}
.article p, .indent{text-indent:2em;}

/*垂直居中,苹果设备取消文本框内阴影*/
input, textarea, img{vertical-align:middle;-webkit-appearance:none;}

/*隐藏label*/
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:none;}

/*灰色页面*/
.grayscale{-webkit-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none;}

/*图片*/
 img{page-break-inside:avoid;border:none;vertical-align:middle;}

/*文本对齐*/
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-justify{text-align:justify;}
.text-nowrap{white-space:nowrap;}
.text-lowercase{text-transform:lowercase;}
.text-uppercase{text-transform:uppercase;}
.text-capitalize{text-transform:capitalize;}

/*列表-默认有列表符号*/
ul, ol{list-style:inside;}
ol{list-style-type:decimal;}
ul, ul ul, ul ol, ol, ol ol, ol ul, ul.normal, ol.normal, nav ul, nav ol{margin:0;padding:0;}

/*取消列表符号*/
.list-unstyled, .list-inline{list-style:none;}
.list-inline{display:-webkit-flex;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.list-inline > li{float:left;display:inline-block;padding-left:0;padding-right:0;}
.list-inside{list-style:inside;}
.list-outside{list-style:outside;}
.list-num-in{list-style:decimal inside;}
.list-num-out{list-style:decimal outside;}

/*列表上下边距*/
.list-p5 > li{padding:5px 0 !important;}
.list-p10 > li{padding:10px 0 !important;}
.list-p15 > li{padding:15px 0 !important;}
.list-p20 > li{padding:20px 0 !important;}

/*列表左右内边距*/
.list-m5 > li{margin:0 5px !important;}
.list-m10 > li{margin:0 10px !important;}
.list-m15 > li{margin:0 15px !important;}
.list-m20 > li{margin:0 20px !important;}

/*列表分隔线*/
.list-bd > li{border-bottom:1px solid #ddd;}
.list-bd > li:last-child{border-bottom:none;}

/*显示-隐藏*/
.show{display:block !important;}
.hide{display:none !important;}
.hidden{visibility:hidden !important;}
.indent{text-indent:-999.9px !important;}
.overhide{overflow:hidden !important;}

/*按钮*/
.btn{padding:8px 0;width:100%;line-height:1.42857143;font-size:14px;text-align:center;
  white-space:nowrap;vertical-align:middle;border-radius:3px;border:1px solid transparent;cursor:pointer;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.btn:active{outline:none;}
.btn:hover, .btn:active{text-decoration:none;}
.btn:active, .btn.active{color:#fff;/*color:#fff !important;*/background-image:none;outline:0;}

/*圆角*/
.radius3{border-radius:3px;overflow:hidden;}
.radius4{border-radius:4px;overflow:hidden;}
.radius5{border-radius:5px;overflow:hidden;}
.radius6{border-radius:6px;overflow:hidden;}
.radius8{border-radius:8px;overflow:hidden;}
.radius10{border-radius:10px;overflow:hidden;}

.container{margin:0 auto;width:1200px;}

.banner{position:relative;width:100%;height:319px;overflow:hidden;}
.banner img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.mould-bg{}

.wjlc-title{margin:50px 0 20px;color:#333;position:relative;font-size:36px;font-weight:bold;height:50px;line-height:50px;}
/*.wjlc-page-1 .wjlc-title{background:url('/main/cpzq/images/title-bg-1.jpg') center center no-repeat;}
.wjlc-page-6 .wjlc-title{background:url('/main/cpzq/images/title-bg-6.png') center center no-repeat;}
.wjlc-page-7 .wjlc-title{background:url('/main/cpzq/images/title-bg-7.png') center center no-repeat;}*/
/*.wjlc-title:before, .wjlc-title:after{position:absolute;bottom:0;height:1px;content:'';}
.wjlc-title:before{left:0;width:100%;background-color:#e6e6e6;}
.wjlc-title:after{left:50%;margin-left:-110px;width:220px;background-color:#004098;}*/
.box-shadow{position:relative;-moz-box-shadow:-2px 0px 8px #ddd;-webkit-box-shadow:-2px 0px 8px #ddd;box-shadow:-2px 0px 8px #ddd;}
.box-shadow:after{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;border-radius:5px;content:'';-moz-box-shadow:0px -2px 8px #ddd;-webkit-box-shadow:0px -2px 8px #ddd;box-shadow:0px -2px 8px #ddd;}
.wjlc > ul{position:relative;text-align:center;}
.wjlc > ul:after{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ccc;z-index:-1;content:'';background-color:#fff;}
.wjlc > ul li{width:400px;color:#333;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.wjlc > ul li.last-child, .wjlc > ul li:last-child{}
.wjlc > ul li:first-child{}
.wjlc > ul .li-cont{padding-left:40px;padding-right:40px;}
.wjlc > ul .li-cont .btn{display:block;margin:45px auto;padding:0;width:204px;height:40px;line-height:40px;border-radius:4px;font-size:18px;color:#fff;background-image:linear-gradient(to right, #0074C9 , #004098);}
.wjlc > ul .li-cont .btn:hover{display:block;margin:45px auto;padding:0;width:220px;height:40px;line-height:40px;font-size:18px;color:#fff;background-image:linear-gradient(to right, #004098 , #0074C9);}
/*.wjlc-page-1 .wjlc > ul .li-cont .btn{background-color:#004098;}
.wjlc-page-6 .wjlc > ul .li-cont .btn{background-color:#0062b9;}
.wjlc-page-7 .wjlc > ul .li-cont .btn{background-color:#5557d0;}*/
/*.wjlc > ul .li-cont .inner-tit:after{position:absolute;left:0;bottom:0;width:340px;height:2px;background-color:#f3f3f3;content:'';}*/

.wjlc .inner-tit{position:relative;padding:40px 0 45px;}
.wjlc .inner-tit-main{min-height:80px;line-height:40px;font-weight:bold;font-size:28px;}
.wjlc .tit-des{line-height:30px;font-size:20px;color:#666;}
.wjlc .inner-tit .tit-des{margin-top:15px;min-height:30px;}
.wjlc .inner-precent{position:relative;float:left;margin:0;width:50%;}
.wjlc .qrnhl{height:42px;line-height:42px;font-size:30px;font-weight:bold;}
.wjlc .qrnhl-des{height:22px;line-height:22px;font-size:16px;color:#666;}
.wjlc .inner-precent .txt-day{font-size:16px;color:#e72521;font-weight:normal;}
/*.wjlc .inner-precent.last-child:before{position:absolute;left:0;top:-10%;width:2px;height:110%;background-color:#f3f3f3;content:'';}*/
.wjlc .inner-precent.last-child .qrnhl,
.wjlc .inner-precent.last-child .qrnhl-des{padding-left:20px;}

/*.wjlc-hbjj{}*/
.wjlc .wjlc-hbjj .inner-tit{position:relative;padding:40px 0 10px;}
.wjlc .wjlc-hbjj .inner-precent{float:none;width:100%;}
.wjlc .wjlc-hbjj .tips-sign{height:20px;margin-bottom:30px;}

.wjlc .wjlc-hbjj .inner-tit{position:relative;padding:40px 0 10px;}
.wjlc .wjlc-hbjj .inner-precent{float:none;width:100%;}
.wjlc .wjlc-hbjj .tips-sign{height:20px;margin-bottom:30px;}

/*.wjlc-hbjj li, .wjlc-pro ul li{padding:20px;width:25%;}
.wjlc-hbjj li:last-child, .wjlc-pro ul li:last-child{padding-left:0;padding-right:0;width:42%;}
.wjlc-hbjj .inner-tit, .wjlc-hbjj .tit-des,
.wjlc-pro .inner-tit, .wjlc-pro .tit-des{padding:0;height:55px;line-height:55px;color:#333;}
.wjlc-pro ul{position:relative;}
.wjlc-pro ul:after{position:absolute;left:20px;bottom:0;width:1160px;height:1px;background-color:#f3f3f3;content:'';}
.wjlc-pro a.last-child:after ul, .wjlc-pro a:last-child ul:after{height:0;}*/

.footer{padding:50px 0;height:auto;color:#666;font-size:14px;}
.footer .tips{margin:0 auto;width:1200px;text-align:left;}
.footer .tips .title{font-size:18px;color:#333;}
.footer .tips p{margin-bottom:10px;color:#888;}
