﻿body{min-width:1200px;}
.w1200{width:1200px;margin:10px auto;margin-top:0px;overflow: hidden;}
.top{height:40px;background: #e5e5e5;line-height:40px;font-size: 14px;
color: #666666;}
.top form{
    width: 326px;
    height: 30px;
    background: #fff;
    padding: 0px;
    margin-top: 4px;
    border-radius: 3px;
    line-height: 30px;
    position: relative;
}
.top form .keys{
    border: none;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    outline: none;
    width: 100%;
}
.top form .submit {
    background-image: url(../images/so.png);
    background-size: 15px 15px;
    background-position: center center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
}
.head{height:95px;}
.head .logo {
    height: 90px;
    float: left;
    display: block;
    width: 300px;
    margin-top: 10px;
}
.head .logo img {
    height: 80px;
}
.head .menu {
    width: 900px;
    float: left;
    line-height: 90px;
}
.head .menu li {
    width: 111px;
    float: left;
    text-align: center;
    border-bottom:4px solid #fff;
}
.head .menu li a{text-decoration: none;display:block;width:100%;height:100%;color:#333;}
.head .menu .active, .head .menu li:hover{border-bottom:4px solid #0e3782;}
.head .menu .active a, .head .menu li:hover a{color:#0e3782;}
.head .menu li:hover .subnav{display:block;}
.head .menu li a i{
    position: absolute;
    font-size: 12px;
    margin-left: 5px;
}
.head .menu .subnav {
    display: none;
    width: 111px;
    position: absolute;
    z-index: 99999;
    margin-top: -12px;
}
.head .menu .subnav a {
    height: 50px;
    line-height: 50px;
    background: #fff;
    color:#333;
}
.head .menu .subnav a:hover{background:#0e3782;color:#fff;}
.head .menu .subnav .subup img{width: 12px;margin-top: 24px;}

.section1{width:590px;height:370px;float:left;}
.theme-orman .nivo-controlNav-bg{background:none !important;}
.theme-orman .nivoSlider{background-size: 590px 370px !important;}
.theme-orman .nivo-controlNav{display:none;}
.section2{width:610px;height:370px;float:left;}
.artsort {
    color: #0e3782;
    border-bottom: 2px solid #0e3782;
    font-size: 18px;
    height: 50px;
    display: block;
    width: 113px;
    text-align: center;
    line-height: 50px;
    float: left;
}

.section2 {
    width: 610px;
    height: 370px;
    float: left;
    padding-left: 35px;
}
.artlist {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #0e3782;
}
.artlist li {
    width: 100%;
    height: 54px;
    line-height: 54px;
}
.artlist a{}
.artlist span{float:right;}

.section3{margin-top:45px;width:588px;height:368px;float: left;margin-right: 24px;}
.artbox{border:1px solid #ddd;padding:17px;position: relative;}
.artbox .morebtn{
  position: absolute;
  right: 10px;
  top: 30px;
}
.section4, .section5{width:588px;height:173px;float: left;}
.section4{margin-top:45px}
.section5{margin-top:22px}

.section6{margin:40px auto;}
.section6 li{width:386px;height:94px;float:left;}
.section6 li:nth-child(2n){margin:0px 20px;}
.section6 li img{width:100%;height:100%;}

.section7, .section8, .section9{width:384px;height:368px;float:left;margin-bottom:5px;}
.section8, .section9{margin-left:20px;}


.custom .tips {
    clear: both;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    background: #98c2db;
    color: #fff;
}
.custom form {
    clear: both;
    font-size: 16px;
    padding: 10px;
    line-height: 40px;
}
.custom li{}
.custom li label {
    padding-right: 3px;
}
.custom li select, .custom li input {
    width: 280px;
    height: 30px;
    border-radius: 2px;
    border: 1px solid #757778;
    padding-left: 10px;
}
.custom input[type="submit"] {
    background: #0e3782;
    color: #fff;
    width: 180px;
    height: 40px;
    margin-top: 20px;
    margin-left: 100px;
    cursor: pointer;
}


.footer{
    background: #333;
    color: #858585;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    padding:40px 0px 10px 0px;
}
.footer .about{width:331px;float:left;}
.footer .about img{height:44px;}
.footer b{color:#fff;font-size: 16px;
line-height: 26px}
.footer ul{margin-top:10px;}
.footer .nav{margin-left:100px;float:left;width:180px;}
.footer .nav ul a{color:#858585;display:block;}
.footer .contact{width:315px;float:left;}
.footer .contact ul{line-height:40px;}
.footer .qr{width:263px;float:left;margin-top: 40px;line-height: 40px;}
.footer .qr li{text-align:center;width:40%;margin-left:10%;float: left;}
.footer .qr img{width:100%;height:108px;}
.bottom{color:#fff;background:#282828;text-align:center;line-height: 40px;}
.bottom a{color:#fff;}
.info{padding:20px 50px;}

.onlineStyle05 .main_box {
    position: fixed;
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    top: 50%;
    right:0px;
    z-index: 100000000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.onlineStyle05 .main_box .box_main_content{ background: #fff;}
.onlineStyle05 .interval{ height: 1px; background: #ccc; margin: 0 10px;}
.onlineStyle05 .item_box{ position: relative;}
.onlineStyle05 .item_box:hover .show_box{ display: block;}
.onlineStyle05 .item{box-sizing: content-box; width: 16px; text-align: center; padding: 10px; margin: 7px 0; color: #808080;}
.onlineStyle05 .item .img{ background-repeat: no-repeat; width: 100%; height: 16px; background-size: 100% !important;}
.onlineStyle05 .item:hover{ background: #0e3782; color: #fff;}
.onlineStyle05 .item .text{ line-height: 1.2; font-size: 14px; margin-top: 5px; }

.onlineStyle05 .item .phone_icon{ background-image: url(../images/kefu_pc_gray.png);}
.onlineStyle05 .item:hover .phone_icon{ background-image: url(../images/kefu_pc_white.png);}

.onlineStyle05 .item .time_icon{ background-image: url(../images/time_pc_gray.png);}
.onlineStyle05 .item:hover .time_icon{ background-image: url(../images/time_pc_white.png);}

.onlineStyle05 .item .qr_icon{ background-image: url(../images/qr_pc_gray.png);}
.onlineStyle05 .item:hover .qr_icon{ background-image: url(../images/qr_pc_white.png);}

.onlineStyle05 .show_box{ display: none; position: absolute; right: 100%; top: 0; width: 220px; padding-bottom: 20px; }
.onlineStyle05 .show_box .contant{ background: #0e3782; border-radius: 10px 0 10px 10px; padding-bottom: 20px; max-height: 300px; overflow-y:auto; overflow-x: hidden;}
.onlineStyle05 .show_box .contant::-webkit-scrollbar{ display: none;}
.onlineStyle05 .show_box .li_item{ padding: 12px 10px; overflow: hidden; border-bottom: 1px dashed rgba(255,255,255,.5); color: #fff; font-size: 14px; margin: 0 15px;}
.onlineStyle05 .show_box .li_item:last-of-type{ border-bottom: none;}
.onlineStyle05 .show_box .title{ border-bottom: 1px solid rgba(255,255,255,.5); text-align: center; padding: 14px 0; color: #fff; font-size: 14px;}
.onlineStyle05 .show_box .icon{ float: left; margin-top: 5px; vertical-align: top; width: 16px; height: 16px;}
.onlineStyle05 .show_box .icon .img{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%;}
.onlineStyle05 .show_box .text_contant{ float: left;  padding-left: 10px; width: calc( 100% - 16px); box-sizing: border-box; text-overflow: ellipsis; overflow: hidden;}
.onlineStyle05 .show_box .text_contant div{ word-break: break-all;}
.onlineStyle05 a{ color: #fff;}

.onlineStyle05 .show_box .icon .list_phone_icon{ background-image: url(../images/phone_pc.png);}
.onlineStyle05 .show_box .icon .list_wx_icon{ background-image: url(../images/wx_pc.png);}
.onlineStyle05 .show_box .icon .list_qq_icon{ background-image: url(../images/qq_pc.png);}
.onlineStyle05 .show_box .icon .list_mail_icon{ background-image: url(../images/mail_pc.png);}

.onlineStyle05 .time .contant{ color: #fff; border-radius: 50px 0 0 50px; padding: 0; height: 36px; text-align: center; line-height: 36px; font-size: 14px;}

.onlineStyle05 .qrcode .contant{ border-radius:10px 0 0 10px; padding: 20px 0 15px; text-align: center;}
.onlineStyle05 .qrcode .qrcode_img{ width: 135px; height: 135px; overflow: hidden; margin: 0 auto;}
.onlineStyle05 .qrcode .qrcode_img img{ width: 100%; }
.onlineStyle05 .qrcode .qr_text{ color: #fff; font-size: 16px; margin-top: 20px;}

.dede_pages {width: 100%;text-align: center;padding: 30px 0px;height: auto;overflow: hidden;clear: both;font-size: 12px;color: #555555;font-family: 微软雅黑;}
.dede_pages ul {margin: 0px;padding: 0px;list-style: none;}
.dede_pages span font {color: #fff;background: #0e3782;padding: 6px 13px;margin: 0 5px;cursor: pointer;}
.dede_pages a {display: inline-block;color: #555;padding: 6px 13px;margin: 0 5px;cursor: pointer;background-color: #e6e6e6;text-decoration: none;}
.dede_pages a:hover {background: #0e3782;color: #fff;text-decoration: none;}
.nolink {margin: 0 5px;padding: 6px 13px;cursor: pointer;color: #555;background-color: #e6e6e6;}
.nolink:hover {background: #0e3782;color: #fff;}
.total{display: none;}
.jump {display: none;}
.current {display: none;}