@charset "utf-8";
/*Public*/

.wrap{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}
.w{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
}

/*header*/
.header{
    /*position: fixed;*/
    /*top:0px;*/
    /*left:0px;*/
    /*z-index:100;*/
    width:100%;
    background-color: #fff;
    padding-bottom: 10px;

    -webkit-transition: height .2s,top .2s,background-color .2s,padding .2s;
    transition: height .2s,top .2s,background-color .2s,padding .2s;
}
.index .header{
    /*    background: -moz-linear-gradient(top, rgba(101,44,137,0.63) 30%, rgba(255,255,255,0) 100%);  FF3.6-15 
        background: -webkit-linear-gradient(top, rgba(101,44,137,0.63) 30%,rgba(255,255,255,0) 100%);  Chrome10-25,Safari5.1-6 
        background: linear-gradient(to bottom, rgba(101,44,137,0.63) 30%,rgba(255,255,255,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1734ca5', endColorstr='#00ffffff',GradientType=0 );  IE6-9 */
    border-bottom:none;
}
.header.header_shrink{
    top:-10px;
    padding-bottom:5px;
    background-color: rgba(255,255,255,0.95);
    border-bottom: 1px #ccc solid;
}

.header.header_shrink.header_over{
    top:0px;
    padding-bottom: 15px;
}
.header .header_logo_nav{
    z-index:101;
    width:100%;
}
.header .header_logo_nav h1{
    padding-top: 40px;
    width: 240px;
}
.header .header_logo_nav h1,
.header .header_logo_nav h1 a{
    float: left;
    overflow:hidden;
}
.header .header_logo_nav h1 img{
    width: 240px;
    vertical-align: top;
}


/*header end*/


/*header nav*/
.header_nav{
    margin-top: 25px;
    position: relative;
    float: right;
    padding:5px 15px 5px 20px;
    width: 900px;
    /*    background: #0064AC;*/
}

.header_nav .header_nav_ornament{
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
    width: 34px;
    height: 34px;
    border: 1px #666 solid;
    border-radius: 35px;
    background: #208cbd;
    color: #fff;
}
.header_nav .nav {
    position: absolute;
    top: 17px;
    left: 0px;
    z-index: 2;
    background: #fff;
    width:100%;
    height:40px;
    border: 1px #666 solid;
    border-radius: 40px;
    padding: 0px 10px;
}
.header_nav .nav > ul{
    position: absolute;
    left: -1px;
    top: -1px;
    width:100%;
    height:40px;
    line-height: 40px;
    display: block;
    text-align: left;
    color:#535353;
    font-family: "微软雅黑";
}
.header_nav .nav > ul > li{
    font-size:16px;
    display: inline-block;
    position:relative;
}
.header_nav .nav > ul > .icobtn{
    float: right;
    margin-right: 5px;
}
.header_nav .nav > ul > .icobtn img{
    margin-top: 8px;
    vertical-align: top;
}
.header_nav .nav > ul > .header_tel{
    margin-right: 15px;
    float: right;
    font-weight: bold;
}
.header_nav .nav > ul li.no_line{
    /*padding-left:0px;*/
    /*background:none;*/
}
.header_nav .nav > ul li a{
    height:40px;
    font-size:14px;
    line-height:40px;
    font-weight: bold;
    color:#222;
    text-decoration:none;
    padding:0px 20px;
    text-align:center;
    cursor:pointer;
}
.header_nav .nav > ul > li > a{
    /*    border-bottom:2px solid #fff;*/
    display: block;
    padding:1px 21px;
    height:40px;
    min-width: 100px;
    line-height:39px;
}
.header_nav .nav > ul > li > a:hover,
.header_nav .nav > ul > li:hover > a{
    border: 1px #666 solid;
    padding:0px 20px;
    background: #208cbd;
    border-radius: 40px;
    color: #fff;
}
.header_nav .nav > ul > li > a.mo,
.header_nav .nav > ul > li.mo > a,
.header_nav .nav > ul > li.mo:hover > a,
.header_nav .nav > ul > li.mo > a:hover{
}


/*导航下拉菜单*/
.header_nav .nav > ul > li > ul{
    display:none;
    position:absolute;
    top: 40px;
    left:0%;
    z-index:111;
    /*border:1px solid #ccc;*/
    min-width:100%;
    background: #fff;
}
.header_nav .nav > ul > li:hover > ul{
    display: block ;
}

.header_nav .nav > ul > li > ul li a{
    font-size:14px;
}

.header_nav .nav > ul > li > ul > li{
    height:34px;
    text-align:center;
    position:relative;
    display:block;
    width:100%;
    /*border-top:1px dashed #ccc;*/
}

.header_nav .nav > ul > li > ul > li:first-child{border-top:none;}

.header_nav .nav > ul > li > ul > li a{
    display:block;
    width:100%;
    height:34px;
    line-height:34px;
    text-align:center;
    color:#555;
    margin:auto;
    white-space:nowrap;
    background-image: none;
    background-color:#f1f1f1;
    padding:0px 10px;
}
.header_nav .nav > ul > li > ul > li > a:hover {
    background-color:#eee;
    color:#c13232;
}
.header_nav .nav > ul > li > ul > li.mo > a,
.header_nav .nav > ul > li > ul > li.mo > a:hover{
    color:#c13232;
}


.header_nav .nav > ul > li:hover > ul > li > ul{
    position:absolute;
    top:0;
    left:100%; 
    z-index: 222;
    display: none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    width:150%;
}
.header_nav .nav > ul > li:hover > ul > li:hover > ul{display:block;}

.header_nav .nav > ul > li > ul > li > ul > li{display:block}
.header_nav .nav > ul > li > ul > li > ul > li > a,
.header_nav .nav > ul > li > ul > li > ul > li > a{
    width:100%;display:block;text-align:center;height:34px;line-height:34px;*height:1%;
}
.header_nav .nav > ul > li > ul > li > ul > li > a:hover {
    background-color:#eee;
    color:#c13232;
}
.header_nav .nav > ul > li > ul > li > ul > li.mo > a,
.header_nav .nav > ul > li > ul > li > ul > li.mo > a:hover{
    color:#c13232;
}

.header_nav .nav > ul li.ico_wx span{
    border-right:1px #ccc solid;
    background:url(../images/ico_wx.png) 10px 2px no-repeat;
}
.header_nav .nav > ul li.ico_phone span{
    background:url(../images/ico_phone.png) 10px 2px no-repeat;
}
/*导航下拉菜单 end*/


/*header nav end*/


/*banner*/
.banner-imgs {
    position: relative;width:100%;height:auto;
}
.banner-imgs ul{
}
.banner-imgs li{
    width: 12.5%;
    float: left;
    position: relative;
}
.banner-imgs li a{
    display: block;
    width: 100%;
    overflow: hidden;
    border: 3px #fff solid;
}
.banner-imgs li a img{
    width: 100%;
    height: 100%;
}
.banner-imgs li a span{
    border: 3px #fff solid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0f5fbb;
    display: none;
    padding: 1vw;
    line-height: 1.2;
    font-size:0.9vw;
    color:#fff;
    font-weight: bold;
    opacity: 0.95;
}
.banner-imgs li a span strong{
    display: block;
    min-height: 0.2vw;
    font-size: 0.6vw;
    margin-top: 1rem;
    margin-bottom: 5px;
}
.banner-imgs li a:hover span{
}
.banner-imgs li.banner-img-2{
    margin-left: 12.5%;
}
.banner-imgs li.banner-img-9{
    margin-left: 12.5%;
}
.banner-imgs li.banner-img-12{
    margin-left: 12.5%;
}
.banner-imgs li.banner-img-19{
    margin-left: 12.5%;
}
.banner-imgs .banner-ad1{
    position: absolute;
    top: 0px;
    left: 12.5%;
    width: 12.5%;
}
.banner-imgs .banner-ad2{
    position: absolute;
    top: 7.8125vw;
    left: 62.5%;
    width: 12.5%;
}
.banner-imgs .banner-ad1 a,
.banner-imgs .banner-ad2 a{
    display: block;
    border: 3px #fff solid;
}
.banner-imgs .banner-ad1 img,
.banner-imgs .banner-ad2 img{
    width: 100%;
}

.banner{width:100%;height:auto; position: relative;}
.banner a{float:left;width:100%;height:auto}
.banner a img{width:100%;height:auto;}
.banner .swiper-container{height:auto;}
.banner .pagination {position: absolute;z-index: 20;bottom: 0px;width: 100%;text-align: center}
.banner .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 12px;background: #fff;margin: 0 5px;opacity: 0.8;cursor: pointer;
                                   -webkit-transition: width .3s,background-color .3s;}
.banner .banner_word{
    position: absolute;
    top: 32%;
    left :0px;
    right:0px;
    width:100%;
    text-align: center;
    z-index: 102;
    font-size:90px;
    color:#fff;
    -webkit-text-stroke: 2px #1A5B91;
    font-weight: bold;
}
.banner .swiper-pagination-switch.swiper-visible-switch.swiper-active-switch {background: #444444;width:50px;}
.banner_btn{
    position: absolute;
    top:0px;
    bottom: 0px;
    z-index:1;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    width:56px;
    min-height:52px;
    cursor: pointer;
}
.banner_btn:hover{
    background-image: url(../images/sprite-ov.png);
}
.banner_btn_left{
    left:0px;
    background-position: center left;
}
.banner_btn_right{
    right:0px;
    background-position: center right;
}
.banner_btn_t_b{
    position:fixed;
    left:0px;
    right:0px;
    z-index:1;
    background-image: url(../images/sprite_t_b.png);
    background-repeat: no-repeat;
    width:100%;
    height:56px;
    cursor: pointer;
}
.banner_btn_t_b:hover{
    background-image: url(../images/sprite_t_b-ov.png);
}
.banner_btn_top{
    top:60px;
    background-position: top center;
}
.banner_btn_bottom{
    bottom:0px;
    background-position: bottom center;
}
/*banner end*/

.modal_userinfo_form{
    display: none;
}
.modal_userinfo_form .modal_userinfo_form_bg{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #000;
    opacity: 0;
}
.modal_userinfo_form .modal_userinfo_form_box{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
}
.modal_userinfo_form .modal_userinfo_form_wrapper{
    position: relative;
    z-index: 100;
    width: 450px;
    height: 340px;
    margin: 0 auto;
    opacity: 0;
    background-position: top center;
    background-repeat: no-repeat;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_closeBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 36px;
    padding-top: 0px;
    color: #000;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_input{
    display: inline-block;
    margin-top: 152px;
    margin-left: 59px;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_input input {
    vertical-align: top;
    height: 24px;
    width: 236px;
    text-align: center;
    font-size: 14px;
    background: none;
    color: #fff;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_input input:focus {
    outline: none;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_input .modal_userinfo_form_submit{
    vertical-align: top;
    display: inline-block;
    width: 84px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    margin-left: 6px;
    font-size: 17px;
    padding-left: 15px;
    font-weight: bold;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_qqBtn{
    text-align: center;
    margin-top: 28px;
}
.modal_userinfo_form .modal_userinfo_form_wrapper .modal_userinfo_form_qqBtn a{
    display: inline-block;
    width: 207px;
    height: 38px;
}

.btn-loading {
    display: inline-block;
    color: #999;
}

.clickme {
    position: fixed;
    top:50%;
    right: 2px;
    cursor: pointer;
}

/*header other*/
/*header other end*/

.main{
    margin-top:10px;
    min-height: 400px;
}
.index .main{
    margin-top:0px;
}

.module{
    padding: 0px 0px;
}
.index .module{
    padding: 0px 0px;
}
.module .title,
.module .title-min{
    color:#444444;
    padding-bottom:5px;
    /*border-bottom: 1px solid #ccc;*/
    padding-left: 0px;
}
.module .title b{
    color:#666;
    font-weight: normal;
}
.module .title a,
.module .title-min a{
    color:#444444;
}
.module .title b,
.module .title h3,
.module .title-min h3{
    padding:5px 0px 5px 20px;
    line-height: 1;
    background: url('../images/ico_title.png') no-repeat left center;
}
.module .title b,
.module .title h3,
.module .title h3 a{
    float: left;
    font-size: 22px;
}
.module .title-min b,
.module .title-min h3,
.module .title-min h3 a{
    float: left;
    font-size: 20px;
}
.module .title i,
.module .title-min i{
    float: left;
    color:#bbb;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height:1;
    margin-top:8px;
    margin-left:3px;
    padding-left:8px;
    /*border-left:1px solid #ccc;*/
}
.module .title small,
.module .title-min small{
    float: left;
    margin-left: 10px;
    color:#fff;
    font-size: 16px;
    line-height:30px;
}
.module .title .more,
.module .title-min .more {
    float: right;
    line-height:30px;
    font-size:13px;
    color:#666;
}
.module .cont{
    clear: both;
}
.module .cont .more {
    color:#aaa;
}

/*newslist*/
.list_new{
}
.list_new li{
    display: block;
    line-height: 1;
    position: relative;
    padding:8px 0px;
    /*border-bottom: 1px dashed #ccc;*/
}
.list_new li span{
    color:#666;
    display:block;
    width:480px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; 
    position: absolute;
    top: 10px;
    text-indent: 3px;
}
.list_new li span a{
    color:#666;
}
.list_new li span a:hover{
    color:#888;
}
.list_new li span,
.list_new li i{
    font-size: 15px;
}
.list_new li span a{
}
.list_new li span sup{
    cursor: default;
    margin-right:3px;
    display: inline-block;
    font-size: 11px;
    padding:3px;
    background: #f5f5f5;
    color:#749fc5;
    text-align: center;
    text-indent: 0px;
}
.list_new li span .t{
    color:#f00;
}
.ym li span{
    padding-right:55px;
}
.ymd li span{
    padding-right:80px;
}
.ymdhis li span{
    padding-right:145px;
}
.list_new li i{
    color:#aaa;
    display: block;
    text-align:right;
    font-weight: 100;
}
.list_new li i i{
    display: inline;
}
/*newslist end*/

/*newslistpic*/
.list_newspic{
}
.list_newspic li{
    margin-left:3.3333333%;
    width:30%;
    float:left;
    position: relative;
}
.list_newspic li:first-child{
    margin-left:0px;
}
.list_newspic li a.pic{
    display: block;
    width:100%;
    border: 1px #eee solid;
}
.list_newspic li a.bt{
    position: absolute;
    width:100%;
    left:0px;
    bottom:0px;
    display: block;
    background: #000;
    filter:alpha(opacity=67);
    -moz-opacity:0.67;
    opacity:0.67;
    color:#fff;
    padding:5px 15px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
.list_newspic li:hover a.bt{
    background: #333;
}

/*newslistpic end*/

/*list_pic*/
.list_pic{
    width:100%;
}
.list_pic li{
    font-size: 14px;
    margin-top:6px;
    margin-bottom:6px;
}
.list_pic li{
    float: left;
    width:25%;
    overflow: hidden;
    cursor: pointer;
}
.main_r.w .list_pic li{
    width:20%;
}
.list_pic li a{
    color:#888;
    text-decoration: none;
}
.list_pic li:hover a{
    color:#f60;
}
.list_pic li a.infoimg,
.list_pic li a.infotitle{
    display:block;
    width:95%;
    margin:auto;
    overflow: hidden;
    position: relative;
}
.list_pic li a.infoimg.img_flexd_txt span{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0f5fbb;
    display: none;
    padding: 12px;
    line-height: 1.2;
    font-size:15px;
    color:#fff;
    font-weight: bold;
    opacity: 0.95;
}
.list_pic li a.infoimg.img_flexd_txt span strong{
    display: block;
    min-height: 12px;
    font-size: 12px;
    margin-top: 1rem;
    margin-bottom: 5px;
}

.list_pic li img{
    width:100%;
    display: none;
}
.list_pic li a.infotitle{
    background: #fff;
    text-align:center;
    height:50px;
    line-height: 1.5;
    padding-top: 5px;
    overflow: hidden;
    white-space: normal; 
    position: static;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}



.main_r.w .list_pic li.pictext_li{
    width:50%;
    margin-top:25px;
    margin-bottom:25px;
}
.list_pic li.pictext_li{
    margin-top:25px;
    margin-bottom:25px;
    width:50%;
    overflow: hidden;
    cursor: auto;
}
.list_pic li.pictext_li.fl{
    float: left;
}
.list_pic li.pictext_li.fr{
    float:right;
}
.list_pic li.pictext_li a.infoimg{
    float: left;
    width:30%;
}
.list_pic li.pictext_li img{
    width:100%;
    display: none;
}
.list_pic li.pictext_li .pictext_li_info{
    float:right;
    width:70%;
    padding-left: 2%;
}
.list_pic li.pictext_li.fl {
    padding-right: 5%;
}
.list_pic li.pictext_li.fr {
    border-left: 1px solid #eee;
    padding-left: 5%;
}
.list_pic li.pictext_li .pictext_li_info .pictext_li_title{
    display:block;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    color:#444;
}
.list_pic li.pictext_li a.pictext_li_title:hover{
    color: #000000;
}
.list_pic li.pictext_li .pictext_li_info .pictext_li_text{
    margin-top:10px;
    display:block;
    line-height: 1.5;
    color:#888
}



.list_pic li.pictext_lisingle{
    width:100%;
    overflow: hidden;
    cursor: auto;
    padding-bottom: 15px;
    border-bottom: 2px solid #eeeeee;
    margin-bottom: 15px;
}
.list_pic li.pictext_lisingle .pictext_lisingle_info{
    display: block;
    width: 100%;
    vertical-align: middle;
}
.list_pic li.pictext_lisingle .pictext_lisingle_info a.infoimg{
    float:left;
    height:80px;
    width: auto;
}
.list_pic li.pictext_lisingle .pictext_lisingle_info a.infoimg img{
    display: inline;
    height:auto;
    width: auto;
    height:80px;
}
.list_pic li.pictext_lisingle .pictext_lisingle_info .pictext_lisingle_title{
    display: table-cell;
    height:80px;
    padding-left:10px;
    line-height:2;
    text-align: left;
    vertical-align: middle;
    color:#444;
    font-size: 16px;
    font-weight: bold;
}
.list_pic li.pictext_lisingle .pictext_lisingle_text{
    margin-top:10px;
    display:block;
    line-height: 1.5;
}
/*list_pic end*/
/*list_cosler START*/
.list_cosler{
    padding:2px 0px;
    border-bottom: 2px #eee dashed;
    margin-bottom: 5px;
}
.list_cosler li{
    float:left;margin:0px 2px;
}
.list_cosler li.all a{
    color:#444;
}
.list_cosler li a{
    float:left;
    padding:2px 5px;
}
.list_cosler li.mo a{
    color:#f00;
}
/*list_cosler end*/


/*footer*/
.footer{
    margin-top:30px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-top:1px #ccc solid;*/
    background: #9f9f9f;
}
.footer,
.footer a{
    line-height: 1.5;
    color:#fff;
    font-size: 13px;
}
.footer a:hover{
    color:#333;
}
.footer .wrap .tr1{
    line-height: 1;
    font-size:12px;
    height: 15px;
}
.footer .wrap .tr2{
    height: 27px;
}
.footer .wrap .tr2{
    font-size:13px;
}
.footer .wrap .fl .tr2{
    font-size:15px;
}
.footer .wrap .fr .tr2{
    font-size:18px;
    font-weight: bold;
}
.footer .wrap .fr{
    text-align: right;
}
.footer .copyright,
.footer .icpnum{
    display: inline-block;
}
.footer .icpnum{
    margin-left: 15px;
}

.footer .ewm{
    margin-left:20px;
    float: right;
}
.footer .ewm div{
    float: right;
    padding-left:10px;
    text-align: center;
}
.footer .ewm div img{
    width:130px;
    height:130px;
}
.footer .ewm div p{
    font-size: 14px;
    line-height: 1;
    padding-top:5px;
}
/*footer end*/

/*Public END*/



/*Index*/
.index .index-content-img{
    margin-top:0px;
    width: 100%;
    text-align: left;
}
.index .index-content-img img{
}


.index .index-serves{
    margin-top: 35px;
    width: 100%;
}

.index .index-serves > div{
    background: url(../images/index_box_bg.png) no-repeat left top;
    float:left;
    width:163px;
    height: 202px;
    margin: 4px;
    overflow: hidden;
    padding: 18px 0px 10px;
    text-align: center;
    line-height: 1.4;
}

.index .index-serves > div > div{
    margin-top: 5px;
}

.index .index-serves > div h3{
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-top: 5px;
}

.index .index-serves > div span{
    display: block;
    font-size: 12px;
    margin-top: 5px;
}

.index .index-title {
    margin-top: 5px;
    text-align: center;
}
.index .index-title div:nth-child(1) {
    margin-top: 5px;
    font-size: 54px;
    font-family: Arial;
    padding-bottom: 20px;
    background: url(../images/icon_cha_jian_jia.png) no-repeat center bottom;
}
.index .index-title div:nth-child(2) {
    display: inline-block;
    line-height: 1;
    padding: 6px 15px;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 500;
    border: 2px solid #333;
    color:#000;
    border-radius: 5px;
}

.index .index-about {
    width: 750px;
    text-align: center;
    margin: 20px auto 0;
}

.index .index-about-title {
    display: inline-block;
}

.index .index-about-title > * {
    padding: 0 35px 5px;
    font-size: 36px;
}

/* .index .index-about {
    margin-top: 5px;
    text-align: center;
} */

/* .index .index-about div:nth-child(1) {
    display: inline-block;
    background: url(../images/inhao_left.png) no-repeat left center;
}
.index .index-about div:nth-child(1) div {
    background: url(../images/inhao_right.png) no-repeat right center;
}

.index .index-about div:nth-child(2) {
    font-size: 18px;
}

.index .index-about div:nth-child(3) {
    font-size: 18px;
}

.index .index-about div:nth-child(3) b {
    font-weight: 800;
}

.index .index-about div:nth-child(4) {
    margin: 15px auto;
    padding-top: 15px;
    border-top: 1px #333 solid;
    width: 750px;
    font-size: 15px;
    text-align: left;
} */

.index .index-shuzi {
    width: 750px;
    margin: 20px auto 20px;
    padding-bottom: 30px;
    border-bottom: 1px #333 solid;
}

.index .index-shuzi > span {
    float: left;
    width: 33%;
    line-height: 1;
    text-align: center;
}

.index .index-shuzi > span > div:first-child {
    font-size: 62px;
    font-family: Arial;
}

.index .index-shuzi > span > div:last-child {
    font-size: 18px;
}
.index .index-pic{
    margin: 25px 0;
}

.index .about .cont .about_img{
    float:left;
    width:222px;
    height:150px;
    padding-top:8px;
}
.index .about .cont .about_img img{
    width:100%;
}



.index .news{
    width:580px;
    height:240px;
    float: right;
}
.index .news .cont{
    padding-top:5px;
}
.index .news .list_new{
    width:580px;
}
.index .news .list_new li{
    padding:9px 0px
}


.index .case .tab-display .tab-btn{
    padding:15px 0px;
}
.index .case .tab-display .tab-btn a{
    display: inline-block;
    width:20%;
    text-align: center;
    font-size: 19px;
    color: #444;
    line-height: 1;
    padding:10px 0px;
}
.index .case .tab-display .tab-btn a:hover,
.index .case .tab-display .tab-btn a.mo{
    color: #666;
    background: #ddd;
}

.index .case .tab-display .tab-content .tab-page{
    
}
.index .case .tab-display .tab-content .tab-page ul li{
    float: left;
    margin-right: 48px;
    margin-bottom:15px;
}
.index .case .tab-display .tab-content .tab-page ul li a.infoimg{
    display: block;
    overflow: hidden;
}
.index .case .tab-display .tab-content .tab-page ul li a.infoimg img{
    width:100%;
}
.index .case .tab-display .tab-content .tab-page ul li.case_num_1 a.infoimg,
.index .case .tab-display .tab-content .tab-page ul li.case_num_2 a.infoimg{
    width:576px;
    height:324px;
    overflow: hidden;
}
.index .case .tab-display .tab-content .tab-page ul li.case_num_1 img,
.index .case .tab-display .tab-content .tab-page ul li.case_num_2 img{
    width:576px;
    height:324px;
}
.index .case .tab-display .tab-content .tab-page ul li.case_num_3 a.infoimg,
.index .case .tab-display .tab-content .tab-page ul li.case_num_4 a.infoimg,
.index .case .tab-display .tab-content .tab-page ul li.case_num_5 a.infoimg{
    width:368px;
    height:207px;
}
.index .case .tab-display .tab-content .tab-page ul li.case_num_3 img,
.index .case .tab-display .tab-content .tab-page ul li.case_num_4 img,
.index .case .tab-display .tab-content .tab-page ul li.case_num_5 img{
    width:368px;
    height:207px;
}

.index .case .tab-display .tab-content .tab-page ul li.case_num_2,
.index .case .tab-display .tab-content .tab-page ul li.case_num_5{
    margin-right: 0px;
}
.index .case .tab-display .tab-content .tab-page ul li.case_num_6{
    margin-right: 0px;
    display: none;
}
.index .case .tab-display .tab-content .tab-page ul li a.infotitle{
    display: block;
    text-align:center;
    font-size: 16px;
    padding-top:5px;
    line-height: 1.5;
    color: #555;
}


.f_link_txt{
    margin:10px 0px 0px;
}
.f_link_txt .cont ul a{
    float: left;
    margin: 10px 20px 0px 0px;
}

/*Index END*/

/*Other Page Public*/
.main_top{
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 5px;
    margin-bottom: 5px;
    line-height:1;
}
.main_top .btn_back{
    float: left;
    width:24px;
}
.main_top .map{
    float: left;
    font-size:14px;
    color:#777;
}
.main_top .map a{
    color:#777;
}
.main_top .map a:hover{
}
.main_top .map i,
.main_top .map a,
.main_top .map span{
    margin:0px 2px;
}
.main_top .btn_menu{
    display:none;
}
.main_top .btn_back img{
    width:100%;
}

.main_l{
    padding-top: 7px;
    float: left;
    width:230px;
}
.main_l .nav{
    background: #fff;
    padding:0px 0px 20px;
    width:100%;
}
.main_l .nav ul{
    background: #fff;
    width:100%;
}
.main_l .nav ul li{
    display: block;
}
.main_l .nav li a{
    display: block;
    width:100%;
    padding:7px 20px;
    margin-bottom: 1px;
    font-size: 15px;
    color: #555;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: 90% center;
    text-decoration: none;
}
.main_l .nav li > a:hover{
    background-color: #e6e6e6;
    color: #555;
}
.main_l .nav li > a.sub{
    background-image: url(../images/ico_sub.png);
}
.main_l .nav li > a.sub:hover{
    background-image: url(../images/ico_sub_mo.png);
}
.main_l .nav li > a.sub.sub_{
    background-image: url(../images/ico_this.png);
}
.main_l .nav li > a.sub.sub_:hover{
    background-image: url(../images/ico_this_mo.png);
}
.main_l .nav li.mo > a,
.main_l .nav li.mo > a:hover{
    background-color: #333;
    color: #fff;
    background-image: url(../images/ico_this_mo.png);
}
.main_l .nav li.mo > a.sub,
.main_l .nav li.mo > a.sub:hover{
    background-color: #333;
    color: #fff;
    background-image: url(../images/ico_sub_mo.png);
}
.main_l .nav li > a.sub{
    margin-bottom: 2px;
}
.main_l .nav li.mo > a.sub_,
.main_l .nav li.mo > a.sub_:hover{
    background-image: url(../images/ico_this_mo.png);
}

.main_l .nav li ul li a{
    background-color: #eee;
    padding:5px 20px;
    font-size: 14px;
    text-indent: 20px;
}


.main_l .nav li ul li a:hover{
    background-color: #f8f8f8;
    color: #777;
    background-image: url(../images/ico_sub_this.png);
}
.main_l .nav li ul li.mo a,
.main_l .nav li ul li.mo a:hover{
    background-color: #ddd;
    color: #FF5C26;
    background-image: url(../images/ico_sub_this_mo.png);
}


.main_r{
    float: right;
    width:950px;
}
.main_r.w{
    width:100%;
}
.search .main_r{
    float: none;
    width:100%;
}
.main_r .module{
    width: 100%;
    padding:5px 0px 30px 0px;
}

/*分页样式*/
.page_box{margin-top:20px;padding-top:5px;line-height:24px;height:24px;}
.page_info{float: left;text-align:center;color:#333;font-size: 13px;}
.page_info span{padding:0 2px;color:#f60}
.page_list{float: right;line-height:24px;height:24px;text-align:center;letter-spacing:0;font-family:"宋体";font-size:13px;}
.page_list a{display:inline-block;text-decoration: none;color:#555;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 2px;height:24px;}
.page_list a:hover{color:#555;border:1px solid #ddd;background:#ddd;}
.page_list a.on{color:#fff;background:#2292ff;border:1px solid #2292ff;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


/*Other Page Public END*/

/*Other Page About*/
.main_r .about{
    font-size: 13px;
    /*    padding:0px;*/
}
.main_r {
    font-size: 13px;
    line-height: 1;
}
.main_r .classInfo{
    font-size: 12px;
    /*    padding:0px;*/
}

.editerContent{
    font: 12px/1 "Microsoft YaHei","sans serif",tahoma,verdana,helvetica;color: revert;
}
.editerContent,.editerContent *{padding:revert;margin:revert;-webkit-backface-visibility: revert;}
.editerContent div,.editerContent span,.editerContent applet,.editerContent object,.editerContent iframe,.editerContenth1,.editerContent h2,.editerContent h3,.editerContent h4,.editerContent h5,.editerContent h6,.editerContent p,.editerContent blockquote,.editerContent pre,.editerContenta,.editerContent abbr,.editerContent acronym,.editerContent address,.editerContent big,.editerContent cite,.editerContent code,.editerContentdel,.editerContent dfn,.editerContent em,.editerContent font,.editerContent img,.editerContent ins,.editerContent kbd,.editerContent q,.editerContent s,.editerContent samp,.editerContentsmall,.editerContent strike,.editerContent strong,.editerContent sub,.editerContent sup,.editerContent tt,.editerContent var,.editerContentb,.editerContent u,.editerContent i,.editerContent center,.editerContentdl,.editerContent dt,.editerContent dd,.editerContent ol,.editerContent ul,.editerContent li,.editerContentfieldset,.editerContent form,.editerContent label,.editerContent legend{margin: revert;padding: revert;border: revert;outline:revert;vertical-align: revert;background: revert;font-style: revert;}
.editerContent p{margin: 5px 0;}
.editerContent img{border: revert;vertical-align: revert;}
.editerContent ul,.editerContent ol,.editerContent li,.editerContent dl{list-style-type: revert;}
.editerContent th,.editerContent td{font-size:revert;}
.editerContent h1,.editerContent h3,.editerContent h2,.editerContent h4,.editerContent h5,.editerContent h6 {font-size: revert; font-weight: revert;}
/*Other Page About END*/

/*Other Page Pic*/
/*Other Page Pic END*/

/*Other Page News*/
.main_r .news{
    font-size: 16px;
    /*    padding:0px;*/
}

/*Other Page News END*/

/*Other Page Join*/
/*Other Page Join END*/

/*Other Page content*/
.pic_show{
    line-height:2;color:#666;
}
.details .title{
    color:#555;font-size:20px;text-align: center;line-height:20px;font-weight: bold;
}
.details .info{line-height:28px;text-align:center;margin:15px auto;padding-bottom: 15px;border-bottom:1px dashed #ccc;color:#888;font-size:14px;}
.details .info div{display: inline-block;margin:0px 3px;}
.details .info small{margin-left:8px;margin-right:3px;color:#999;font-size:14px;display: inline-block;}
.details .info span{display: inline-block;}
.details .info .share{}
.details .info .jiathis_style{display:inline-block;}
.details .info .small,
.details .info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.details .info .small{font-size:10px;padding-right:3px;}
.details .info .big{color:#003ba6;padding-left:3px;}
.details .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.details .showimg{margin:20px 0;text-align:center;}
.details .showimg a img{border:1px solid #ccc;padding:1px;}
.details .showimg a:hover img{border:1px solid #F90;padding:1px;}
.details .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.details .author{text-align:right;color:#999;}
.details .content{line-height:1;font-size: 12px;padding:15px 0px;}
.details .preNext{border-top:1px dashed #ccc;margin:10px 0px 0px;padding:10px 0px 0px;}
.details .preNext li{font-size:14px;color:#888;}
.details .preNext li a{color:#555;}
.main_r .about img,
.details .content img{height:auto;}
.details .share_m{display: none;}
/*Top按钮*/
.tbox{display:block;width:50px;float:right;position:fixed;z-index: 10;right:10px;bottom:55px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}
.tbox .btn_back{width:50px;height:50px;background:url(../images/btn_back.png) #eee no-repeat center center;display:block;border:1px solid #ccc;}




.swiper{width:100%;height:auto;border-bottom: 2px solid #fff;position: relative;}
.swiper .swiper-container{width:100%;background: #222;}
.swiper .swiper-container .swiper-slide{width:100%;float:left;position: relative;}
.swiper .swiper-container .swiper-slide a{display: block;width:100%;color: #fff;}
.swiper .swiper-container .swiper-slide a img{width:1px;height:1px;}
.swiper .swiper-container .swiper-slide a span{
    display:block;position: absolute;left:0px;bottom:0px;height:40px;line-height:40px;background: #000;width:100%;text-align: center;font-size:16px;
    background-color: rgba(0,0,0,0.5);
}
.swiper .swiper-container .pagination {position: absolute;z-index: 20;bottom: 0px;width: 100%;text-align: center}
.swiper .swiper-container .swiper-pagination-switch {display: inline-block;width: 14px;height: 14px;border-radius: 14px;background: #fff;margin: 0 5px;opacity: 0.8;cursor: pointer}
.index_logo{
    margin-top: 20px;
    padding: 0 50px;
}
.index_logo .banner .swiper-container{height:auto;width: 1038px}
.index_logo .swiper-wrapper {
    height: 380px;
    text-align: left;
}
.index_logo .swiper-wrapper a,
.index_logo .swiper-wrapper span{
    display: inline-block;
    width: 163px;
    height: 102px;
    margin: 5px;
    border: 1px #ccc solid;
    border-radius: 10px;
}
.index_logo .swiper-wrapper a img,
.index_logo .swiper-wrapper span img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.swiper .swiper-active-switch {background: #E44B43}
.swiper .arrow-left {
    display: block;
    background: url(../images/sprite.png) no-repeat left top;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -50px;
    width: 45px;
    height: 100px;
    z-index: 11;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.swiper .arrow-right {
    display: block;
    background: url(../images/sprite.png) no-repeat right top;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -50px;
    width: 45px;
    height: 100px;
    z-index: 11;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.swiper .arrow-left:hover,
.swiper .arrow-right:hover {
    background-image: url(../images/sprite-ov.png);
}
/*Other Page content END*/

/*Message Page content START*/
.message #form_message{
    
}
.message #form_message .message_tr{
    width:100%;
    margin:10px;
    position: relative;
    line-height:30px;
}
.message #form_message .message_tr .msgtitle{
    width:120px;
    text-align: right;
}
.message #form_message .message_tr.msgt_title{
    padding-top:20px;
    padding-bottom:5px;
    border-bottom:1px dashed #ccc;
}
.message #form_message .message_tr.msgt_title div{
    width:120px;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    padding-bottom:5px;
}
    
.message #form_message .message_tr .msginput{
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    padding-right:15px;
    margin-left:120px;
    margin-right:30px;
    max-width:200px;
    line-height:28px;
}
.message #form_message .message_tr.msg1{
    
}
.message #form_message .message_tr.msg2{
    height:180px;
}
.message #form_message .message_tr.msg2 .msginput{
    max-width:500px;
}
.message #form_message .message_tr .msginput .msg_input{
    border:1px solid #ccc;
    width:100%;
    height:26px;
}
.message #form_message .message_tr.msg2 .msginput .msg_textarea{
    border:1px solid #ccc;
    width:100%;
    height:180px;
}
.message #form_message .message_tr .msginput .msg_info{
    position: absolute;
    top:0px;
    right:0px;
    line-height:30px;
}
.message #form_message .message_tr.msg3{
    max-width:600px;
}
.message #form_message .message_tr.msg3 .msginput{
    max-width: 100%;
}
.message #form_message .message_tr.msg4 .msginput .msg_input{
    width:50px;
}
.message #form_message .message_tr.msg4 .msginfo{
    width:80px;
}
.message #form_message .message_tr.msg4 img{
    width:50px;
    height:26px;
    margin-left:10px;
}
.msg_btn_area{margin:5px 0px;text-align:left;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
/*Message Page content END*/

/*Other Page search*/
div.search .msg{text-align:left;font-size:17px;padding-bottom:10px;}
div.search .msg span{color:#ff0000;}
div.search .menu a{display: inline-block;padding:5px;border:1px solid #ccc;color:#999;line-height: 1;margin: 5px 0px 0px 10px;text-decoration: none;}
div.search .menu a:hover{border:1px solid #aaa;color:#555;}
div.search .menu a.mo,
div.search .menu a.mo:hover{border:1px solid #bbb;background:#eee;color:#666;}
div.search .title{padding-bottom: 10px;}

div.search form.search{
    float:right;
    width:240px;
}
div.search form.search div{
    float: right;
    width:100%;
    height:30px;
    border: #bbb 1px solid;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius: 15px;
    background:#fff;
    position: relative;
    overflow: hidden;
}
div.search form.search input{
    float:left;
    width:200px;
    height:24px;
    font-size:12px;
    text-indent:3px;
    margin-top:3px;
    margin-left:2px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 20px;
    color: #555;
}
div.search form.search button{
    display:none;
}
div.search form.search span{
    display: inline-block;
    overflow: hidden;
    cursor:pointer;
    text-align: center;
    background: #ff0000;
}
div.search form.search img{
    position: absolute;
    right:7px;
    top:5px;
    width:20px;
    height:20px;
    cursor: pointer;
}
/*Other Page search END*/

/*subindex*/
.subindex .main{
    margin: 0px;
    padding: 0px;
}
.subindex .oneweb{
    margin-bottom: 2px;
    overflow: hidden;
    width:100%;
}
.subindex .footer{
    margin-top: 0px;
}
.fullpage{
}