/* public */

body {

    margin: 0;

    padding: 0;

}



input,

video {

    outline: none;

    border: none;

}



textarea {

    outline: none;

    resize: none;

}



* {

    font-family: "Microsoft YaHei";

}



a {

    text-decoration: none;

    list-style: none;

    outline: none;

}



a:hover {

    text-decoration: none;

}



img {

    border: none;

    vertical-align: middle;

    max-width: 100%;

}



.clear:after {

    content: '\20';

    display: block;

    height: 0;

    clear: both;

}



.clear {

    *zoom: 1;

}



.cl {

    clear: both;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.tc {

    text-align: center;

}



.tl {

    text-align: left;

}



.tr {

    text-align: right;

}



.container {

    width: 1200px;

    margin: 0 auto;

}





/* header */





.h_top1 {

    position: relative;

    width: 100%;

    height: 100px;

    padding: 0;

    overflow: hidden;

    background: #d71f3f;

    min-width: 1200px;

}



.logo {

    float: left;

    height: 70px;

    margin-top: 15px;

}



.h_tel {

    float: right;

    height: 50px;

    margin-top: 25px;

    color: #fff;

    padding-left: 50px;

}



.h_p1 {

    font-size: 14px;

    line-height: 20px;

    margin: 0;

}



.h_p2 {

    font-size: 24px;

    line-height: 30px;

    margin: 0;

}



.h_nav1 {

    width: 1200px;

    margin: 0 auto;

    padding: 0;

    text-align: center;

}



.h_nav1 li {

    display: inline-block;

    height: 28px;

    padding: 35px 0;

    margin: 0 30px;

    border-bottom: 2px solid transparent;

}



.h_nav1 li a {

    display: block;

    line-height: 28px;

    font-size: 16px;

    color: #333;

}



.h_nav1 li.h_active {

    border-bottom: 2px solid #d71f3f;

}



.h_nav1 li:hover {

    border-bottom: 2px solid #d71f3f;

}



/* head2 */



.h_top2 {

    position: relative;

    width: 100%;

    padding: 0;

    min-width: 1200px;

}



.logo2 {

    float: left;

    width: 147px;

    margin-top: 15px;

}



.logo2 img {

    width: 100%;

}



.h_nav2 {

    float: right;

}



.h_item {

    display: inline-block;

    height: 60px;

    padding: 0 25px;

}



.h_item>a {

    display: block;

    line-height: 60px;

    font-size: 16px;

    color: #333;

}



.h_active>a {

    color: #d71f3f;

}



.h_item:hover>a {

    color: #d71f3f;

}



.h_xlk {

    position: absolute;

    left: 0;

    top: 60px;

    z-index: 20;

    width: 100%;

    min-width: 1200px;

    background-color: #fff;

    display: none;

    border-top: 1px solid #76D4FA;

}



.h_xlitems {

    width: 1200px;

    margin: 0 auto;

    text-align: right;

    padding: 0;

}



.h_xlitems li {

    display: inline-block;

}



.h_xlitems li a {

    line-height: 40px;

    color: #333;

    padding: 15px 20px;

    font-size: 14px;

    display: block;

}



.h_xlitems li a img {

    width: 30px;

}



.h_xlitems li:hover a {

    color: #d7203f;

}



.h_item:hover .h_xlk {

    display: block;

}





































/* footer */



.f_top {

    border-top: 1px solid #e5e5e5;

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.f_top li {

    width: 20%;

    float: left;

    list-style: none;

}



.f_top li a {

    color: #999;

    font-size: 12px;

    line-height: 30px;

    display: block;

}



.f_top li a:first-child {

    color: #333;

    font-size: 14px;

    padding-bottom: 5px;

}



.f_top li a:hover {

    color: #d7203f;

}



.f_bottom {

    width: 100%;

    min-width: 1200px;

    padding: 30px 0;

    background: #f5f5f5;

}



.f_bottomw {

    width: 1200px;

    margin: 0 auto;

}



.f_tels {

    width: 70%;

    float: left;

}



.f_nr {

    width: 30%;

    float: right;

    text-align: right;

}



.f_tels p {

    color: #888;

    padding: 5px 0;

    font-size: 12px;

    margin: 0;

}

.f_tels a {

    color: #888;

    padding: 5px 0;

    font-size: 12px;

    margin: 0;

}

.f_nr p {

    letter-spacing: 5px;

    font-size: 16px;

    color: #666;

    font-weight: lighter;

    margin: 0;

    padding-top: 30px;

}



.f_nr span {

    color: #d7203f;

    font-size: 25px;

}





/* mob */

.mnav {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 997;

    background: rgba(0, 0, 0, .5);

    display: none;

}



.mnav_cont {

    width: 200px;

    height: 100%;

    background: #fff;

    position: relative;

    z-index: 999;

    overflow: scroll;

}



.mnav_lists>div {

    width: 100%;

    text-align: left;

    position: relative;

}



.mnav_lists>div a {

    width: 100%;

    display: inline-block;

    text-align: left;

    padding: 18px 0 18px 10px;

    box-sizing: border-box;

    color: #000;

}



.mnav_lists>div:nth-child(3) a{

    width: 50%;

}



.mnav_son {

    width: 100%;

    background-color: #f5f5f5;

    display: none;

}



.mnav_son a {

    font-size: 12px;

    color: #666;

    background-color: #f5f5f5;

    padding: 12px 0;

}



.mnav_colse {

    width: calc(100% - 190px);

    height: 100%;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 998;

    background: rgba(0, 0, 0, .5);

}



.open_mnav {

    display: none;

    float: right;

    margin: 15px 10px 0;

    cursor: pointer;

}



.mfoot {

    width: 100%;

    position: fixed;

    width: 100%;

    background: #d7203f;

    bottom: 0;

    left: 0;

    display: flex;

    z-index: 50;

    display: none;

}



.mfoot_item {

    width: 50%;

    text-align: center;

}



.mfoot_item a {

    width: 100%;

    display: inline-block;

}



.mfoot_img {

    margin: 4px auto 0;

}



.mfoot_img img {

    margin: 0 auto;

}



.mfoot_title {

    font-size: 12px;

    color: #fff;

    padding-bottom: 4px;

}







/* content */

.banner {

    width: 100%;

}



.s_banner {

    width: 100%;

    min-width: 1200px;

}



.s_banner img {

    width: 100%;

}



.s_banner .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    border: 1px solid #fff;

}



.s_banner .swiper-pagination-bullet-active {

    background: #EF0031;

}



.i_plistsw {

    width: 100%;

    min-width: 1200px;

    overflow: hidden;

    border-bottom: 1px solid #e1e1e1;

}



.i_plists {

    width: 1200px;

    margin: 0 auto;

    padding: 0;

}



.i_plists li {

    float: left;

    list-style: none;

    width: 16.66%;

    text-align: center;

    overflow: hidden;

    box-sizing: border-box;

}



.i_plists li a {

    display: block;

    width: 100%;

    height: 100px;

    padding: 10px 0;

}



.i_plists li img {

    width: 80px;

    display: none;

    margin: 0 auto;

}



.i_plists li img:first-child {

    display: block;

}



.i_plists li:hover img:first-child {

    display: none;

}



.i_plists li:hover img {

    display: block;

}



.i_plists li a p {

    font-size: 16px;

    line-height: 30px;

    padding: 10px 0;

    margin: 0;

    color: #333;

}



.i_plists li:hover p {

    color: #d7203f;

}



.i_plistsw2 {

    position: fixed;

    z-index: 9999;

    left: 0;

    top: 0;

    width: 100%;

    border-bottom: 1px solid #eee;

    background: rgba(255, 255, 255, 0.95);

    display: none;

}



.i_plists2 {

    width: 100%;

}



.i_plists2 li img {

    width: 30px;

}



.i_plists2 li img:first-child {

    display: inline-block;

}



.i_plists2 li a p {

    display: inline-block;

    font-size: 13px;

}



.i_plists2 li a {

    height: auto;

}





.i_plists2 li:hover img:first-child {

    display: none;

}



.i_plists2 li:hover img {

    display: inline-block;

}



.i_plists2 li:hover p {

    color: #d7203f;

}



.i_part1 {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.i_title1 {

    color: #666;

    font-size: 52px;

    font-weight: 400;

    text-align: center;

}



.i_title2 {

    color: #999;

    font-size: 12px;

    margin-top: 10px;

    text-align: center;

}



.i_ppsl {

    padding-top: 50px;

}



.i_ppl {

    width: 50%;

    float: left;

    padding-top: 100px;

}



.i_t1 {

    font-size: 16px;

    color: #EF0031;

}



.i_t2 {

    font-size: 38px;

    font-weight: 700;

    font-size: 16px;

}



.i_t3 {

    margin-top: 15px;

    font-size: 36px;

    color: #333;

}



.i_t4 {

    margin-top: 10px;

    font-size: 20px;

    color: #333;

}



.i_ppr {

    width: 50%;

    float: right;

    text-align: right;

}



.i_ppr img {

    width: 476px;

}



.i_part2 {

    width: 100%;

    min-width: 1200px;

    background-color: #2d2e37;

    padding: 50px 0;

}



.i_title3 {

    color: #fff;

    font-size: 52px;

    font-weight: 400;

    text-align: center;

}



.i_title4 {

    color: #fff;

    font-size: 12px;

    margin-top: 10px;

    text-align: center;

}



.i_cpzx {

    width: 100%;

}



.i_cpcont {

    border-bottom: 1px solid #1f1f25;

    margin: 0;

    padding: 0;

    padding-top: 30px;

}



.i_cpcont {

    text-align: center;

}



.i_cpcont li {

    display: inline-block;

    margin: 0 20px;

    cursor: pointer;

    padding: 20px 5px;

    color: #999;

    border-bottom: 2px solid #999;

}



.i_cpcont li:hover {

    color: #d7203f;

    border-bottom: 2px solid #d7203f;

}



.i_cpcont li.i_pactive {

    color: #d7203f;

    border-bottom: 2px solid #d7203f;

}



.i_cptodys {

    width: 1200px;

    margin: 0 auto;

}



.i_cptody {

    display: none;

}



.i_cptody:first-child {

    display: block;

}



.i_cpitems {

    width: 100%;

}



.i_cpitems a {

    width: 23%;

    margin: 1%;

    float: left;

    border-bottom: 3px solid #464646;

}



.i_cpitems a:hover {

    border-bottom: 3px solid #d7203f;

}



.i_img1 {

    width: 100%;

    background: #fff;

    padding: 20px 0;

}



.i_t5 {

    margin-top: 10px;

    font-size: 20px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

}



.i_t6 {

    font-size: 14px;

    line-height: 30px;

    color: #d71f3f;

    font-weight: bold;

    margin-bottom: 10px

}



.i_t6 span {

    background-color: #d71f3f;

    color: #fff;

    line-height: 30px;

    font-size: 14px;

    padding: 0 4px;

    margin-right: 4px;

}



.i_part3 {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.i_zsjm {

    width: 100%;

    margin: 0;

    padding: 25px 0 0;

}



.i_zsjm li {

    float: left;

    list-style: none;

    width: 32%;

    margin-right: 2%;

    margin-top: 25px;

    border: 1px solid #ddd;

    box-sizing: border-box;

}



.i_zsjm li:nth-child(3n) {

    margin-right: 0;

}



.i_zsjm li img {

    width: 100%;

}



.i_t7 {

    color: #999;

    font-size: 16px;

    line-height: 40px;

    text-align: center;

}



.i_t7 span {

    margin-left: 10px;

    color: #999;

    font-size: 40px;

    font-family: arial;

    font-weight: lighter;

}



.i_t8 {

    color: #666;

    font-size: 20px;

    line-height: 24px;

    text-align: center;

}



.i_part4 {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.i_gywm {

    width: 100%;

    position: relative;

    margin-top: 50px;

}



.i_gywm>img {

    width: 680px;

}



.i_gycont {

    position: absolute;

    top: 40px;

    right: 0;

    z-index: 20;

    width: 600px;

    height: 400px;

    background-color: #fff;

    padding: 35px;

    box-sizing: border-box;

}



.i_title5 {

    color: #333;

    font-size: 24px;

    font-weight: lighter;

    line-height: 30px;

    overflow: hidden;

}



.i_title5 span {

    float: right;

    font-size: 14px;

    color: #999;

}



.i_text1 {

    margin-top: 30px;

    color: #999;

    line-height: 26px;

}



.i_more {

    font-size: 16px;

    color: #999;

    position: absolute;

    left: 40px;

    bottom: 40px;

}



.i_more:hover {

    color: #d7203f;

}



.i_part5 {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.i_tabs1 {

    width: 100%;

    border-bottom: 1px solid #ddd;

    padding: 50px 0 0;

}



.i_tabs1 span {

    float: left;

    margin-right: 70px;

    cursor: pointer;

    color: #333;

    font-size: 16px;

    line-height: 40px;

    cursor: pointer;

}



.i_tabs1 span:hover {

    color: #d71f3f;

    border-bottom: 2px solid #d71f3f;

}



.i_tabs1 span.i_active1 {

    color: #d71f3f;

    border-bottom: 2px solid #d71f3f;

}



.i_more2 {

    float: right;

    color: #999;

    line-height: 40px;

}



.i_more2:hover {

    color: #d7203f;

}



.i_todys1 {

    padding-top: 50px;

}



.i_tody1 {

    display: none;

}



.i_tody1:first-child {

    display: block;

}



.i_nl {

    width: 50%;

    float: left;

    padding-right: 60px;

    box-sizing: border-box;

}



.i_nr {

    width: 50%;

    float: right;

}



.i_nr img {

    width: 100%;

}



.i_t9 {

    padding-bottom: 30px;

    border-bottom: 1px solid #ddd;

}



.i_t9 div {

    line-height: 1;

    color: #666;

    font-size: 52px;

}



.i_t9 span {

    font-size: 16px;

    color: #999;

    vertical-align: top;

}



.i_t9 i {

    color: #666;

    font-size: 14px;

    line-height: 24px;

    display: block;

    font-style: normal;

    padding-left: 6px;

}



.i_text2 {

    padding-top: 35px;

}



.i_text2 a {

    font-size: 24px;

    color: #666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

}



.i_t10 {

    margin: 30px 0;

    font-size: 14px;

    color: #999;

    line-height: 25px;

    max-height: 150px;

    overflow: hidden;

}



.i_share {

    padding: 20px 0;

}



/* about */



.banner2 {

    width: 100%;

    min-width: 1200px;

}



.banner2 img {

    width: 100%;

}



.g_gywm {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.g_t1 {

    text-align: center;

    font-size: 28px;

    line-height: 30px;

    padding: 10px 0;

    color: #555;

}



.g_text1 {

    margin-top: 38px;

    color: #555;

    line-height: 26px;

}



.g_img1 {

    width: 100%;

    padding: 50px 0 0 0;

    margin: 0;

}



.g_img1 li {

    width: 33.33%;

    float: left;

    text-align: center;

    list-style: none;

}



.c_cplists {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.c_cp1 {

    padding-bottom: 50px;

}



.c_title1 {

    color: #c4243e;

    border-left: 3px solid #c4243e;

    padding-left: 10px;

    margin-bottom: 10px;

    clear: both;

    font-size: 16px

}



.c_cpcs {}



.c_cpcs a {

    width: 263px;

    border: 1px solid #e8e8e8;

    float: left;

    margin-right: 24px;

    margin-bottom: 24px;

    padding-bottom: 10px;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}



.c_cpcs a:hover {

    border: 1px solid #d7203f;

}



.c_img1 {

    width: 250px;

    margin: 10px auto;

}



.c_img1 img {

    height: 219px;

    width: 100%;

}



.c_t1 {

    height: 20px;

    line-height: 20px;

    color: #666;

    font-size: 14px;

    text-align: center;

}



.c_t1 span {

    background-color: #d71f3f;

    color: #fff;

    line-height: 20px;

    font-size: 14px;

    padding: 0 4px;

    margin-right: 4px;

    font-weight: bold;

}



.c_t2 {

    height: 35px;

    line-height: 35px;

    color: #666;

    font-size: 16px;

    text-align: center;

}



.c_cpxq {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.c_cptl {

    width: 680px;

    float: left;

}



.c_cptr {

    width: 440px;

    float: right;

}



.c_tabs {

    width: 88px;

    float: left;

}



.c_tabs>div {

    display: block;

    border: #e5e5e5 solid 1px;

    width: 88px;

    height: 66px;

    float: left;

    margin-bottom: 10px;

    cursor: pointer;

    position: relative;

}



.c_tabs>div.c_active::after {

    content: '';

    background-image: url('../images/sjx1.png');

    background-repeat: no-repeat;

    width: 12px;

    height: 25px;

    position: absolute;

    left: 89px;

    top: 20px;

}



.c_tabs>div.c_active {

    border: #d7203f solid 1px;

}



.c_todys {

    width: 568px;

    height: 426px;

    border: #e5e5e5 solid 1px;

    float: right;

    box-sizing: border-box;

}



.c_t3 {

    line-height: 30px;

    font-size: 26px;

    color: #c4243e;

    margin: 10px 0;

}



.c_t4 {

    padding-bottom: 10px;

    line-height: 24px;

    font-size: 14px;

    font-weight: normal;

    color: #666;

}



.c_t4 span {

    color: #c4243e;

    font-weight: bold;

    font-size: 18px;

}



.c_text1 {

    height: auto;

    line-height: 24px;

    margin-bottom: 20px;

    font-size: 14px;

    font-weight: normal;

    color: #333;

    margin-top: 0;

    padding: 10px;

    overflow: hidden;

    border: 1px dashed #ccc;

    border-left: 0;

    border-right: 0;

}



.c_share {

    padding: 10px 0;

}



.c_t5 {

    font-size: 14px;

    font-weight: normal;

    color: #000;

    padding-bottom: 10px;

}



.c_cpcont {

    padding-top: 50px;

}



.c_cpcl {

    width: 910px;

    float: left;

}



.c_cpcr {

    width: 192px;

    float: right;

}



.c_title2 {

    color: #c4243e;

    border-left: 3px solid #c4243e;

    padding-left: 15px;

    padding-bottom: 5px;

    clear: both;

    font-size: 18px;

    line-height: 30px;

}



.c_text1 {

    margin: 20px 0;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



.c_pages {}



.c_pages a {

    color: #333;

    font-size: 14px;

    line-height: 24px;

}



.c_pages a:hover {

    color: #d7203f;

}



.c_title3 {

    color: #c4243e;

    border-right: 3px solid #c4243e;

    padding-right: 15px;

    padding-bottom: 5px;

    clear: both;

    font-size: 18px;

    line-height: 30px;

    text-align: right;

}



.c_cpxgcp {

    margin: 20px 0 0;

    padding: 0;

    width: 100%;

    border: 1px solid #ccc;

}



.c_cpxgcp li {

    width: 100%;

    border-top: 1px solid #ccc;

    list-style: none;

}



.c_cpxgcp li:first-child {

    border-top: none;

}



.c_cpxgcp a {

    display: block;

    padding: 10px 0;

}



.c_cpxgcp a img {

    width: 100%;

}



.c_cpxgcp a p {

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    color: #333;

    margin: 0;

}



.n_news {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.n_nwesl {

    width: 800px;

    float: left;

}



.n_nwesr {

    float: right;

    width: 340px;

    padding: 20px;

    background: #f7f7f7;

    box-sizing: border-box;

}



.n_tabs1 {

    width: 100%;

    padding: 12px 0;

    border-bottom: 1px solid #d6d6d6;

}



.n_tabs1 a {

    float: left;

    margin-right: 65px;

    height: 15px;

    line-height: 15px;

    font-size: 14px;

    color: #666;

}



.n_tabs1 a.n_active {

    color: #d7203f;

}



.n_tabs1 a:hover {

    color: #d7203f;

}



.n_todys {

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

}



.n_tody {

    width: 100%;

    display: none;

}



.n_tody:first-child {

    display: block;

}



.n_ttiem {

    width: 100%;

    padding: 30px 0;

}



.n_img1 {

    width: 280px;

    float: left;

}



.n_tr {

    width: 480px;

    min-height: 210px;

    float: right;

    position: relative;

}



.n_t1 {

    width: 480px;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    color: #555;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-bottom: 20px;

    display: block;

}



.n_t1:hover {

    color: #d7203f;

}



.n_t2 {

    margin-top: 15px;

    line-height: 26px;

    font-size: 12px;

    color: #999;

}



.n_t3 {

    margin-top: 45px;

    position: absolute;

    bottom: 10px;

    left: 0;

    width: 100%;

}



.n_t3 span {

    line-height: 15px;

    color: #9f9f9f;

    font-size: 12px;

    margin-right: 40px;

}



.n_nwitem {

    padding: 20px 0;

    border-top: 1px solid #ccc;

}





.n_nimg1 {

    width: 120px;

    float: left;

}



.n_ntr {

    width: calc(100% - 140px);

    min-height: 90px;

    float: right;

    position: relative;

}



.n_ntr a {

    width: 100%;

    display: block;

    line-height: 20px;

    font-size: 14px;

    color: #555;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.n_ntr a:hover {

    color: #d7203f;

}



.n_ntr>div {

    line-height: 20px;

    color: #9f9f9f;

    font-size: 12px;

    position: absolute;

    bottom: 5px;

    left: 0;

    width: 100%;

}



.n_t4 {

    width: 100%;

    line-height: 30px;

    font-size: 16px;

    color: #555;

    padding-bottom: 20px;

}



.n_title1 {

    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;

}



.n_title1 p {

    margin: 0;

    float: left;

    font-size: 20px;

    color: #555;

    font-weight: normal;

}



.n_title1 span {

    float: right;

    font-size: 12px;

    color: #9f9f9f;

    text-align: right;

    margin-top: 10px;

}



.z_zsjm {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.z_text1 {

    padding: 30px 0 50px;

}



.z_lunbo1 {

    width: 100%;

    position: relative;

    padding: 30px 0 80px;

}



.z_lunbo1 .s_bn2 {

    top: 40%;

    outline: none;

    width: 52px;

    height: 52px;

    background-image: url('../images/next.png');

    background-size: 100% 100%;

    right: 0;

    left: auto;

}



.z_lunbo1 .s_bp2 {

    top: 40%;

    outline: none;

    width: 52px;

    height: 52px;

    background-image: url('../images/pre.png');

    background-size: 100% 100%;

    left: 0;

    right: auto;

}



.z_lunbo1 .s_bn2:hover {

    background-image: url('../images/next2.png');

}



.z_lunbo1 .s_bp2:hover {

    background-image: url('../images/pre2.png');

}



.s_lunbo1 {

    width: 1080px;

    margin: 0 auto;

}



.s_limg1 {

    width: 100%;

    position: relative;

    overflow: hidden;

    display: block;

}



.s_limg1 img {

    width: 100%;

}



.s_limg1 img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 2;

    transition: 0.5s;

}



.s_lunbo1 .swiper-slide:hover img:nth-child(2) {

    transition: 0.5s;

    transform: scale(1.2);

}



.s_t1 {

    width: 100%;

    font-size: 14px;

    color: #333;

    padding: 5px 0;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.z_lunbo2 {

    width: 100%;

    position: relative;

    padding: 30px 0 80px;

}





.z_lunbo2 .s_bn3 {

    outline: none;

    width: 20px;

    height: 42px;

    background-image: url('../images/next3.jpg');

    background-size: 100% 100%;

    right: 0;

    left: auto;

}



.z_lunbo2 .s_bp3 {

    outline: none;

    width: 20px;

    height: 42px;

    background-image: url('../images/pre3.png');

    background-size: 100% 100%;

    left: 0;

    right: auto;

}



.z_lunbo2 .s_bn3:hover {

    background-image: url('../images/next4.png');

}



.z_lunbo2 .s_bp3:hover {

    background-image: url('../images/pre4.png');

}



.s_lunbo2 {

    width: 1120px;

    margin: 0 auto;

}





.s_lunbo2 .swiper-slide img {

    display: block;

    margin: 0 auto;

    border: 10px solid #e8e8e8;

}



.z_zxjm {

    width: 945px;

    margin: 0 auto;

    padding: 30px 50px;

}



.z_zxl {

    width: 450px;

    float: left;

}



.z_zxr {

    width: 450px;

    float: right;

}



.z_zxl>input {

    width: 100%;

    box-sizing: border-box;

    border: #DBD6CF solid 1px;

    padding: 0 10px;

    line-height: 30px;

    margin-bottom: 30px;

}



.z_zxl>textarea {

    width: 100%;

    height: 84px;

    box-sizing: border-box;

    border: #DBD6CF solid 1px;

    padding: 0 10px;

    line-height: 30px;

    margin-bottom: 30px;

}



.z_sub1 {

    text-align: right;

}



.z_sub1>input {

    width: 170px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    background: #c4243e;

    border: none;

    font-size: 16px;

    color: #FFF;

    cursor: pointer;

    letter-spacing: 0.1em;

}





.k_kffw1 {

    width: 1200px;

    padding: 50px 0;

    margin: 0 auto;

}



.k_kffw2 {

    padding: 50px 0;

    background-color: #f8f8f8;

}



.l_lmap {

    width: 1200px;

    margin: 0 auto;

    padding: 50px 0;

}



.l_ll {

    width: 570px;

    float: left;

    ;

}



.l_t1 {

    font-size: 40px;

    color: #666;

    margin-bottom: 20px;

}



.l_tels {

    width: 450px;

    margin-left: 100px;

    margin-top: 60px;

    float: left;

}



.l_t2 {

    width: calc(100% - 120px);

    float: left;

}





.l_t2 span {

    font-size: 20px;

    color: #666;

    line-height: 36px;

    display: block;

}



.l_t2 p {

    font-size: 14px;

    color: #666;

    line-height: 24px;

    margin: 0;

}



.l_tels img {

    width: 100px;

    float: right;

    padding-top: 10px;

}



.l_zxly {

    background-color: #f8f8f8;

    min-width: 1200px;

    padding: 50px 0;

}



.l_title1 {

    color: #000;

    font-size: 50px;

    font-weight: bold;

    text-align: center;

}



.l_title2 {

    color: #000;

    font-size: 25px;

    text-align: center;

    font-weight: bold;

    padding-bottom: 50px;

}



.l_form1 {

    width: 100%;

}



.l_l {

    width: 48%;

    float: left;

}



.l_r {

    width: 48%;

    float: right;

}



.l_l label,

.l_r label,

.l_m label {

    display: block;

    font-size: 14px;

    padding: 10px 0;

}



.l_l input,

.l_r input {

    width: 100%;

    height: 40px;

    line-height: 40px;

    padding: 0 15px;

    border: solid 1px #ddd;

    border-radius: 2px;

    -webkit-transition: all 0.2s linear 0s;

    -moz-transition: all 0.2s linear 0s;

    -o-transition: all 0.2s linear 0s;

    transition: all 0.2s linear 0s;

    box-sizing: border-box;

}



.l_l input:hover,

.l_r input:hover {

    border: solid 1px #e6212a;

    -webkit-transition: all 0.2s linear 0s;

    -moz-transition: all 0.2s linear 0s;

    -o-transition: all 0.2s linear 0s;

    transition: all 0.2s linear 0s;

}



.l_m {

    width: 100%;

    float: left;

}



.l_m textarea {

    width: 100%;

    height: 120px;

    line-height: 24px;

    padding: 10px 15px;

    border: solid 1px #ddd;

    border-radius: 2px;

    -webkit-transition: all 0.2s linear 0s;

    -moz-transition: all 0.2s linear 0s;

    -o-transition: all 0.2s linear 0s;

    transition: all 0.2s linear 0s;

    box-sizing: border-box;

}



.l_m textarea:hover {

    border: solid 1px #e6212a;

    -webkit-transition: all 0.2s linear 0s;

    -moz-transition: all 0.2s linear 0s;

    -o-transition: all 0.2s linear 0s;

    transition: all 0.2s linear 0s;

}



.l_subw {

    padding: 10px 0;

    float: left;

    ;

}



.l_sub1 {

    width: 170px;

    height: 40px;

    color: #fff;

    background-color: #e6212a;

    border: none;

    cursor: pointer;

}



@media screen and (min-width: 200px) and (max-width:800px) {

    .container {

        width: 100%;

    }



    .open_mnav {

        display: block;

    }



    .mfoot {

        display: flex;

    }



    body {

        padding-bottom: 56px;

    }



    .h_top1 {

        min-width: auto;

        height: auto;

    }



    .logo,

    .logo2 {

        width: 170px;

        height: auto;

        margin: 10px 0;

    }



    .h_tel,

    .h_nav1,

    .h_nav2 {

        display: none;

    }



    .f_top {

        display: none;

    }



    .f_bottom {

        min-width: auto;

    }



    .f_bottomw {

        width: 100%;

        display: flex;

        flex-wrap: wrap-reverse;

    }



    .f_tels {

        width: 96%;

        margin: 2%;

    }



    .f_nr {

        width: 100%;

        text-align: center;

    }



    .f_nr p {

        padding: 0;

    }



    .h_top2 {

        min-width: auto;

    }



    /* content */

    .s_banner {

        width: 100%;

        min-width: auto;

    }



    .i_plistsw {

        min-width: auto;

    }



    .i_plists {

        width: 100%;

    }



    .i_plists li a {

        height: auto;

        padding: 5px 0;

    }



    .i_plists li a p {

        padding: 0;

        font-size: 13px;

    }



    .i_plists li img {

        width: 45px;

    }



    .i_part1 {

        width: 100%;

        padding: 30px 0;

    }



    .i_title1 {

        font-size: 26px;

    }



    .i_ppsl {

        padding-top: 30px;

    }



    .i_ppl {

        width: 100%;

        padding-top: 0px;

    }



    .i_t3 {

        font-size: 24px;

    }



    .i_ppr {

        width: 100%;

    }



    .i_part2 {

        min-width: auto;

        padding: 30px 0;

    }





    .i_title3 {

        font-size: 26px;

    }



    .i_cpcont li {

        margin: 0 5px;

        padding: 5px 0px;

    }



    .i_cptodys {

        width: 100%;

    }



    .i_cpitems a {

        width: 48%;

    }



    .i_part3 {

        width: 100%;

        padding: 30px 0;

    }



    .i_zsjm {

        display: flex;

        flex-wrap: wrap;

    }



    .i_part4,

    .i_part5 {

        width: 100%;

        padding: 30px 0;

    }



    .i_gywm {

        margin-top: 30px;

    }



    .i_gycont {

        position: relative;

        top: 0;

        right: 0;

        z-index: 20;

        width: 100%;

        height: auto;

        background-color: #fff;

        padding: 10px;

        box-sizing: border-box;

    }



    .i_more {

        position: relative;

        left: 0;

        bottom: 0;

    }



    .i_tabs1 span {

        margin-right: 10px;

    }



    .i_todys1 {

        padding-top: 30px;

    }



    .i_nl {

        width: 100%;

        float: left;

        padding: 2%;

        box-sizing: border-box;

    }



    .i_nr {

        width: 100%;

    }



    .i_zsjm li {

        width: 46%;

        margin: 2%;

    }



    .i_zsjm li:nth-child(3n) {

        margin: 2%;

    }

    .i_t7 span {

        font-size: 30px;

    }



    .i_t7 {

        line-height: 30px;

    }



    .i_t8 {

        font-size: 16px;

        line-height: 18px;

    }

    .banner2 {

        min-width: auto;

    }



    .g_gywm {

        width: 100%;

        padding: 30px 0;

    }



    .g_img1 {

        padding: 20px 0 0 0;

    }



    .c_cpxq {

        width: 100%;

        padding: 30px 0;

    }



    .c_cptl {

        width: 98%;

        margin: 1%;

        display: flex;

        flex-wrap: wrap-reverse;

    }



    .c_tabs {

        width: 100%;

        margin-top: 20px;

    }



    .c_todys {

        width: 100%;

        height: auto;

    }

    .c_tabs>div {

       box-sizing: border-box;

        width: 25%;

        height: auto;

    }

    .c_tabs>div.c_active::after{

        display: none;

    }

    .c_cptr {

        width: 98%;

        margin: 1%;

    }



    .c_cpcont {

        padding-top: 30px;

    }

    .c_cpcl,

    .c_cpcr {

        width: 98%;

        margin: 1%;

    }



    .c_title3 {

        border-right: 0;

        border-left: 3px solid #c4243e;

        padding-left: 15px;

        text-align: left;

    }

    .n_news {

        width: 100%;

        padding: 30px 0;

    }

    .n_nwesl {

        width: 96%;

        margin: 2%;

    }

    .n_img1 {

        width: 36%;

    }



    .n_tr {

        width: 60%;

        min-height: auto;

    }

    .n_t1 {

        width: 100%;

        padding-bottom: 4px;

    }



    .n_t2 {

        line-height: 20px;

        margin: 0;

    }

    .n_t3 {

        margin-top: 5px;

        position: relative;

        bottom: 0;

        left: 0;

        width: 100%;

    }

    .n_ttiem {

        padding: 10px 0;

    }



    .n_nwesr {

        width: 100%;

        padding: 10px;

    }



    .k_kffw1,

    .z_zsjm {

        width: 100%;

        padding: 30px 0;

    }



    .z_lunbo1,

    .z_lunbo2,

    .l_lmap {

        width: 100%;

        padding: 30px 0;

    }



    .s_lunbo1,

    .s_lunbo2 {

        width: 100%;

    }



    .z_zxjm {

        width: 100%;

        margin: 0 auto;

        padding: 10px;

        box-sizing: border-box;

    }



    .z_zxl {

        width: 100%;

    }



    .z_sub1 {

        text-align: center;

        padding-bottom: 30px;

    }

    .l_ll {

        width: 96%;

        margin: 2%;

    }

    .l_tels {

        width: 96%;

        margin: 2%;

    }

    .l_t1 {

        font-size: 26px;

        margin-bottom: 10px;

        text-align: center;

    }



    .l_t2 {

        width: 100%;

    }

    .l_tels img {

        width: 100px;

        float: none;

        padding-top: 10px;

        display: block;

        margin: 0 auto;

    }

    .l_zxly{

        width: 100%;

        min-width: auto;

        padding: 30px 0;

    }



    .l_title1 {

        color: #000;

        font-size: 30px;

        font-weight: bold;

        text-align: center;

    }



    .l_title2 {

        color: #000;

        font-size: 20px;

        text-align: center;

        font-weight: bold;

        padding-bottom: 10px;

    }



    .l_subw {

        padding: 10px 0;

        float: left;

        width: 100%;

        text-align: center;

    }

    .c_cplists {

        width: 100%;

        padding: 30px 0;

    }



    .c_cp1 {

        padding-bottom: 30px;

    }



    .c_cpcs a {

        width: 46%;

        box-sizing: border-box;

        margin: 2%;

        padding: 2% 0;

    }



    .c_img1 {

        width: 100%;

    }

    .c_img1 img{
        height: auto;
    }

.c_cpcs{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

















}

