@charset "utf-8";
@font-face{ font-family:simkai; src:url(../font/simkai.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*html{*/
/*  font-size: 10px;*/
/*}*/

/*==========================================公共 开始=============================================*/
.header-max {
    max-width: 1800px;
    margin: 0 auto;
}
.w1400{width: 1400px;margin: 0 auto;}

.w1300{width: 1300px;margin: 0 auto;}


.pc_header { width:100%; height:65px;}


.head_top {
    width: 100%;
    height: 110px;
    background-color: #204198;
    padding: 0 10px;
}

/*.head_top::before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    z-index: 1;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 130px;*/
/*    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));*/
/*    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));*/
/*    pointer-events: none;*/
/*}*/

/*.head_top {height: 130px;}*/
.head_top .logo img { display:inline-block;  height:55px;z-index: 99}

/*.head_top .right{float: right;}*/
.head_top .lj li{float: left;margin-left: 3px;font-size: 14px;color: #5d5d5d;line-height: 18px; }
.head_top .lj li img{margin-right: 5px;}
.head_top .lj li+li{border-left: 1px solid #fff;padding-left: 3px;}
.head_top .lj li a{font-size: 14px;color: #5d5d5d;line-height: 18px;    display: block;
    padding: 0px 0;}

.head_top .search{width: 250px;border: 1px solid #9b9b9b;float: right;color: #fff;margin-top: 10px;margin-left: 27px;height: 39px;border-radius: 50px;padding: 0 10px 0px 20px;}
.head_top .search .txt{background: none;border: none;float: left;width: 150px;height: 39px;line-height: 39px;font-size: 14px;color: #fff;}
.head_top .search .btn{float: right;width: 25px;background: url(../images/nav_search.png) no-repeat center center;height: 39px;}


.search-container {
    width: 18.75rem; /* 宽度设置为18.75rem */
    height: 40px; /* 高度设置为40px */
    border-radius: 20px; /* 圆角设置为20px */
    margin-left: 1rem; /* 左边距设置为1rem */
    position: relative; /* 相对定位 */
    /*border: 1px solid #b5215c; !* 边框颜色设置为#b5215c *!*/
    background: rgba(255,255,255,.2); /* 背景颜色设置为#8c093d */
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直居中 */
}

.search-input {
    width: 100%; /* 输入框宽度占满容器 */
    height: 100%; /* 输入框高度占满容器 */
    border: none; /* 无边框 */
    outline: none; /* 无轮廓线 */
    background: transparent; /* 背景透明 */
    padding: 0 1rem; /* 内边距 */
    color: white; /* 文字颜色为白色 */
    border-radius: 20px; /* 圆角 */
}

.search-icon {
    background: transparent; /* 背景透明 */
    border: none; /* 无边框 */
    cursor: pointer; /* 鼠标手型 */
    font-size: 1.25rem; /* 图标大小 */
    color: white; /* 图标颜色 */
    padding: 0 1rem; /* 内边距 */
}

.icon-search {
    /* 如果你使用字体图标库，可以在这里添加相应的类 */
}

.search-input::-webkit-input-placeholder {
    color:#fff;
    color: rgba(255,255,255,.8);
}

/*pcheader*/
#navWrapper{ position:relative; z-index:10; width:690px; height:65px;top: 0;left: 0;width: 100%;display: flex;align-items: center}
#navWrapper .nav {position:  relative;display: flex;justify-content: space-around;}
/*#navWrapper .nav .navitem:nth-last-child(1) .subnav {left: auto; right: 0; text-align:right;}*/
#navWrapper .nav>li {font-size: 18px;height: 100%;position: relative;padding:  0 10px!important;font-weight: bold;display: inline-block }
#navWrapper .nav>li.on,#navWrapper .nav>li:hover{}
#navWrapper .nav>li.on a,#navWrapper .nav>li:hover a{}
#navWrapper .nav>li>a{display: block;height: 65px;line-height: 65px;color: #000;position: relative;overflow: hidden;padding:0 3px;}
#navWrapper .nav>li>a span {display: inline-block;position: relative;transition: all ease-out .3s;font-size: 18px;color: #fff;}
#navWrapper .nav>li>a>i{ margin-left: 10px; color: #717171; transition: 0.36s ease;}
#navWrapper .nav .subnav{    position: absolute;
    width: 200%;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    height: auto;
    z-index: 199;
    top: 65px !important;
    left: -50%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .36s ease;
    background: #FF860B;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;}
#navWrapper .nav li:hover .subnav{top: 60px;}
#navWrapper .nav .subnav li{width: 100%;text-align:left;}
#navWrapper .nav .subnav li a {color: #fff;line-height: 22px;display: block;transition: all .2s ease-in-out;padding: 15px 0;border-bottom: 1px solid rgba(255,255,255,0.05);font-size: 16px;padding-left: 15px;padding-right:15px;text-align:  center;}
#navWrapper .nav .subnav li a:before{content:"\f105";color:#999;font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;float:right;margin-top:2px;display: none;}
#navWrapper .nav>li:hover .subnav{opacity: 1; visibility: visible}
#navWrapper .nav .subnav li a.active,#navWrapper .nav .subnav li a:hover {background-color: #a6031a;color: #fff;}
#navWrapper .nav .on span{ }
#hcontact { display: none}
#navWrapper,.singlescreen #navWrapper { box-shadow: none;}
#navWrapper .content { padding-left: 0;padding-right: 0}
#navWrapper #headTop { float:left; height: 44px; text-align: center;}
#navWrapper .content a#logo { float: none; display: inline-block}
#navWrapper .content a#logo img { float: none}
#navWrapper #navWrapper { float: right; position: relative; z-index: 99;}
#navWrapper.mini #navWrapper {}
#navWrapper .nav {padding: 0 0;margin-left: 0;height: 63px;text-align: right;float: none;font-size: 0;}
#navWrapper .nav>li {width: auto;display: inline-block; *display:inline; *zoom:1;float: none;height: 65px;padding: 10px 0 }
#navWrapper.mini {position:fixed;background-color: rgba(255, 255, 255, 1);top: 0;height: 92px;padding-top: 24px;}
#navWrapper.mini .nav>a{ height:68px;}
#navWrapper.mini .nav .on span{ height: 68px;}
#navWrapper .nav .subnav01{ padding:30px 0; text-align:left; position: absolute;width: 1920px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);height: auto;z-index: 199;top: 74px;left: 50%;margin-left: -1026px;overflow: hidden;visibility: hidden;opacity: 0;transition: all .36s ease;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCE84518', endColorstr='#CCE84518');background:rgba(232,69,24,0.8);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#navWrapper .nav>li:hover .subnav01{opacity: 1; visibility: visible}
#navWrapper .nav .subnav01 dl{ float:left; width:100%}
#navWrapper .nav .subnav01 dl dt{ float:left; width:78px; height:36px; line-height:36px; margin-right:18px; text-align:center;}
#navWrapper .nav .subnav01 dl dt a{ font-size:16px; color:#fff;}
#navWrapper .nav .subnav01 dl .right{float:right;width: 1104px;}
#navWrapper .nav .subnav01 dl dd{ float:left; margin-right:10px; line-height:36px; height:36px;}
#navWrapper .nav .subnav01 dl dd a{ font-size:14px; color:rgba(255,255,255,0.7); font-weight:normal;}
#navWrapper .nav .subnav01 dl dd a:hover{ color:#fff;}


.pc_header .search_btn{    width: 23px;
    height: 33px;
    margin-left: 7px;background: url(../images/nav_search.png) no-repeat center center;float:right;}

.banner{width: 100%;position: relative;z-index: 1;}
.banner a{display: block;position: relative;}
.banner a::after{content: "";width: 100%;height: 350px;display: block;background: url(../images/header_nav_bg.png) repeat-x;position: absolute;top: 0;left: 0;z-index: 10;display: none;}
.banner a .img{width: 100%;}
.banner a img{width: 100%;transform: scale(1) !important;}


.banner .miso-dots{position: absolute;right: 0;bottom: 30px;position: absolute;z-index: 5;}
.banner .miso-dots li{background: none;width: 14px;height: 14px;border:1px solid #fff;border-radius: 50%;}
.banner .miso-dots li.miso-active{background:#fff;}

.banner .miso-prev,.banner .miso-next{width: 53px;height: 54px;background: url(../images/bn_dt_prev.png) no-repeat;}
.banner .miso-next{background: url(../images/bn_dt_next.png) no-repeat;}

.banner-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    z-index: 99;
}

.banner-pagination .swiper-pagination-bullet {
    width: 0.6rem!important;
    height: 0.6rem!important;
    border-radius: 50% !important;
    display: inline-block!important;
    opacity: 0.8!important;
    margin: 0.3125rem!important;
    background: #FFFFFF!important;
}

.banner-pagination .swiper-pagination-bullet-active {
    width: 2rem!important;
    height: 0.625rem!important;
    border-radius: 0.625rem !important;
    display: inline-block!important;
    margin: 0.3125rem!important;
    opacity: 1!important;
    background: white!important;
}



/* a .bt{transition: 0.4s;}
a:hover .bt{color: #fe8904 !important;} */
.img{overflow: hidden;}
.img img{transition: 0.4s;}
a:hover .img img{transform: scale(1.05);}


@keyframes yc_yyxt_dh {
    0% {width: 105%;opacity: 1;margin-left: -2.5%;height: 105%;margin-top: -2.5%;background: rgba(184,21,21,0.4);}
    50% {width: 110%;opacity: 0.5;margin-left: -5%;height: 110%;margin-top: -5%;background: rgba(184,21,21,0.4);}
    100% {width: 115%;opacity: 0;margin-left: -7.5%;height: 115%;margin-top: -7.5%;background: rgba(184,21,21,0.4);}
}


@font-face {
    font-family: '思源宋体_bd';
    src: url('../fonts/SOURCEHANSERIFSC-BOLD.OTF');
}






/*顶部搜索*/
.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .keyword {font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none;
    border: 1px solid rgba(255,255,255,0.5);}
.tc_search .btn_blue { position: absolute; top: 0px; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../images/nav_search_bai.png) center center no-repeat; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
    color:#fff;
    color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
    color:#fff;
    color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
    color:#fff;
    color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
    color:#fff;
    color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
    color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
    color: transparent;
}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {
    color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
    color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */


/*导航按钮开始*/

.list_box0{ display:inline-block; vertical-align:top}
.list_box0 .li{font-size: 14px;color:#fff;display: inline-block;transition:.6s;margin-left: 1rem;position: relative;line-height: 4rem;}
.list_box0 .li+.li+.li{margin-left: 0;}
.list_box0 .li>a{ display:block;color: #fff;transition: 0.5s;}
.list_box0 .li>a:hover{color: #ae0000;}
.list_box0 .li a>img{margin: -1px .625rem 0 0;}
.list_box0 .li a .ewm_box{display:inline-block;border:#d3d3d3 1px solid;background:#fff;position:absolute;left:50%;transform: translateX(-50%) scaleY(1);top: 3.5rem;opacity: 1;visibility: visible;transform-origin:top;display: none;}
.list_box0 .li a .ewm_box:before{content:"";position:absolute;border-left:transparent 6px solid;border-right:transparent 6px solid;border-bottom: #fff 6px solid;top: -6px;left: 50%;margin-left: -6px; }

#m_header .list_box0{ float:right}
#m_header .list_box0 .li{ line-height:60px; }
#m_header .list_box0 .li a .ewm_box{ top:60px}
#m_header .list_box0 .li a>img{ height:16px}


#nav_btn_box {height: 100%;z-index: 999999999;float: right;margin-left: 28px;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*导航按钮结束*/
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;overflow: auto;margin: 81px 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 1.5rem 0 7rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #ef8c36!important;}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}

#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 2.3rem;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 30px) }
#m_nav li .a {line-height: 4rem;height: 4rem;color: #fff;padding: 0;font-size: 14px;float: left;display: flex;align-items: center}
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 5rem;height: 4rem;display: inline-block;background: url(../images/arrow_down.svg) calc(100% - 2rem) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../images/arrow_down_on.svg) calc(100% - 2rem) center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #c21d1b; }
#m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;}
/*三级导航 开始*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size:.875rem;
    opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
#m_header #logo .box_table{width: auto; float: left;    display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left;    display: table; height: 100%; height: 100%;}
#nav_btn_box .box_table .box_table_cell{   vertical-align: middle;
    display: table-cell;  }
#m_header #logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell;      margin: 0 auto;}

#m_header #logo .box_table .box_table_cell a{    display: block;
}
.m_header_box header{padding:0 5%;top: 0;height: 60px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);position: fixed;top: 0;left: 0;right: 0;z-index: 100;background: #FF860B;background-size: cover;}
#m_header #logo{float: left;height: 100%;}
#m_header #logo img{max-height: 35px;width: auto;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}



@media(max-width: 1200px){
    .head_top{display: none;}
    .pc_header{display: none;}
    .m_header_box{display: block;}
}


@media(max-width: 1450px){

    .w1400{width: 100%;padding: 0 5%;}

}



@font-face {
    font-family: 'Gabriola';
    src: url('../fonts/Gabriola.ttf');
}



.sy_tit{margin-bottom: 2.8rem;position: relative;}
.sy_tit::after{content: "";display: block;clear: both;}
.sy_tit p{font-size: 1.75rem;color: #323232;margin: 0 auto;display: block;position: relative;/*text-align: center;*/font-family: '思源宋体_bd';letter-spacing: 2px;font-weight: bold;float: left;}
.sy_tit p img{margin-right: 1.25rem;}
.sy_tit a{display: block;font-size: 14px;text-align: center;line-height: 36px;color: #727272;float: right;transition: 0.4s;}
.sy_tit a:hover{color: #1257a4;}


@media(max-width: 1300px){
    .sy_p1_ri_box .sj{ top: 0;
        left: 0;   transform: scale(0.8);}
    .foot .shang .right{float: none;margin: 0 auto;clear: both;display: table;}
    .foot .shang .left{float: none;margin: 0 auto;display: table;}
}
@media(max-width: 1024px){
    .sy_p3_lb .swiper-slide.swiper-slide-next{margin-top: 0;}
    .part3{padding: 7rem 0 4rem;}
    .part1_2{    padding: 4rem 0 5rem;}

    .foot .shang .foot_logo{padding: 0;margin: 0 0 1.5rem;background: none;float: none;display: block;}
    .foot .shang .bq_xx{    width: 23.5rem;float: none;margin: 0 0 1.5rem;}
    .sy_tit {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }

}

@media(max-width: 800px){
    .part1 .main .left{width: 100%;margin-bottom: 1.5rem;}
    .part1 .main .right{width: 100%;}

    .part2 .main a{width: 47%;margin-bottom: 1.5rem;}
    .sy_p6_list li{width: 47.5%;margin-bottom: 1.5rem;}

    .part4>div{width: 100%;margin-bottom: 2rem;}
    .part4>div+div{margin-bottom: 0;}
    .part7>div{width: 100%;margin-bottom: 2rem}
    .part7>div+div{margin-bottom: 0;}
}

@media(max-width: 550px){
    #m_header .list_box0{display: none;}
    .part1 .main .right a{width: 100%;}
    .part2 .main{margin: 0;}
    .part2 .main a{width: 100%;}

    .sy_p6_list{margin: 0;}
    .sy_p6_list li{width: 100%;}

    .foot .shang .bq_xx{width: auto;    display: table;margin: 0 auto 1rem;}
    .foot .shang .bq_xx>p{display: table;}
    .foot .shang .bq_xx>div{display: table;}
    .foot .shang .bq_xx>div p{display: table;width: auto;}

    .foot .shang .right .ewm_ul li{margin-left: 0rem;}
    .foot .shang .right .ewm_ul li+li{margin-left: 1rem;}
    .foot .shang .right .ewm_ul{margin-right: 2rem;}

    #nav_btn_box{margin-left: 0;}
}