@charset "UTF-8";
/* CSS Document */
/*
/*Base*/
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {margin: 0;padding: 0;}
html,body{
}
body{
    font: 400 14px/24px Roboto,Arial,sans-serif;
}
ul{
    list-style-type: none;
}
input,label,img{
    vertical-align:middle;
}
.clear {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clearfix:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.hide{
    display: none !important;
}
.show{
    display: show !important;
}
.text-center{
    text-align: center;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
}
.text-center{
    vertical-align: center;
}
.text-left{
    vertical-align: left;
}
.text-right{
    vertical-align: right;
}
a{
    outline: none;
    overflow: hidden;
    text-decoration: none;
}
a{
    color: #333;
}
a:hover{
    color: #000;
}
hr{
    margin: 5px 0;
    height: 0px;
    overflow: hidden;
}
/*--- 图片 ---*/
.mr0{
    margin-right: 0px !important;
}
.wrapper{
    width:1200px;
    margin-left: auto;
    margin-right: auto;
}
.header{ background-color:#fff;  box-shadow: 0 6px 10px rgb(0 0 0 / 10%);}
.logo{ float:left;width: 120px; height: 72px; margin-top: 5px;}
.logo a img{ max-width: 100%;}
.nav{ float: right; width: 790px; }
.nav li.main{height:90px; line-height:90px; text-align:center; float:left; position:relative;}
.nav li.main a.main{height:90px; display:block; color:#000; font-size:18px; padding:0 35px; }
.nav li.main a.main:hover{text-decoration:none;color:#384aeb;}
.nav li.main div{display:none; text-align:left;  overflow:hidden; position:absolute; top:90px; z-index: 99999; width:100%; }
.nav li.main div a{display:block; height:38px; line-height:38px;padding-left: 8px; color:#fff; font-size:14px; background-color: #087ec4; background-color:rgba(50,130,197,0.9); overflow:hidden;}
.nav li.main div a i{margin-right: 5px; font-weight: normal;}
.nav li.main div a:hover{text-decoration:none; background-color:#1f85d7; background-color:rgba(9,74,93,.8);}
.nav li.main .n0{ width: 160px;}
.nav li.main .n2{ width: 200px;}
.nav li.on a.main{color:#000;}
.nav li.on a.main:hover p{color:#000;}
.xc-banner{height:400px; position:relative; overflow:hidden;}
.xc-banner>img{position:absolute; left:50%; margin-left:-960px; width:1920px; max-width:none;}
/*--- banner ---*/
.banner{
  margin:0 auto;
    max-width: 1920px;
    position: relative;
    min-width: 1200px;
    height: 500px;
}
.banner .swiper-container{
    width:100%;
    height:100%;
}
.banner .swiper-slide a{
    display: block;
    width:100%;
    height:100%;
}
.banner .swiper-slide{
    width:100%;
}
.swpier-pagination {
    text-align: center;
    position: absolute;
    left:0px;
    bottom: 10px;
    width:100%;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 40px;
    height: 6px;
    border-radius: 10px;
    background: #222;
    margin:0 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #fff;
}
.banner .swiper-btn{
    position: absolute;
    cursor: pointer;
    width:50px;
    height:100px;
    line-height: 100px;
    text-align: center;
    z-index: 100;
    display: block;
    top:50%;
    margin-top:-50px;
    left:5%;
    color:#fff;
}
.banner .swiper-btn .fa{
    line-height: 100px;
    font-size:60px;
    font-weight: 300;
}
.banner .swiper-btn.swiper-btn-next{
    right:5%;
    left:auto;
}
.banner-input-box{
    position: absolute;
    margin: 0 auto;
    border-radius: 6px;
    left: 0;
    right: 0;
    bottom: 36px;
    height: 115px;
    width: 960px;
    z-index: 10;
    background:#333;
    background: rgba(51, 51, 51, 0.9);
    padding: 20px 40px 0;
}
.banner-input-head{
    color:#fff;
    line-height: 22px;
    margin-bottom:15px;
}
.banner-input-head b{
    float:left;
    font-size:20px;
    font-weight: normal;
}
.banner-input-head i{
    float:left;
    display: block;
    position: relative;
    font-style: normal;
    margin-left:9px;
    padding-left:6px;
    font-size:14px;
}
.banner-input-head i::before{
    content:"";
    display: block;
    width:1px;
    height:16px;
    position: absolute;
    top:4px;
    left:0px;
    background-color: #ccc;
}

.m{ width:1200px; margin:0 auto; min-width:1200px; max-width:1200px;}
.list-cat,.list-news{ margin-top: 50px;}
.list-cat li{background: #ffffff; height: 280px; box-shadow: 0 4px 13px 0 rgb(0 0 0 / 18%); width: 180px; float: left; text-align: center; border: 1px solid #ddd; margin-right: 21px;  border-radius: 5px;}
.list-cat li:hover{ border: 1px solid #39aa3f; }
.list-cat li:nth-child(6){ margin-right: 0px; }
.list-cat li.n12 h2{ margin-bottom: 22px; }
.list-cat li a h2{ font-size: 22px; margin-top: 20px;}
.list-cat li a:hover h2{ color: #39aa3f;}
.list-cat li a div{ font-size: 14px; font-weight: 300;padding: 10px;}
.section-intro{ padding-bottom: 60px; text-align: center;}
.section-intro p{margin-bottom: 10px;}
.section-intro h2{font-size: 36px; font-weight: 600;}
.section-intro h2 span{border-bottom: 2px solid #384aeb;padding-bottom: 8px;}
.ss-list li {width: 360px; float: left; margin-right: 60px;}
.ss-list li .pic{ margin-bottom: 25px;}
.ss-list h3 {font-size: 20px; margin-bottom: 5px; line-height: 1.3; margin-bottom: 20px;}
.ss-list .des { font-size: 14px; color: #777;padding-bottom: 10px;}
.ss-list .more {font-weight: 500;color: #222;}
.ss-list .more i{ font-size: 13px; font-weight: 300; padding-left: 3px;transition: all .5s ease;}
.ss-list time {font-size: 13px;color: #999;}
.ss-list a:hover h3,.ss-list a:hover .more{color: #384aeb;}
.ss-list a:hover i{ padding-left: 10px;}
.ss-list li:nth-child(3n){ margin-right: 0px;}
/*---- page ---- */
#pages{font-size: 14px;padding-top: 20px;text-align: center;}
.pagination {width:100%;text-align: center;}
.pagination ul{display: inline-block;}
.pagination li {display: inline-block;margin-right:10px;line-height: 40px;height: 40px;}
.pagination li:last-child{margin-right:0px;}
.pagination li a,.pagination li span {display: block;color: #555;background-color: #f3f3f3;padding:0 15px;}
.pagination li a:hover,.pagination li a:focus,.pagination li span:hover,.pagination li span:focus {background-color: #d7d7d7;}
.pagination .active a,.pagination .active a:hover,.pagination .active a:focus,.pagination .active span,.pagination .active span:hover,.pagination .active span:focus {background-color: #d7d7d7;}
/* 当前位置 */
.breadcrumb-box{line-height:60px; font-size: 14px;color: #454545; background-color: #f2f2f2; margin-bottom: 30px; }
.breadcrumb .fa {font-size: 16px;margin-right: 5px;}
.font-blue {color: #3598dc!important;}
.breadcrumb a{ color:#454545;}
/*----box----*/
.sider-box{ width:240px; float:left;  padding-bottom:30px;border-radius: 10px;}
.main-box{ width: 1160px; background-color: #fff; padding:20px;border-radius: 10px; }
.main-box2{ width: 900px; background:#fff; padding-left:30px; border-left: 1px solid #ddd;}
.sub_nav h3{font-weight: 500;margin-bottom: 20px; font-size: 26px;}
.sub_nav li{ }
.sub_nav li a{line-height:50px;display: block; border-bottom:1px solid #dee2e6; color: #333; font-size: 15px;}
.sub_nav li a:hover,.sub_nav li.active{ color:#00afe8;}
.sub_nav li a:hover,.sub_nav li.active a{color:#00afe8; }
/* footer style */
.footer{ margin-top: 30px;}
.list4{ background:#565656; height:380px; padding-top:48px;}
.list4 .content { position:relative; width:1200px; margin:0 auto;}
.sin {float:left;margin-right:60px;display:inline; border-right:1px solid #444;height:340px; width:300px}
.sin h4 { height:29px; line-height:29px; font-size:22px; color:#fff; font-weight:400; margin-bottom:30px;}
.sin li { padding-left:17px; background:url(../img/sin1.jpg) no-repeat 0 16px; font-size:16px; line-height:33px;}
.sin li a { color:#cdcdcd}
.list4 .nones { margin:0; border:none; width:400px}
.list4 .nones li { padding-left:33px;color:#cdcdcd;}
.sin .lis1 { background:url(../img/sin2.jpg) no-repeat 0 10px;}
.sin .lis2 { background:url(../img/sin3.jpg) no-repeat 0 10px;}
.sin .lis3 { background:url(../img/sin4.jpg) no-repeat 0 10px;}
.sin .lis4 { background:url(../img/sin5.jpg) no-repeat 0 10px;}
.sin .lis6 { background:url(../img/sin6.png) no-repeat 0 10px;}
.footer .copyright{ background-color:#4e4e4e; padding:15px 0; text-align:center;color: #8f8f8f;}
/* Scroll Top */
.scroll-to-top {
  position:fixed;_position:absolute; display:block; width:50px;height:50px;right:18px;_right:-47px;bottom:32px; display:none; line-height:50px; cursor:pointer; background-color:#39aa3f; text-align:center;border-radius: 5px;}
  .scroll-to-top > i{ font-size:26px; color:#fff; padding-top: 10px;}
    .scroll-to-top > .fa{ font-weight: 300; }
/*---- 图片列表页 ----*/
.wrapper-mt{
    margin-top:30px;
}
.li-item-img li{
    float: left;
    overflow: hidden;
    width: 278px;
    margin-right:33px;
    transition: all 0.3s ease-out;
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px;
}
.li-item-img li:nth-child(3n){ margin-right: 0px;}
.li-item-img li img{
    vertical-align: top;
    max-width: 100%;
}
.li-item-img li:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.li-item-img .list-thumb{
    display: block;
    overflow: hidden;
}
.li-item-img .list-info{
    line-height: 40px;
    padding:5px 20px;
    position: relative;
}
.li-item-img .list-info h4{
    display: block;
    font-weight: normal;
    font-size: 18px;
}
.li-item-img .list-info label{
    display: block;
    margin-top:4px;
    line-height: 16px;
    height:16px;
    color:#999;
}
.li-item-img .list-info i{
    font-style: normal;
    display: block;
    position: absolute;
    color: #fff;
    background-color: #ffa31f !important;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    display: none;
    bottom: 10px;
    right: 10px;
    width: 50px;
    line-height: 20px;
    padding:5px 0;
    z-index: 10;
}
.li-item-img li:hover .list-info i {
    display: block;
}
/*---tuwen---*/
.li-th li{overflow: hidden;border-bottom: 1px dashed #ccc; padding-bottom: 20px;margin-bottom: 20px; display: inline-block;}
.li-th li .list-thumb {float: left; width: 150px;}
.li-th li .list-thumb img{ width: 100%; border-radius: 5px; }
.li-th li .list-text .title { color: #000; padding-bottom: 10px; font-weight: 500;font-size: 26px; }
.li-th li .list-text .description{ color: #666;  line-height: 1.7em; font-size: 18px;}
.li-th li .list-text{color: #312d2d;line-height:30px;padding-left: 180px;margin-top: 30px;}
.li-th li .list-text .date{font-size: 13px;color: #888;height: 30px;line-height: 30px; padding-top: 5px;}
.li-th li .list-text .date i{ padding-right: 5px; }
.li-th li:hover{ background-color: #fff; }
.li-th li a:hover .list-text .title{color: #056ccc; }
/*---tuwen---*/
.li-tuwen li{overflow: hidden;border-bottom: 1px dashed #ccc; padding-bottom: 20px;margin-bottom: 20px;}
.li-tuwen li .list-thumb {float: left; width: 210px;}
.li-tuwen li .list-thumb img{ width: 100%; border-radius: 5px; }
.li-tuwen li .list-text .title,.list-text-none .title { font-size: 22px;color: #000; padding-bottom: 10px; font-weight: bold; }
.li-tuwen li .list-text .description,.list-text-none .description{ color: #666;  line-height: 1.7em; font-size: 14px;}
.li-tuwen li .list-text{float: right;color: #312d2d;line-height:30px; width: 670px;}
.li-tuwen li .list-text .date,.list-text-none .date{font-size: 13px;color: #888;height: 30px;line-height: 30px; padding-top: 5px;}
.li-tuwen li .list-text .date i,.list-text-none .date i{ padding-right: 5px; }
.li-tuwen li:hover{ background-color: #fff; }
.li-tuwen li a:hover .list-text .title{color: #056ccc; font-weight: bold;}
/*通用栏目标题*/
.morepic{ text-align: center; margin-bottom: 20px; }
.morepic li{display: inline-block;margin-right: 10px;margin-top: 10px;cursor: pointer; width: 70px; height: 70px;}
.morepic li img{opacity: .9}
/*正常内容页*/
#Article{overflow:hidden; font-family:"微软雅黑"; padding: 15px;}
#Article h1{color:#000;font:800 26px/30px "微软雅黑",arial;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px solid #e5e5e5}
#Article h1 span{ font-size:12px; font-weight:normal; line-height:20px; color:#999}
#Article .content{ font-size:16px; padding-top: 10px;}
#Article .content img{ max-width: 100%;}
#Article .content p{text-align:justify;word-wrap:break-word; overflow-wrap: break-word;word-wrap: break-word;}
#Article .pagination{ padding:10px 0; border-top:1px solid #ddd;}
#Article .pagination p{ margin: 5px 0; float: left; width: 48%;}
#Article .pagination p a{cursor: pointer;color: #337ab7;}
.list-down ul li{ line-height: 40px; font-size: 16px;}
.list-down ul li a i{ padding-left:20px; color:#0033CC; font-weight:normal; font-size:18px;}
.cont-title{ line-height:30px; background-color: #f2f2f2; line-height: 40px; font-weight: 500; font-size: 20px; padding-left: 10px; border-left: 4px solid #028ac9; margin-bottom: 20px;}
/*留言板*/
.formDetail .formDetail-head h1 {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  font-weight: normal;
}
.formDetail .formDetail-head h1,
.formDetail .formDetail-head p {
  padding-left: 12px;
}
.formDetail-body {
  padding: 30px 12px 85px;
}
.formDetail-body .form-group {
  margin-bottom: 10px;
}
.formDetail-body .form-group .col-md-2 {
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 15px;
  line-height: 50px;
  display: block;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input,
.formDetail-body .form-group textarea {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 10px 8px;
  line-height: 30px;
  vertical-align: top;
  box-sizing: border-box;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group select {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group textarea {
  width: 770px;
  height: 200px;
}
.formDetail-body .form-group span {
  margin-left: 6px;
  font-style: normal;
  font-size: 12px;
  color: #ffa31f;
  line-height: 50px;
}
.formDetail-body .form-group button {
  border: 0;
  width: 258px;
  height: 55px;
  border-radius: 3px;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.formDetail-body .form-group button:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* Kefu */
.lx-info{ float:left; width:360px; border:1px solid #ddd; background-color:#f8f8f8; padding:10px 15px;}
.lx-ditu{ float:right; width:800px}
/* single-page */
.protit{ line-height:30px; border-bottom:1px solid #DDD; color:#565656;padding-bottom: 10px; }
.protit h3 { font-size: 30px;color: #222; font-weight: 400;}
.single-page-content{ font-size: 16px; line-height: 2em; padding: 20px 10px;}
.single-page-content p{text-align:justify;word-wrap:break-word; padding-bottom: 10px;}
.single-page-content hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.page-head{
    background:url('../image/i-line.png') repeat-x left center;
    text-align: center;
    margin-bottom:40px;
}
.page-head h1{
    display: inline-block;
    padding:0 100px;
    background: #fff;
    font-size:40px;
    line-height: 40px;
    font-weight: normal;
}
.uni_column_tit1 .col_tit{ padding-bottom:15px; font-size:36px; color:#393939; }
.uni_column_tit1 .col_desc { font-size:14px; color:#82807f; }
.page-container{}
.btn {
    display: inline-block;
    background-color: #e1e5ec;
    color:#333;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    border:0 none;
}
.btn.green{
    color: #FFF;
    background-color: #32c5d2;
    border-color: #32c5d2;
}