/*@charset "utf-8";*/

/* CSS Document */



/*

 * @ date 2014-5-4

 * @ author  庄欠芳

 * @ description  开心财富领先世界——开心贷

*/



/* 公用样式 */

* { margin: 0; padding: 0; border: 0; }

body { font-family: "微软雅黑"; font-size: 12px; color: #6d6d6d; font-weight: normal; background-color: #fff; }

ul, ol, li { list-style: none; }

a { color: #6d6d6d; text-decoration: none; }

.clb { clear: both; }

.fl { float: left; }

.fr { float: right; }
.clearfix:before, .clearfix:after {display: table;content: " ";clear: both;}

/* end-公用样式 */



/* head */

.head { width: 100%; height: 148px;}

.head_top { margin: 0 auto; width: 980px; height: 96px;}

.top_logo { padding-top: 20px; }

.top_enter { width: 260px; height: 85px; overflow: hidden; }

.top_enter p { padding: 8px 10px 0 0; text-align: right; }

.top_enter p.tel { margin-top: 25px; font-style: italic; }

.top_enter p.tel span { font-size: 24px; color: #1d7ec5; font-weight: bold; }

.head_nav { clear: both; width: 100%; height: 52px; background-color: #fff;border-top: 1px solid #a36100; }

.head_nav > ul.nav_top { margin: 0 auto; width: 980px; }

.head_nav > ul.nav_top li.level1 { position: relative;float: left;padding-right: 40px;line-height: 52px; font-size: 14px; }

.head_nav > ul.nav_top li.level1 > a { display: block; float: left; width: 150px; height: 52px; text-align: center; color: #a36100; }

.head_nav > ul.nav_top li.level1 > a:hover { color: #a36100; text-decoration: none;background: url(/Images/navActive.png) no-repeat 0 49px;}

.navActive a {background: url(/Images/navActive.png) no-repeat 0 49px;}
/* 下拉菜单 */

.dropMenu { position: absolute; top: 52px; z-index: 100; width: 150px; display: none;border-top: 0px solid #3CA2DC; background-color: #CC9900; }

.dropMenu li { margin-top: 2px; margin-bottom: 4px;transition:all .3s;-webkit-transition:all .3s;}

.dropMenu li:hover {background-color: #993300; }

.dropMenu li a { width: 92%; display: block; text-align: center; color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* end-下拉菜单 */

/* end-head */





/* banner */

.ban { clear: both; position: relative; margin: 0 auto; width: 100%; height: 350px; overflow: hidden; }

.img_box { position: absolute; width: 9999em; height: 350px; overflow: hidden; }

.img_box div { float: left; width: 100%; height: 350px; overflow: hidden; }

.img_box div a { float: left; width: 100%; height: 350px; overflow: hidden; }

.btn_box { position: absolute; left: 700px; bottom: 15px; z-index: 99; }

.btn_box a { display: block; float: left; margin-right: 10px; width: 27px; height: 7px; background-color: #fff; cursor: pointer; }

.btn_box a.now1 { width: 27px; height: 7px; background-color: #ec6203; }

/* end-banner */

/*center content*/
.main .more {color:rgba(51,51,51,1);font-size: 14px;transition:all .3s;-webkit-transition:all .3s;}
.main .more:hover {color: rgba(255,87,0,1);}
.company {width: 55%;}
.company .com-title {width: 100%;height: 48px;line-height: 48px;}
.company .com-title {border-bottom: 1px solid #a36100;}
.company .com-title .zh-word {
    display: inline-block;
    background-color: rgb(230, 183, 38);
    color: rgb(51, 0, 0);
    padding: 0px 30px;
    font-size: 14px;
    margin-right: 20px;
}
.company .com-title .en-word {color: rgb(163, 97, 0);font-size: 14px;}
.company .com-content {padding-top: 20px;}
.company .com-img {width: 43%;height: 350px;}
.company .com-img img {width: 100%;}
.company .com-word {width: 55%}
.company .com-word p {font-size: 14px;color: rgb(51, 51, 51);font-family: Microsoft YaHei;text-align: justify;}

.main .news-box {width:43%;}
.slideTxtBox{ width:100%;text-align:left;  }
.slideTxtBox .hd{ height:48px; line-height:48px;border-bottom:1px solid #a36100;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute;height:48px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; color: #e6b726;font-size: 14px; }
.slideTxtBox .hd ul li.on{ height:48px;  background:#e6b726;color: #fff;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;padding: 5px 0;border-bottom: 1px dotted #ccc;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }
.slideTxtBox .bd ul a {display: inline-block;width: 70%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.other-info {background-color: rgb(221, 221, 221);}
.other-info .other-tit {margin-bottom: 20px;}
.other-info .other-tit .tit-1 {font-size: 16px;color: rgb(102, 102, 102);font-weight: bold;}
.other-info .other-tit .tit-2 {letter-spacing: 1px;color: rgb(153, 153, 153);text-transform: uppercase;font-size: 14px;}
.other-info .partners {width: 59%}
.partners li.partner {float: left;height: 40px;margin-bottom: 20px;margin-right: 15px;}
.partners li.partner:nth-child(4n) {margin-right: 0;}
.partners li.partner img {height: 100%;}
.other-info .contact-us {width: 41%;}
.other-info .ewei {width:16%; }
.other-info .ewei img {width: 130px;}




/* footer */

/*footer*/

.zsico01 { background: url(/Images/hover_footerImg01.jpg) no-repeat 0 0; }

/*{ background: url(/Images/footerImg01.jpg) no-repeat 0 0; }*/

.hover_zsico01 { cursor: pointer; background: url(/Images/hover_footerImg01.jpg) no-repeat 0 0; }

.zsico02 { background: url(/Images/hover_footerImg02.jpg) no-repeat 0 0; }

/*{ background: url(/Images/footerImg02.jpg) no-repeat 0 0; }*/

.hover_zsico02 { cursor: pointer; background: url(/Images/hover_footerImg02.jpg) no-repeat 0 0; }

.zsico03 { background: url(/Images/hover_footerImg03_01.jpg) no-repeat 0 0; }

/*{ background: url(/Images/footerImg03_01.jpg) no-repeat 0 0; }*/

.hover_zsico03 { cursor: pointer; background: url(/Images/hover_footerImg03_01.jpg) no-repeat 0 0; }

.float_l { float: left; }

.float_r { float: right; }

.mar_r10 { margin-right: 10px; }


.footer { width: 100%; overflow: hidden; background-color: #dcdcdc; }

.foot_top { margin: 25px auto 0 auto; width: 1000px; height: 145px; background-color: #fff; }

.foot_bottom_box {padding: 10px 0 0 0; width: 100%; background-color: #3d3d3d; }

.foot_bottom { clear: both; margin: 0 auto; width: 1000px;padding-bottom: 10px; }

.text-center {text-align: center;}
.text-right {text-align: right;}