body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

body { font-size:12px; color:#666; font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;background:#fff;  }

fieldset, img { border:0; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: 400;}

em { font-style:normal; }

input, button, select, textarea { outline:none; } 

textarea { resize:none; } /* 禁用了文本的拖拉，尤其在谷歌下 */

/* 为了使文本段落左右两边对齐 */

/*======== Link ========*/

a { color: #313131; text-decoration:none; }

a:hover { text-decoration:none; }
.fr{float:right;}
.fl{float:left;}



.header{width: 100%; height:33px; background: #e9e9e9;}
.header .headerBox{width:1200px; margin: 0 auto; line-height: 33px;}
.header .headerBox a{padding:0 15px;color: #313131;}
.banner{height:140px; width:100%; background: #ea555c url(../images/banner.png) repeat-x 20px;}
.logo{}
.logo img{height: 115px; margin-left: 35px; margin-top: 14px;}
.banner .box{display: flex;justify-content: space-between;width:1200px;margin:0 auto;align-items: center;}


.app-btn{display: flex;}
.app-btn .item{background: #fff;border-radius: 5px;display: flex;align-items: center; padding:6px 10px;margin-left: 10px;font-weight: bold;}
.app-btn .item .text{white-space:nowrap;}
.app-btn .item img{height:20px;margin-right: 4px;}
.app-btn .item.app-code{padding:0;display: block;width:32px;height:32px;cursor: pointer;position: relative;z-index: 999999}
.app-btn .item.app-code img{width:100%;height:100%;display: block;}

.app-btn .item.app-code:hover .app-code-box{height:auto;}
.app-code-box{ transition: all 0.5s; position: absolute;top:100%;right:-25px;width:150px;height: 0}
.app-code-box img{width:100%; display: block;}


.main{margin:30px auto; width:1200px; overflow: hidden; position: relative;}
.Left{width:165px;min-height:5px;}
.leftTop{margin-top: 50px;}
.navLeft{width:158px; margin-top: -3px; border:2px solid #555555; border-radius: 3px; background: #fff;}
.navLeft ul li{line-height: 45px;}
.navLeft ul li a{color:#555555; font-size: 18px; padding-left: 48px;}
.navLeft ul li:nth-child(1){ background: url(../images/hb.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(2){ background: url(../images/gx.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(3){ background: url(../images/hbb.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(4){ background: url(../images/mx.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(5){ background: url(../images/xf.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(6){ background: url(../images/zs.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(7){ background: url(../images/ly.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(8){ background: url(../images/dh.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(9){ background: url(../images/dt.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(10){ background: url(../images/kx.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(11){ background: url(../images/xy.jpg) 20px center no-repeat; }
.navLeft ul li:nth-child(12){ background: url(../images/qt.jpg) 20px center no-repeat; }

.center{width:728px; margin-left: 28px;}
.center .guanggao{width:728px;height:90px; background: #fff;}

.centerList{margin-top: 20px; border:1px solid #959595;}
.centerList ul{padding: 0 20px 20px;}
.centerList ul li{overflow: hidden;border-bottom: 1px solid #e0e0e0; padding: 20px 0;color:#353535;}
.listImg{width:100px; height:100px;}
.listImg img{width:140px; height:100px;}
.listText{margin-left: 60px;font-size: 14px; width:505px;}
.listText h1{font-size: 20px; margin-top: 15px;}
.listText p{line-height: 30px; }
.right{width:250px;}
.right .guanggao{width:250px;height:250px; background: #fff;}
.rightHot{border: 1px solid #979797; margin-top: 20px; padding-bottom: 5px;}
.rightHot h1{line-height: 35px; padding:0 20px; font-size: 18px;margin-top: 10px;}
.rightHot ul{padding:0 5px;}
.rightHot ul li{overflow: hidden; padding:0 15px 5px; margin-top: 10px; border-bottom: 1px solid #e0e0e0;}
.rightHot ul li img{width:60; height:45px; float: left;}
.rightHot ul li p{line-height: 45px; float:left; margin-left: 5px;font-size: 15px;}

.footer{clear: both; background: #282828; height:220px; width: 100%;}
.footerBox{margin: 0 auto; width:1200px;}
.footerBox .list1{padding-top: 40px;line-height: 45px; width:300px; margin-left: 30px;}
.footerBox .list1 a{color:#cccaca;width:150px; display: block; font-size: 16px; float: left;}
.footerBox .list1 a:nth-child(2n){float: right;}

.code img{width:148px; height:148px; margin-top: 25px;}
.code span{display: block; width:148px; text-align: center; color: #cccaca; font-size: 16px; line-height: 25px; float: left; margin-right: 20px;}