﻿

/* CSS Document */




* {
    font-family: "微软雅黑";
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
html {
    font: 14px/1.5 Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
    background-color: #f1f7fe;
    min-width: 1200px;
    -webkit-overflow-scrolling: touch;
}

img {
    margin: 0px;
    border: 0px;
}

ul,
li,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    outline: none;
}

input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

input,
button,
select,
textarea {
    outline: 0;
}

textarea {
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

i {
    font-style: normal;
}


/*大框架*/

.wbox1 {
    width: 100%;
    min-width: 1000px;
}

.w1000 {
    width: 1000px;
    margin: 0px auto;
}

.wbox11 {
    width: 100%;
    min-width: 1100px;
}

.w1100 {
    width: 1100px;
    margin: 0px auto;
}

.wbox12 {
    width: 100%;
    min-width: 1200px;
}

.w1200 {
    width: 1200px;
    margin: 0px auto;
}


/*浮动 清除浮动*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
    width: 0px;
    height: 0px;
}

.clearfix {
    zoom: 1;
}


/*定位*/

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fix {
    position: fixed;
}

.z1 {
    z-index: 1;
}

.z5 {
    z-index: 5;
}

.z10 {
    z-index: 10;
}

.z15 {
    z-index: 15;
}

.z20 {
    z-index: 20;
}

.z25 {
    z-index: 25;
}

.z30 {
    z-index: 30;
}

.z40 {
    z-index: 40;
}

.z50 {
    z-index: 50;
}

.z60 {
    z-index: 60;
}

.z70 {
    z-index: 70;
}

.z80 {
    z-index: 80;
}

.z90 {
    z-index: 90;
}

.z100 {
    z-index: 100;
}

.z500 {
    z-index: 500;
}

.z999 {
    z-index: 999;
}

.z1000 {
    z-index: 1000;
}

.z2000 {
    z-index: 2000;
}

.z3000 {
    z-index: 3000;
}

.z4000 {
    z-index: 4000;
}

.z5000 {
    z-index: 5000;
}

.z6000 {
    z-index: 6000;
}

.z7000 {
    z-index: 7000;
}

.z8000 {
    z-index: 8000;
}

.z9000 {
    z-index: 9000;
}

.z9999 {
    z-index: 9999;
}


/*padding 内间距*/

.p5 {
    padding: 5px 0px;
}

.p10 {
    padding: 10px 0px;
}

.p15 {
    padding: 15px 0px;
}

.p20 {
    padding: 20px 0px;
}

.p25 {
    padding: 25px 0px;
}

.p30 {
    padding: 30px 0px;
}

.p35 {
    padding: 35px 0px;
}

.p40 {
    padding: 40px 0px;
}

.p45 {
    padding: 45px 0px;
}

.p50 {
    padding: 50px 0px;
}

.p55 {
    padding: 55px 0px;
}

.p60 {
    padding: 60px 0px;
}

.p65 {
    padding: 65px 0px;
}

.p70 {
    padding: 70px 0px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt55 {
    padding-top: 55px;
}

.pt60 {
    padding-top: 60px;
}

.pt65 {
    padding-top: 65px;
}

.pt70 {
    padding-top: 70px;
}

.pt75 {
    padding-top: 75px;
}

.pt80 {
    padding-top: 80px;
}


/*隐藏*/

.hidden {
    display: none;
}

.overhidden {
    overflow: hidden;
}

.block {
    display: block;
}


/*
 *宽度
 */

.w250 {
    width: 250px;
}

.w120 {
    width: 120px;
}


/*
 *左边距
 */

.mleft5 {
    margin-left: 5px;
}

.mleft10 {
    margin-left: 10px;
}

a {
    transition: color ease .5s;
    -webkit-transition: color ease .5s;
    -moz-transition: color ease .5s;
    -o-transition: color ease .5s;
}

.oper-con-titbox a,
.oper-box .oper-con ul li span.time,
.oper-box .oper-con ul li span.mor,
.oper-box .oper-con ul li,
.oper-box .oper-con ul li span:after,
.cszdBox .cszdRight .cszdRightCon .log,
.ctop_nav,
.cszdLeft ul li .yjBox,
.cszdLeft ul li .dxBtn,
.cszdLeft ul li.tj input,
.cswtBox .cswtCon dl dt span,
.cscontactBox .cscontactFs ul li h6 i,
.cscontactBox .cscontactFs ul li p,
.cscontactBox .cscontactFs ul li h6,
.csnewsBox .csnewsCon li a.mor,
.csnewsBox .csnewsCon li a.mor i,
.csnewsBox .csnewsCon li .pic,
.csnewsBox .csnewsCon li .pic img,
.csnewsBox .csnewsCon li .cille,
.cshbBox ul li,
.cshbBox ul li .chbCon .txt a,
.cLoanForm .cLoanForm_ListTit ul li .check,
.cLoanForm .cLoanForm_ListTit ul li img,
.cLoanForm .cLoanForm_ListTit ul li p,
.cLoanForm .cLoanForm_ListTit ul li h6,
.cLoanForm .cLoanForm_ListTit ul li,
.cLoanBan ul li,
.cLoanForm_con ul li button,
.cTc_ListpicCox,
.clistXq_zlConPic ul li,
.clistXq_zlConXh b,
.clistXq_zl .clistXq_zlTit b,
.csz_con ul li span,
.cban_box .chubd a,
.cfoot_clCon b.btn,
.cnews_con .con ul li .txt h6 i,
.cbiao_sl .txt ul li,
.csz_con ul li span,
i.bg20,
.ctop_right a.app div.ewm,
.ctop_right a.wx div.ewm {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

.ser_float li a,
.cSlideBox ul li div.l_pic,
.cSlideBox ul li div.h_pic,
.csnewsCon02 ul li .txt span,
.csnewsCon02 ul li h6,
.ctop_navCon .ctop_navConG i,
.zSjBox ul li .txt h6,
.zSjBox ul li .pic .bg,
.zSjBox ul li .pic img,
.czcBox .czcBoxTxt h6.btn a,
.csteamBox ul li .pic,
.csteamBox ul li .txt,
.csteamBox ul li .x_l,
.cSafetyBan_box .cicle04,
.clistXq_tbD .clistXa_form button,
.clist_con ul li .tit_lj .jd .jd_on,
.clist_con ul li,
.clist_nav ul li a,
.cfootclTxt,
.cbiao_box .tit .pic,
.cban_box .cban_tj a,
.chz_box .con a img,
.cnews_con .con ul li .pic img,
.cbiao_sl .txt ul li .jd_on,
.cbiao_box,
.cbiao_box .tit a,
.cys_box .cys_conList .txt h6,
.cys_box .cys_conList .txt p,
.cys_box .cys_conList .pic .cicle,
.cys_box .cys_conList .pic .ys_z {
    transition: all ease .8s;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -o-transition: all ease .8s;
}


/*
 *小图标
*/

i.bg20 {
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(../image/btnSprites.png) no-repeat;
    vertical-align: middle;
}

a.btn:before {
    z-index: 1;
    content: "";
    display: block;
    height: 100%;
    background: #fff;
    background: none/9;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
}

a.btn:hover:before {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
}


/*
 *背景
*/

.cbgBox {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}


/*
 *公共头
*/

.ctop_box {
    background: #fff;
    height: 45px;
    line-height: 45px;
}

.ctop_box:hover {
    box-shadow: 5px 0px 0px #d1d1d1;
}

.ctop_box a {
    color: #999;
    font-size: 14px;
}

.ctop_box a.contact,
.ctop_box a.cus {
    padding-right: 10px;
}

.ctop_box i.phone {
    background-position: 0 0;
}

.ctop_box i.kf {
    background-position: -29px 0;
}

.ctop_box i.app {
    background-position: -52px 0;
    position: relative;
    top: -2px;
}

.ctop_box i.wx {
    background-position: -79px 0;
    position: relative;
    top: -2px;
}

.ctop_box i.group {
    background-position: -112px 0;
}

.ctop_right a {
    display: block;
    float: left;
}

.ctop_right a.hidden {
    display: none;
}

.ctop_right a.border {
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    border-left: 1px solid #e5e5e5;
    text-align: center;
}

.ctop_right a.dl {
    color: #ff8a10;
}

.ctop_right a.border-r {
    border-right: 1px solid #e5e5e5;
}

.ctop_right a.app,
.ctop_right a.wx {
    width: 80px;
    height: 45px;
}

.ctop_right a.app span,
.ctop_right a.wx span {
    display: block;
    position: relative;
    width: 100%;
    height: 24px;
    line-height: 28px;
    font-size: 12px;
    line-height: 24px;
    border: 1px solid #999;
    border-radius: 5px;
    text-align: center;
    top: 10px;
}

.ctop_right a.app {
    margin: 0px 10px;
}

.ctop_box a:hover {
    color: #4db233;
}

.ctop_right a.app:hover span,
.ctop_right a.wx:hover span {
    border-color: #4db233;
}

.ctop_box a:hover i.phone {
    background-position: 0px -20px;
}

.ctop_box a:hover i.kf {
    background-position: -29px -20px;
}

.ctop_box a:hover i.app {
    background-position: -52px -20px;
}

.ctop_box a:hover i.wx {
    background-position: -79px -20px;
}

.ctop_box a:hover i.group {
    background-position: -112px -20px;
}

.ctop_right a.app div.ewm,
.ctop_right a.wx div.ewm {
    display: none;
    right: 0px;
    background: #fff;
    padding: 15px 20px 0px;
    border: 1px solid #e5e5e5;
    top: 45px;
    opacity: 0;
}

.ctop_right a.app:hover div.ewm,
.ctop_right a.wx:hover div.ewm {
    display: block;
    opacity: 1;
}


/*
 *导航
*/

.ctop_nav {
    background: #fff;
    height: 92px;
    border-top: 1px solid #e5e5e5;
}

.ctop_box.on {
    position: fixed;
    z-index: 999;
    left: 0px;
    top: 0px;
    box-shadow: 0px 0px 10px #999;
}

.ctop_navCon .logo {
    width: 240px;
    height: 100%;
}

.ctop_navCon .logo img {
    position: relative;
    display: block;
    top: 25px;
    z-index: 1000;
}

.ctop_nav .nav {
    left: -160px;
}

.ctop_nav .nav ul li {
    width: 100px;
    float: left;
    height: 100%;
    line-height: 92px;
    margin: 0px 10px;
    position: relative;
    z-index: 100;
}

.ctop_nav .nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: center;
    color: #555;
}

.ctop_nav .nav ul li.on a {
    color: #4db233;
}

.ctop_nav .nav_bg {
    left: 10px;
    top: -1px;
    background: #f1f7fe;
    border-top: 1px solid #4db233;
    width: 100px;
    height: 92px;
}

.ctop_navCon .nav .cnavSon {
    display: none;
    top: 110px;
    width: 100px;
    left: 0px;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 150;
}

.ctop_navCon .nav .cnavSon a,
.ctop_navCon .nav li.on .cnavSon a {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
}

.ctop_navCon .nav .cnavSon a:hover,
.ctop_navCon .nav li.on .cnavSon a:hover {
    color: #4db233;
}

.ctop_navCon .ctop_navConG {
    height: 35px;
    line-height: 35px;
    right: 0px;
    top: 29px;
    padding-right: 23px;
}

.ctop_navCon .ctop_navConG i {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(../image/grzx.png) no-repeat left center;
    position: relative;
    vertical-align: middle;
    margin-right: 7px;
}

.ctop_navCon .ctop_navConG a {
    font-size: 16px;
    color: #555;
}

.ctop_navCon .ctop_navConG b {
    color: #fff;
    position: absolute;
    display: block;
    background: #f95252;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    right: 0px;
    top: 2px;
}

.ctop_navCon .ctop_navConG:hover a {
    color: #4db233;
}

.ctop_navCon .ctop_navConG:hover i {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}