/*定位*/
.none { display:none }


.main { margin:15px auto 0 auto;  overflow:hidden; zoom:1 }
.main .left-sider { float:left; width:238px; }

.operate h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:43px; line-height:43px; padding-left:12px; }
.operate ul li { display:inline; }
.operate ul li a { background:url(../images/bg1.png) no-repeat 200px 18px; padding-left:30px; text-decoration:none; font-size:14px; color:#555; display:block;  height:43px;  line-height:43px; border-bottom:1px dotted #d2d2d2; }
.operate ul li a.noline { border-bottom:none; }
.operate ul li a:hover{ color:#8caf00; }
.operate ul li a.selected:hover { color:#fff; }
.operate ul li .selected { background-color:#8caf00;  background-position:200px -9px; color:#fff; }
.left-sider .operate { border:1px solid #96EE69;  zoom:1 }
.left-sider .ser-online a { background:url(../images/bg_ser_online.jpg) no-repeat 0 0; margin-top:10px; height:75px; border:1px solid #eaeaea; display:block; }
.main .right-sider { float:right; width:725px; }

.operate ul li { border-bottom:1px dotted #d2d2d2; display:inline-block; width:100%; position: relative; min-height:43px; _height:43px; z-index: 10; zoom:1 }
.operate ul li h4 { cursor:pointer; background:url(../images/bg3.png) no-repeat 200px 18px; /*padding-left:30px;*/ text-decoration:none; font-size:15px; color:#555; display:block;  line-height:43px; font-weight:normal; text-indent: 20px;}
.operate ul li h4:hover { color:#8caf00;}
.operate ul li.selected h4 { background-position:200px -37px; border-bottom:1px dotted #d2d2d2; font-size: 16px; text-indent: 20px;}
.operate ul li .on a { color:#8caf00; font-weight:bold; }
.operate ul li a:hover { color:#fff;background-color: #666 }

/*main*/
.main {
    width: 100%;
    padding: 50px 0;
    background-color: #fff;
    overflow: hidden;
}

.main .container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}
.main .main_left{
    float: left;
    width: 260px;
    overflow: hidden;
}
.main .main_left .main_left_t{
    text-align: center;
    color: #fff;
    background: #0f6db8;
    width: 240px;
    height: 120px;
    padding: 10px;
}
.main .main_left .main_left_t .main_left_t1{
    border: solid 1px #fff;
    width: 238px;
    height: 118px;
}
.main .main_left .main_left_t p{
    font-size: 22px;
    padding: 30px 0 30px 0;
    position: relative;
}
.main .main_left .main_left_t p i{
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 10px;
    width: 160px;
    margin-left: -80px;
    display: block;
    background: url("../images/icon_k.png") no-repeat center;
}
.main .main_left .main_list{
    width: 260px;
    overflow: hidden;
    background-color: #e5e5e5;
    margin-top: 30px;
    padding: 20px 0;
}
.main .main_list ul{

}
.main .main_list ul li{
    width: 260px;
    height: 60px;
    border-bottom: solid 2px #fff;
    text-align: center;
    background:transparent;
    -webkit-transition: all 0.3s linear 0s;
}
.main .main_list ul li a{
    font-size: 14px;
    height: 60px;
    line-height: 45px;
    color: #333;
    display: block;
    position: relative;
    text-align: center;
}
.main .main_list ul li a i{
    position:absolute;
    display:block;
    left:50%;
    margin-left: -40px;
    top:35px;
    width:80px;
    height:10px;
    background:url("../images/icon_list.png") 0 0;
    -webkit-transition: all 0.3s linear 0s;
}
.main .main_list ul li:hover{
    width: 300px;
    background-color: #0f6db8;
    -webkit-transition: all 0.3s linear 0s;
}
.main .main_list ul li.active a{
    color: #fff;
    width: 300px;
    background: #0f6db8;
}
.main .main_list ul li.active a i{
    background:url("../images/icon_list.png") 0 10px;
}
.main .main_list ul li:hover a{
    color: #fff;
}
.main .main_list ul li:hover a i{
    background:url("../images/icon_list.png") 0 10px;
    -webkit-transition: all 0.3s linear 0s;
}

.main .main_left .main_list1{
    width: 258px;
    border: solid 1px #bfbfbf;
    border-top: none;
    overflow: hidden;
}
.main .main_list1 ul{
    margin-top: 20px;
    margin-bottom: 20px;
}
.main .main_list1 ul li a{
    font-size: 13px;
    line-height: 24px;
    color: #4c4c4c;
    margin-left: 30px;
}
.main .main_list1 ul li a:hover{
    color: #0f6db8;
}
.main .main_list1 ul .main_first a:hover{
    color: #fff;
}
.main .main_list1 ul .main_first{
    width: 258px;
    height: 28px;
    background-color: #0f6db8;
    margin-bottom: 10px;
    margin-top: 15px
}
.main .main_list1 ul .main_first a{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-left: 30px;
}

.main .main_left .main_tel{
    background: #0f6db8;
    color: #fff;
    width: 240px;
    height: 80px;
    padding: 10px;
    margin-top: 30px;
}
.main .main_left .main_tel .line{
    border: solid 1px #fff;
    width: 238px;
    height: 78px;
}
.main .main_left .main_tel p{
    font-size: 18px;
    position: relative;
    padding: 15px 0 10px 80px;
}
.main .main_left .main_tel i{
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    background: url("../images/icon_01.png") no-repeat center;
}
.main .main_left .main_tel span{
    display: block;
    padding-top: 4px;
}

/*right*/
.main .container .main_right {
    float: right
}

.main .container .main_right .content,.main_right .heading {
    width: 900px
}

.main .container .main_right .heading {
    height: 59px;
    border-bottom: 1px solid #ccc;
    line-height: 60px;
    color: #0f6db8;
    font-size: 15px;
}

.main .container .main_right .heading span {
    display: inline-block;
    color: #000;
}

.main .container .main_right .heading a {
    color: #5f5f5f;
    font-size: 15px;

}

.main .container .main_right .content {
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
    color: #333
}

#cpzs2 {
    width: 900px;
    padding-top: 30px;
    overflow: hidden;
}

#cpzs2 ul {
    overflow: hidden
}
#cpzs2 li{
    float: left;
    width: 290px;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}
#cpzs2 li:nth-child(3n){
    margin-right: 0;
}
#cpzs2 li div{
    width: 288px;
    height: 248px;
    border: solid 1px #808080;
    overflow: hidden;

}
#cpzs2 li div img{
    width: 100%;
    height: 100%;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;

}
#cpzs2 li span{
    display: block;
    width: 290px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background-color: #808080;
    color: #fff;
    text-align: center;
}
#cpzs2 li:hover span{
    background-color: #0f6db8;
}
#cpzs2 li div img:hover{
    -webkit-transform: scale(1.05, 1.05);

}
#cpzs2 li:hover div{
    border: solid 1px #0f6db8;
}

.main .page {
    margin-top: 30px;
}

.main .page a {
    display: inline-block;
    margin: 0 5px;
    width: 60px;
    height: 28px;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    color: #3a3a3a;
    background-color: #d9d9d9;
}
.main .page .list-page{
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 28px;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    color: #3a3a3a;
    background-color: #d9d9d9;
}
.main .page a:hover{
    background-color: #0f6db8;
    color: #fff;
}
.article {
    margin-top: 30px;
    width: 900px;
    color: #333;
}

.article h1 {
    text-align: center;
    font-size: 24px;
    line-height: 2;
    border-bottom: dashed 1px #ccc;
}
.article .title{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    width: 120px;
    height: 30px;
    background-color: #333;
    text-align: center
}
.subtitle {
    text-align: center;
    font-size: 14px;
    line-height: 2;
    color: #999;
    border-bottom: dashed 1px #ccc;
}

.subtitle span {
    margin-right: 10px;
    display: inline-block;
}

.article .content1{
    margin-top: 20px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    display: block;
}

.article .content div {
    color: #333
}

.article .other-article {
    margin: 20px 0;
    color: #333;
    font-size: 14px;
    line-height: 2
}

.article .other-article span {
    display: block
}

.article .other-article span a:hover {
    text-decoration: underline
}

.article .back {
    display: block;
    margin: 0 auto;
    width: 138px;
    height: 35px;
    border-radius: 4px;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 35px
}

.article .prev-article {
    color: #333
}

.article .next-article {
    color: #333
}

.main_right .news2 {
    padding-top: 30px;
    width: 900px;
    overflow: hidden
}

.main_right .news2 ul li {
    border-bottom: 1px dashed #ccc;
    padding: 12px 0;
    overflow: hidden;

}

.main_right .news2 ul li a{
    float: left;
    color: #000;
    font-size: 14px;
}
.main_right .news2 ul li span{
    float: right;
    color: #666;
}
.main_right .news2 ul li:hover b{
    color: #333;
}

.xq_right{
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}
.xq_right .xq_list{
    width: 858px;
    border: solid 1px #ccc;
    margin: 20px 0;
    height: 48px;
    padding: 0 20px;
}
.xq_right .xq_list span{
    float: left;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #232323;
    border-right: solid 1px #ebebeb;
    line-height: 20px;
    padding: 13px 40px;
}
.xq_right .xq_n{
    width: 900px;
    overflow: hidden
}
.xq_right .xq_n .xq_1{
    font-size: 16px;
    line-height: 32px;
    color: #333
}
.x{
    color: #037ee7;
    border-bottom: solid 2px #037ee7;
}
fieldset.form-fieldest {
    border: 0;
    margin: 0 auto;
    width: 540px;
}

.msg_ul {
    width: 540px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 50px
}

.msg_ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.msg_ul li p {
    width: 60px;
    float: left;
    height: 36px;
    font: 14px/36px "microsoft yahei";
    color: #fff;
    vertical-align: top;
    text-align: right;
    margin: 0 30px 0 0
}

.msg_ul li p span {
    color: #333;
    margin-top: 2px;
    vertical-align: middle;
    font-weight: bold;
    display: inline-block;
}

.msg_input {
    width: 426px;
    height: 34px;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 0 10px;
    background: #fff;
}

.msg_pin {
    width: 426px;
    height: 34px;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 0 10px;
    float: left
}

.msg_pin img {
    float: left;
    margin-left: 14px
}

.msg_textarea {
    width: 426px;
    height: 40px;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 10px;
    resize: none;
}

.msg_submit {
    width: 450px;
    height: 36px;
    margin: 0 auto;
    border-radius: 3px;
    border: 0;
    text-align: center;
    font: 18px/36px "microsoft yahei";
    color: #fff;
    cursor: pointer
}