/*--------------��������---------------------*/



* {

    padding: 0;

    margin: 0;

    font-family: 'arial';

    box-sizing: border-box;

}

h1,h2{

	    font-size: initial;

    margin: 0;

    padding: 0;

	font-weight:500;

}



a {

    color: #333;

    text-decoration: none;

    cursor: pointer;

}



a:hover {

    color: #197de8;

    text-decoration: none

}



a:active {

    color: #323232;

    text-decoration: none

}



a:visited {

    color: #323232;

    text-decoration: none

}



em {

    font-style: normal

}



li {

    list-style: none

}



img {

    border: 0;

    vertical-align: middle;

    max-width: 100%;

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



p {

    word-wrap: break-word

}





button,

input:not([type="radio"]):not([type="checkbox"]),

select {

    vertical-align: middle;

}



html {

    font-size: 12px;

}





i {

    font-style: inherit;

}



.clearfix,

.content_gy {

    /*���� IE*/

    zoom: 1;

}





.common_web_head {

    display: none;

}

.common_crumbs {

    display: flex;

    height: 80px;

    align-items: center;

    border-bottom: 1px solid #efefef;

    color: #565656;

    font-size: 14px;

}

.common_crumbs img {

    margin-right: 15px;

}

.common_crumbs span {

    margin-left: 5px;

    color: #363636;

}

.web_nav {

    display: none;

}



/*swiper*/



html,

body {

    position: relative;

}



body {

    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

    font-size: 14px;

    color: #000;

    margin: 0;

    padding: 0;

}





.common_page {

    padding: 100px 0;

}

.common_page a {

    border: 1px solid #eeeeee;

    border-radius: 40px;

    height: 42px;

    line-height: 40px;

    min-width: 42px;

    text-align: center;

    display: inline-block;

    font-size: 16px;

    color: #666666;

    transition: 0.3s;

    margin: 0 5px;

}

.common_page a.btn {

    width: 80px;

}

.clamp2 {

    display: -webkit-box; /* 使用 Flexbox 布局 */

    -webkit-box-orient: vertical; /* 垂直排列 */

    -webkit-line-clamp: 2; /* 限制为两行 */

    overflow: hidden; /* 隐藏超出部分 */

    text-overflow: ellipsis; /* 超出部分显示省略号 */

}

.common_page a:hover,

.common_page a.active {

    color: #fff;

    background: #e32422;

    border: 1px solid #e32422;

}

.common_page {

    display: flex;

    align-items: center;

    justify-content: center;

}

.content_flex {



}

.w_100 {

    width: 1600px;

    margin: 0 auto;

}



.flex {

    display: flex;

}



.between {

    justify-content: space-between;

}



.align {

    align-items: center;

}





.common_footer {

    background: #2d2d2d url("../images/footer_bg.png") no-repeat center;

    background-size: initial;

    color: #fff;

}







.common_head {

    position: fixed;

    width: 100%;

    z-index: 999;

    top: 0;

    left: 0;

    background: rgba(255, 255, 255, 1);

    transition: 0.5s;

}

.common_head {

    background: rgba(255, 255, 255, 1);

    border-bottom: 1px solid #ccc;

}

.common_head .d {

    display: none;

}

.common_head .a {

    display: none;

}

.common_head .a {

    display: block;

}

.common_head .state {

    position: relative;

    padding-left: 44px;

    color: #404c5a;

    display: flex;

    align-items: center;

}

.common_head .state span {

    font-size: 16px;

    margin-left: 10px;

}

.common_head .nav {

    flex: 1;

    align-items: center;

}

.common_head .nav>.item {

    height: 100px;

    transition: 0.3s;

    position: relative;

    cursor: pointer;

    width: 125px;

    border-bottom: 3px rgba(0, 0, 0, 0) solid;

}

.common_head .other {

    position: absolute;

    right: 88px;

    top: 0;

    display: flex;

}

.common_head .other .search {

    height: 100px;

    position: relative;

    width: 88px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.common_head .other .lang {

    display: flex;

    height: 100px;

    position: relative;

    width: 88px;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.common_head .other .lang .list {

    position: absolute;

    top: 100px;

    left: 0;

    width: 100%;

    border-top: none;

    background: #00785f;

    z-index: 99;

    display: none;

}

.common_head .other .lang:hover .list{

    display: block;

}



.common_head .other .lang .list a {

    display: block;

    width: 100%;

    width: 100%;

    height: 53px;

    line-height: 53px;

    display: block;

    font-size: 14px;

    background: #00785f;

    color: #fff;

    transition: 0.3s;

    text-align: center;

    border-bottom: 1px solid #efefef;

}

.common_head .other .lang .list a:hover {

    background:#fff;

    color: #666;

}



.common_head .other .lang .list::before {

    display: block;

    content: '';

    position: absolute;

    top: -20px;

    left: 50%;

    margin-left: -10px;

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #00785f;

}



.common_head .nav>.item:hover,

.common_head .nav>.item.active {

    color: #00785f;

}

.common_head .nav>.item:hover>a,

.common_head .nav>.item.active>a {

    color: #00785f;

}

.common_head .nav>.item:hover .child {

    display: block;

}

.common_head .nav>.item .child {

    position: absolute;

    top: 0px;

    left: 0;

    width: 100%;

    border-top: none;

    display: none;

    background: #00785f;

    z-index: 99;

    text-align: center;

    position: relative;

}

.common_head .nav>.item .child::before {

    display: block;

    content: '';

    position: absolute;

    top: -20px;

    left: 50%;

    margin-left: -10px;

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #00785f;

}

.common_head .nav>.item .child .item {

    width: 100%;

    height: 53px;

    border-top: 1px solid #00785f;

    transition: 0.3s;

}

.common_head .nav>.item .child .item:hover {

    background: url("../images/nav_bg.png") no-repeat center right;

    background-size: 100%;

    color: #fff;

}

.common_head .nav>.item .child .item:hover a {

    color: #fff;

}



.common_head .nav>.item .child .item:last-child {

    border-bottom: none;

}

.common_head .nav>.item .child .item a {

    width: 100%;

    height: 53px;

    line-height: 53px;

    display: block;

    font-size: 14px;

    background: #00785f;

    color: #fff;

    transition: 0.3s;

}

.common_head .nav>.item .child .item:hover a {

    background:#fff;

    color: #666;

}

.common_head .nav>.item>a {

    height: 100px;

    line-height: 100px;

}

.common_head .nav .item a {

    width: 100%;

    text-align: center;

    font-size: 16px;

    color: #fff;

    transition: 0.3s;

    display: block;

}

.common_head .nav .item a {

    color: #666;

}

.common_head .logo {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    width: 400px;

    height: auto;



}



.common_head .w_100 {

    height: 100px;

}



.swiper-button-next:after,

.swiper-button-prev:after {

    display: none;

}





.searchBtn {

    cursor: pointer;

}

.search_content {

    position: absolute;

    top: 100px;

    background: #fff;

    padding: 30px 0;

    align-items: center;

    justify-content: center;

    z-index: 3;

    display: none;

    width: 100%;

    left: 0;

    border-top: 1px solid #efefef;

    border-bottom: 1px solid #efefef;

}

.search_content.active {

    display: flex;

}

.search_content form {

    display: flex;

    align-items: center;

    justify-content: center;

    background: #f2f2f2;

    border: 1px solid #e0e0e0;

}

.search_content form input {

    width: calc(100% - 70px);

    height: 70px;

    outline: none;

    border: none;

    background: none;

    padding: 0 40px;

    font-size: 16px;

    color: #515151;

}

.search_content form button:hover {

    background: #e0e0e0;

}

.search_content form button {

    width: 70px;

    height: 70px;

    background: none;

    display: flex;

    align-items: center;

    justify-content: center;

    outline: none;

    border: none;

    transition: 0.5s;

    cursor: pointer;

}



.common_footer .w_100 {

    padding: 65px 0 85px;

    display: flex;

    justify-content:space-between;

}



.common_footer .w_100 .box1 {

    width: 400px;

}

.common_footer .w_100 .p1 {

    font-size: 24px;

    line-height: 24px;

    margin-bottom: 40px;

}

.common_footer .w_100 .box1 .p2 img {

    margin-right: 20px;

}

.common_footer .w_100 .box1 .p2{

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 30px;

}

.common_footer .w_100 .box1 .p3{}



.common_footer .w_100 .box2 {

    width: 400px;

    padding-left: 155px;

}

.common_footer .w_100 .box2 .a {

    margin-bottom: 20px;

}

.common_footer .w_100 .box2 .a a {

    line-height: 20px;

    font-size: 16px;

    color: #fff;

}

.common_footer .w_100 .box3 {

    width: 40%;

}

.common_footer .w_100 .box3 .row {

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

}

.common_footer .w_100 .box3 .input {

    width: calc((100% - 25px) / 2);

    height: 40px;

    border: 1px solid rgba(255,255,255,0.3);

    background: none;

    padding: 0 15px;

    background: none;

    outline: none;

}

.common_footer .w_100 .box3 .textarea {

    width: 100%;

    height: 90px;

    border: 1px solid rgba(255,255,255,0.3);

    background: none;

    color: #fff;

    padding: 15px;

    outline: none;

}

.common_footer .w_100 .box3 .button {

    width: 150px;

    border-radius: 40px;

    text-align: center;

    height: 40px;

    line-height: 40px;

    color: #fff;

    outline: none;

    border: none;

    background: #f1d6bb;

    color: #aa5a27;

    font-size: 14px;

    cursor: pointer;

    transition: 0.5s;

}

.common_footer .w_100 .box3 .button:hover {

    background: #aa5a27;

    color: #f1d6bb;

}

.common_footer .w_1001 {

    padding: 0;

}

.common_footer .banquan a {

    color: #fff;

}

.common_footer .banquan {

    border-top:1px solid #424242;

    padding: 35px 0;

    width: 100%;

    display: flex;

    justify-content: space-between;

}
