html,

body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

em,

img,

q,

strong,

b,

u,

i,

dl,

dt,

dd,

ol,

ul,

li,

form,

label,

table,

tbody,

tfoot,

thead,

tr,

th,

td,

footer,

header,

nav,

section {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



@font-face {

    font-family: 'akrobat-regular';

    src: url('../fonts/akrobat-regular.eot');

    src: url('../fonts/akrobat-regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/akrobat-regular.woff') format('woff'),

        url('../fonts/akrobat-regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



body {

    line-height: 1;

}



ol,

ul {

    list-style: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



a {

    text-decoration: none;

    color: #333;

}



html,

body {

    font-size: 14px;

    background-color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    width: 100%;

    color: #333;

    position: relative;

}





.transition-all {

    -webkit-transition: all .3s;

    transition: all .3s;

}



.video_code {

    width: 100%;

    text-align: center;

}



.video_code iframe {

    width: 100%;

    min-height: 600px;

}



video {

    width: 100%;

    border: 0px;

}



audio {

    width: 100%;

    border: 0px;

}









/* 公共部分 */

.common_text {

    text-align: center;

}



.common_text h1 {

    font-size: 30px;

    color: #333333;

    margin: 100px 0 7px;

}



.common_text h2 {

    font-size: 12px;

    color: #999999;

    margin-top: 5px;

    margin-bottom: 60px;

}



.common_dian {

    width: 270px;

    border-top: 1px solid #CCCCCC;

    margin: 0 auto;

}



.common_div {

    margin-top: -7.5px;

}



.common_div span {

    display: inline-block;

    border: 5px solid transparent;

    width: 0;

}



.common_div span:first-child {

    border-right: 5px solid #583F17;

}



.common_div span:first-child+span {

    border-left: 5px solid #583F17;

}





/* 频道banner */

.common_banner {

    width: 100%;

    height: 20.83vw;

    min-width: 1280px;

    min-height: 267px;

}



.common_banner img {

    width: 100%;

    height: 100%;

}



/* 面包屑 */

.puli_crumbs a {

    font-size: 14px;

    color: #333;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.puli_crumbs a:hover {

    color: #ea5432;

}



.puli_crumbs i {

    font-style: normal;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    display: inline-block;

    border-left-color: gray;

    vertical-align: middle;

    margin: 0 10px;

}



/* 内容 */

.common_main {

    width: 100%;

    overflow: hidden;

    background: #f2f2f2;

    height: auto;

    min-width: 1200px;

    padding: 50px 0;

}



.common_container {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.common_con_left {

    width: 270px;

    float: left;

}



.common_nav {

    width: 230px;

}



.common_title {

    width: 230px;

    height: 90px;

    background: #705436;
    display: flex;
    justify-content: center;
    align-items: center;

}



.common_title span {

    display: block;

    text-align: center;



}



.common_title span:first-child {

    font-size: 30px;

    line-height: 60px;

    color: #fff;

}



.common_title span:first-child+span {

    font-size: 18px;

    color: #f5f5f5;

}



.common_nav a {

    display: block;

    color: #333;

    font-size: 14px;

    height: 50px;

    line-height: 50px;

    padding-left: 30px;

    background: #fff;

    border-left: 5px solid transparent;

    border-bottom: 1px solid #f2f2f2;

}



.common_nav a:hover {

    border-left: 5px solid #8CB66F;

    background: #f7f7f7;

}



.common_nav .common_nav_active {

    border-left: 5px solid #8CB66F;

    background: #f7f7f7;

}



.common_con_right {

    width: 830px;

    float: right;

    background: #ffffff;

    min-height: 400px;

    padding: 30px 50px;

}



.common_con_right_content h1 {

    font-size: 30px;

    color: #333;

    margin: 20px 0 40px 0;

    font-weight: bold;

}



.common_con_right_content p {

    font-size: 18px;

    line-height: 32px;

    color: #333;

    margin-bottom: 20px;

    text-indent: 36px;

}



.common_con_right_content img {

    display: block;

    max-width: 100%;

    margin: 30px auto;

    /* background: #333; */

}



.common_con_right p {

    font-size: 16px;

    line-height: 32px;

    color: #333333;

}



.common_con_right_a {

    display: block;

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    color: #333;

    padding: 0 10px;

    border-bottom: 2px solid #eee;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.common_con_right_a span:first-child+span {

    float: right;

}



.common_con_right_a:hover {

    background: #f5f5f5;

}



.common_right_h2 {

    font-size: 30px;

    color: #333;

    font-weight: bold;

    text-align: center;

    margin: 20px 0 30px;

}



.common_right_h3 {

    font-size: 14px;

    color: #333;

    text-align: center;

    margin-bottom: 30px;

}



.common_right_fuwenben p {

    font-size: 18px;

    line-height: 32px;

    color: #333;

    margin-bottom: 20px;

    text-indent: 36px;

}



.common_right_fuwenben img {

    display: block;

    max-width: 100%;

    margin: 30px auto;

    background: #333;

}



.common_con_right_item {

    width: 100%;

    /* margin: 0 -10px; */

    overflow: hidden;

}



.common_con_right_item a {

    display: block;

    width: 100%;

    /* float: left; */

    position: relative;

    /* margin: 0 9px; */

    overflow: hidden;

    padding: 0;

}



.common_con_right_item a div {

    /* height: 190px; */

    overflow: hidden;

}



.common_con_right_item a img {

    width: 100%;

    height: 100%;

    transform: scale(1);

    -webkit-transition: all .3s;

    transition: all .3s;

}



.common_con_right_item a p {

    /* text-overflow: ellipsis; */

    /* white-space: nowrap; */

    overflow: hidden;

    /* text-align: center; */

    margin-bottom: 20px;

}



.common_con_right_item a:hover img {

    transform: scale(1.2);

}



.common_con_right_item .img_item_right {

    padding: 0 20px 0;

    /* float: left; */

    margin-left: 350px;

}



.common_con_right_item .img_item_right span {

    position: absolute;

    display: block;

    line-height: 30px;

    width: auto;

    bottom: 0;

    right: 20px;

    margin-bottom: 15px;

    left: 370px;

}



.common_con_right_item .img_item_left {

    float: left;

}



/* 服务公用 */

.puli_main {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.puli_main_top {

    position: relative;

    width: 100%;

    height: 70px;

    line-height: 70px;

    border-bottom: 1px solid #dcdcdc;

}



.puli_main_bottom {

    padding-top: 50px;

}



.puli_main_text span {

    display: block;

}



.puli_main_text span:first-child {

    font-size: 26px;

    color: #ccc;

    line-height: 50px;

}



.puli_main_text span:first-child+span {

    font-size: 30px;

    color: #6F5435;

    margin-bottom: 40px;

}



.puli_top_left {

    width: 20%;

    float: left;

}



.puli_top_right {

    /* width: 80%; */

    float: right;

    text-align: right;

}



.puli_top_right a {

    display: block;

    float: left;

    margin-left: 40px;

    transition: all .3s;

    font-size: 14px;

    color: #333;

}



.puli_top_right a::after {

    content: "";

    display: block;

    border-bottom: 2px solid #ea5432;

    margin: auto;

    width: 0%;

    transition: all .3s;

}



.puli_top_right .puli_nav_active {

    color: #ea5432;

}



.puli_top_right .puli_nav_active::after {

    width: 100%;

    border-bottom: 2px solid #ea5432;

}



.puli_top_right a:hover {

    color: #ea5432;

}



.puli_top_right a:hover::after {

    width: 100%;

}





/* 新闻文字时间列表 */

/* <a class="puli_main_con_item"href="/{$item.id}.html"><div class="puli_item_left"><span> {

    $item.publish_time|date_format: "%d"

}

</span><span> {

    $item.publish_time|date_format: "%Y-%m"

}

</span></div><div class="puli_item_right"><h1> {

    $item.title

}

</h1><p> {

    $item.description

}

</p><i>more></i></div></a> */

.puli_main_con_item {

    display: block;

    width: 1120px;

    height: auto;

    background: #f6f6f6;

    overflow: hidden;

    padding: 20px 40px;

    margin-bottom: 20px;

}



.puli_item_left {

    width: 120px;

    height: 115px;

    background: #fff;

    float: left;

}



.puli_item_left span {

    display: block;

    text-align: center;

}



.puli_item_left span:first-child {

    font-size: 50px;

    color: #ea5432;

    line-height: 70px;

}



.puli_item_left span:first-child+span {

    font-size: 28px;

    color: #ea5432;

}



.puli_item_right {

    padding-left: 155px;

}



.puli_item_right h1 {

    font-size: 16px;

    margin-bottom: 5px;

    color: #333;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.puli_item_right p {

    font-size: 14px;

    line-height: 24px;

    color: #aaa;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    word-wrap: break-word;

}



.puli_item_right i {

    display: block;

    font-size: 14px;

    color: #666;

    /* line-height: 20px; */

    padding-top: 5px;

    float: right;

}











/* 新闻资讯带图片列表 */



/* <a class="img_main_con_item"href="/{$item.id}.html"><div class="img_item_left"><img src="{$url}{$item.thumb}"alt="{$item.title}"></div><div class="img_item_right"><h1> {

    $item.title

}

</h1><p> {

    $item.description

}

</p><span><i> {

    $item.publish_time|date_format: "%Y-%m-%d"

}

</i><i>more></i></span></div></a> */



.img_main_con_item {

    display: block;

    width: 1160px;

    height: auto;

    background: #f6f6f6;

    overflow: hidden;

    padding: 0 40px 0 0;

    margin-bottom: 30px;

    position: relative;

}



.img_item_left {

    width: 270px;

    height: 190px;

    background: #fff;

    float: left;

    overflow: hidden;

}



.img_item_left img {

    display: inline-block;

    width: 100%;

    height: 100%;

    background-color: #eee;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.img_item_right {

    padding-left: 300px;

}



.img_item_right h1 {

    font-size: 20px;

    line-height: 50px;

    color: #333;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-top: 15px;

}



.img_item_right p {

    font-size: 14px;

    line-height: 22px;

    color: #aaa;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    word-wrap: break-word;

}



.img_item_right span {

    position: absolute;

    display: inline-block;

    line-height: 30px;

    width: 65%;

    bottom: 0;

    margin-bottom: 15px;

}



.img_item_right i {

    display: block;

    font-size: 16px;

    color: #666;

    padding-top: 15px;

}



.img_item_right i:first-child {

    float: left;

}



.img_item_right i:first-child+i {

    float: right;

    width: 36px;

    height: 36px;

    background: url("../img/news.png") no-repeat center center;

    background-size: 100%;

}



.img_main_con_item:hover .img_item_right i:first-child+i {

    background: url("../img/news2.png") no-repeat center center;

}



.img_main_con_item:hover .img_item_left img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}



/* 分页 */



.page {

    /* width: 877px; */

    margin: 0 auto;

    overflow: hidden;

    display: table;

    clear: both;

    padding: 50px 0;

    /* padding-left: 323px; */

}



.page a {

    display: block;

    font-size: 14px;

    line-height: 33px;

    color: #333;

    float: left;

    text-align: center;

    border: 1px solid rgba(238, 238, 238, 1);

    margin-right: 17px;

}



.page a:hover {

    background-color: #000;

    color: #fff;

}



.page_active {

    background-color: #000;

    color: #fff !important;

}



.page .page_num {

    width: 32px;

}



.page .page_nav {

    width: 300px;

}







/* 新闻详情 */

.common_news_main {

    width: 100%;

    overflow: hidden;

    background: #f2f2f2;

    height: auto;

    min-width: 1200px;

    /* padding: 50px 0; */

}



.common_news_container {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}



.common_news_con_right {

    width: 1060px;

    float: right;

    background: #ffffff;

    min-height: 400px;

    padding: 30px 70px;

    margin-bottom: 40px;

}



.common_news_con_right p {

    font-size: 16px;

    line-height: 32px;

    color: #333333;

}



.common_news_right_h2 {

    font-size: 30px;

    color: #333;

    font-weight: bold;

    text-align: center;

    margin: 20px 0 30px;

}



.common_news_right_h3 {

    font-size: 14px;

    color: #333;

    text-align: center;

    margin-bottom: 30px;

}



.common_news_right_fuwenben p {

    font-size: 18px;

    line-height: 32px;

    color: #333;

    margin-bottom: 20px;

    text-indent: 36px;

}



.common_news_right_fuwenben img {

    display: block;

    max-width: 100%;

    margin: 30px auto;

    background: #333;

}



.common_news_top_left {

    line-height: 60px;

    height: 60px;

}



.common_news_crumbs a {

    font-size: 14px;

    color: #333;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.common_news_crumbs a:hover {

    color: #ea5432;

}



.common_news_crumbs i {

    font-style: normal;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    display: inline-block;

    border-left-color: gray;

    vertical-align: middle;

    margin: 0 10px;

}





#form_zhezhao {

    display: none;

}



.form_zhezhao {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 200;

    position: fixed;

    top: 0;

    left: 0;

}



.form_zhezhao .form_tishi {

    position: fixed;

    top: 35%;

    left: 35%;

    /* transform: translate(-50%, -50%); */

    width: 30%;

    height: 150px;

    font-size: 16px;

    text-align: center;

    background-color: #fff;

    color: #000;

    z-index: 99999;

    border-radius: 10px;

    padding-top: 20px;

    margin: 0 auto;

}



.form_zhezhao p {

    line-height: 18px;

    padding: 2px;

}



.form_zhezhao h3 {

    font-size: 18px;

    font-weight: 800;

    margin-bottom: 15px;

}



.form_zhezhao button {

    border: none;

    border-top: 1px solid #eee;

    width: 100%;

    height: 50px;

    position: absolute;

    left: 0;

    bottom: 0;

    /* transform: translateX(-50%); */

    display: block;

    outline: none;

    background-color: #fff;

    font-size: 16px;

    color: #5b6a91;

    border-radius: 0 0 10px 10px;

    padding: 0;

    cursor: pointer;

}





.service_main_con_item {

    display: block;

    /* width: 1160px; */

    height: auto;

    background: #f6f6f6;

    overflow: hidden;

    padding: 0 40px 0 0;

    margin-bottom: 30px;

    position: relative;

}



.service_item_left {

    width: 200px;

    height: 130px;

    background: #fff;

    float: left;

    overflow: hidden;

}



.service_item_left img {

    display: inline-block;

    width: 100%;

    height: 100%;

    background-color: #eee;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.service_item_right {

    padding-left: 230px;

}



.service_item_right h1 {

    font-size: 20px;

    line-height: 50px;

    color: #333;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.service_item_right p {

    font-size: 16px;

    line-height: 32px;

    color: #aaa;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    text-overflow: ellipsis;

    overflow: hidden;

    word-wrap: break-word;

}



.service_item_right span {

    position: absolute;

    display: inline-block;

    line-height: 30px;

    width: 65%;

    bottom: 0;

}