@charset "utf-8";

:root{
    --colorfff:#ffffff;--color333:#333333;--color666:#666666;--color999:#999999;--colorccc:#cccccc;
    --colorbg1:#f1f1f1;--colorbg2:#F2F5F6;--colorbg7:#151b26;--colorbg8:#0297db;
    --colormain1:#0297db;--colormain2:#FF9966;--colormain3:#FF8901;
}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;}
html,body {width:100%;scroll-behavior:smooth;}
body {color:#333333;font-size:1rem;overflow-x:hidden;line-height:1.5;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,input,textarea,img {margin:0;padding:0;}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;}
div,ul,ol,li,dd,dl,dt {list-style:none;}
table {border-collapse:collapse;}
td,tr,th {font-size:14px;}
img {border:none;}
select,input,img {vertical-align:middle;}
input, textarea, slsct {font-family:inherit;font-weight:inherit;font-size:14px;}
textarea {vertical-align:middle;font-size:14px;resize:none;outline:none;}
input  {background-color:transparent;border:0;outline:none;}
button {margin:0;padding:0;border:1px solid transparent;background-color:transparent;outline:none;}
button:active {opacity:0.6;}
input[type=button],input[type=submit],input[type=file],input[type=reset],button {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
em {font-style:normal;}
b {font-weight:normal;}
h1,h2,h3 {font-weight:bold;}
h4,h5,h6 {font-weight:bold;}
img {webkit-transition:-webkit-transform .75s cubic-bezier(.19, 1, .22, 1);transition:-webkit-transform .75s cubic-bezier(.19, 1, .22, 1);transition:transform .75s cubic-bezier(.19, 1, .22, 1);transition:transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);}

* {margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;outline:none;}
::-webkit-scrollbar {width:5px;background-color:#F5F5F5;}
::-webkit-scrollbar-track {border-radius:5px;}
::-webkit-scrollbar-thumb {border-radius:10px;background:var(--colormain1);}
.scroll_wrap::-webkit-scrollbar {width:10px;height:1px;}
.scroll_wrap::-webkit-scrollbar-thumb {border-radius:5px;background:#E7F3FC;}
.scroll_wrap::-webkit-scrollbar-track {background:#ffffff;}

a { }
a:link,a:visited {color:#333333;text-decoration:none;}
a:hover,a:active {color:var(--colormain1);text-decoration:none;}
a.sethome:link,a.sethome:visited {color:#273843;text-decoration:none;}
a.sethome:hover,a.sethome:active {color:#FF0000;text-decoration:underline;}
a.links:link,a.links:visited   {color:#3C3B3B;text-decoration:none;}
a.links:hover,a.links:active   {color:#FF0000;text-decoration:underline;}
a.white:link,a.white:visited   {color:#FFFFFF;text-decoration:none;}
a.white:hover,a.white:active   {color:#FF0000;text-decoration:none;}
a.black:link,a.black:visited   {color:#333333;text-decoration:none;}
a.black:hover,a.black:active   {color:#FF0000;text-decoration:none;}
a.detail:link,a.detail:visited {color:#000000;text-decoration:none;}
a.detail:hover,a.detail:active {color:#FF0000;text-decoration:none;}
a.newslist:link,a.newslist:visited {color:#666666;text-decoration:none;}
a.newslist:hover,a.newslist:active {color:#FF0000;text-decoration:none;}
a.prolist:link,a.prolist:visited   {color:#615B5B;text-decoration:none;}      
a.prolist:hover,a.prolist:active   {color:#FF0000;text-decoration:none;}
a.job:link,a.job:visited {color:#333333;font-size:12px;text-decoration:none;}
a.job:hover,a.job:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.botmenu:link,a.botmenu:visited {color:#FFFFFF;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}
a.botmenu:hover,a.botmenu:active {color:#FFFF00;font-size:13px;text-decoration:none;margin:0px 8px 0px 7px;}

@font-face{
    font-family: "DTJ";
    src:url('../images/font/DingTalk JinBuTi.ttf'); /*钉钉进步体*/
}

.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;font-size:0;content:"";visibility:hidden;}
.clear,.cl {clear:both;}
.pr {position:relative;}
.pa {position:absolute;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.fl,.l{float:left;}
.fr,.r{float:right;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt8  {margin-top:8px}
.mt29 {margin-top:29px}
.mt40 {margin-top:40px}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.h10  {height:10px;line-height:10px;}
.h15  {height:15px;line-height:15px;}
.h20  {height:20px;line-height:20px;}
.h22  {height:22px;line-height:22px;}
.h25  {height:25px;line-height:25px;}
.h30  {height:30px;line-height:30px;}
.line32 {line-height: 32px}
.font32 {font-size: 32px}
.red  {color:#FF0000;}
.blue {color:#0000FF;}
.blank{font-size:12px;}
.text-center {text-align: center !important}
.text-right {text-align: right !important}
.align-middle {vertical-align: middle !important}
.hidden,.over {overflow:hidden;}
.inline-block {display:inline-block;}
.block {display:block;}
.hide {display:none;}
.pc {display:block;} 
.ipad {display:none;} 
.mobile {display:none;}
.wap {display:none;}
.pc_top {display:block;}
.wap_top {display:none;}
.MobileNavigation {display:none;}
.ellipsis1 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ellipsis2 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ellipsis3 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.ellipsis4 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.ellipsis5 {overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.fade-copy {transition:opacity 0.5s,transform 0.5s;transform:translateY(50px);opacity:0;}
.fade-copy.active {transform:translateY(0px);opacity:1;}
.fn2 {animation-name:fn2;animation-duration:2.5s;}
@keyframes fn2 {
    0%   {clip-path:inset(0 0 0 100%);opacity:0;transform:translate3d(-.8rem, 0, 0);}
    99%  {clip-path:inset(0 0 0 0);opacity:1;transform:none;}
    100% {clip-path:none;}
}

/*.mopanpic {width:100%;height:0;padding-bottom:62.6%;position:relative;-webkit-perspective:800px;perspective:800px;}
.mopanpic img {position:absolute;z-index:1;left:0;top:0;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s linear;transition:.3s linear;}
*/
/*[data-paroller-factor] { position: relative;z-index: 0;}
.paroller{scroll-snap-align: start; scroll-margin-top: 150px; }*/

.mopanpic {position:relative;-webkit-perspective:800px;perspective:800px;}
.main {width:100%;margin:0 auto;line-height:20px;}
.topCon {width:100%;margin:0 auto;}
.indexTop  {width:100%;margin:0 auto;line-height:20px;}
.indexLeft {float:left;width:35%;line-height:20px;max-width:320px;}
.indexLeft1 {float:left;width:320px;line-height:20px;}
.indexCenter {max-width:1500px;margin:0 auto;width:96%;padding:20px 0px 10px 0px;}
.indexCenter2{width:100%;margin:0 auto;line-height:20px;padding:5px 0px 0px 0px;}
.indexRight  {width:100%;}
.indexRight1 {float:left;width:464px;line-height:20px;padding:5px 0px 0px 7px;}
.indexMain {float:right;width:850px;line-height:20px;} 
.indexRightVideo {float:right;width:320px;line-height:20px;padding-bottom:5px;}
.topCon_1 {float:left;width:100%;}
.topCon_2 {float:left;width:100%;height:125px;text-align:left;background-repeat:no-repeat;}
.container_full {width:100%;margin:0 auto;}
.container {max-width:1600px;margin:0 auto;width:96%;}
.w990  {max-width:1000px;margin:0px auto;}
.w1000 {max-width:1000px;margin:0px auto;}
.w1100 {max-width:1100px;margin:0px auto;}
.w1200 {max-width:1200px;margin:0px auto;}
.w1300 {max-width:1300px;margin:0px auto;}
.w1400 {max-width:1400px;margin:0px auto;}
.w1500 {max-width:1500px;margin:0px auto;}

/*黑白照片*/
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}

.fixed {position:fixed;}
.flex {display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;}
.flex-wrap {flex-flow:wrap;}
.flex-between {-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.iflexa  {width:100%;display:flex;justify-content:space-between;align-items:flex-start;}
.nyrigkd {width:100%;}
.nymenx {margin-top:1.3rem;position:sticky;top:80px;}
.nymen_nav {padding:2rem 0;}
.nymen_nav li {width:100%;line-height:2.5;}
.nymen_nav li a {position: relative;padding-left:20px;margin:0rem 0;font-size:1.125rem;color:#333333;transition:0.3s;}
.nymen_nav li a::before {content: "";position: absolute;top:50%;left:0;width:6px;height:6px;transform: translateY(-50%);background:var(--color333);border-radius:50%;transition:0.3s;}
.nymen_nav li a:hover {color:var(--colormain1);}
.nymen_nav li a.on {color:var(--colormain1);font-weight:600;}
.nymen_nav li a:hover::before,.nymen_nav li a.on::before {background:var(--colormain1);}

/* 首页 */
header {}
header .h_top {position: fixed; top: 0; left: 0; width: 100%; z-index:99; padding: 0.625rem 0px;transition:all 1s cubic-bezier(.4, 0, .2, 1);}
header .h_top:after {content: "";position: absolute;left: 0;top: -105%;width: 100%;height: 100%;background: #ffffff;z-index: -1;transition: all 0.8s cubic-bezier(.4, 0, .2, 1);}
header .h_top.fixed,header .h_top:hover {padding: 0.1rem 0;box-shadow: 0 0 5px #eee;}
header .h_top.fixed:after,header .h_top:hover:after {top: 0;}
header .h_top_c {height:5rem;display:flex;align-items:center;justify-content:space-between;}
.h_none {height:5rem;opacity:0;}
.h_top_c .Header_left {position:relative;}
.h_top_c .Header_left img {position:absolute;transition:0.4s;}
.h_top_c .Header_left img.logo2 {opacity:0;}
.h_top_c .Header_left p {position:relative;padding:5px 0 0 220px;}
.h_top_c .Header_left p span {color:var(--colorfff);font-size:14px;}
.h_top_c .Header_left:hover p span,.h_top_c:hover .Header_left p span {color:#666666;}
header .h_top.fixed .Header_left img.logo1,header .h_top:hover .Header_left img.logo1 {opacity:0;}
header .h_top.fixed .Header_left img.logo2,header .h_top:hover .Header_left img.logo2 {opacity:1;}
.h_top_c .Header_left .Header_left_logo {position:relative;display:flex;align-items:center;}
.h_top_c .Header_left .Header_left_logo img {}
.h_top_c .Header_left .Header_left_logo .t_text {margin-left:5.5rem;font-size:1.4rem;color:var(--colorfff);font-weight:bold;line-height:1;transition:0.8s;}
.h_top_c .Header_left .Header_left_logo .t_text span {display:block;transition:0.8s;font-size:1.125rem;color:rgba(255,255,255,.6);font-weight:normal;margin-top:12px;}

.h_top_c .Header_fr {display: flex;justify-content:flex-start;align-items: center; }
.h_top_c .Header_Nav {color:var(--colorfff);margin-right: 1rem;}
.Header_Nav ul {}
.Header_Nav li {position:relative;float:left;height:5rem;font-size:1rem;text-align:center;color:var(--colorfff);padding:0 1.5rem;display:flex;align-items:center;}
.Header_Nav li a.dhmenu {display:flex;height:100%;align-items:center;color:var(--colorfff);position:relative;}
.Header_Nav li:last-of-type {margin-right:0;}
.Header_Nav li a.dhmenu:after {content:'';display:block;position:absolute;left:0;bottom:10%;width:100%;height:2px;background:var(--colormain1);transform:scaleX(0);transition:all 0.5s;}
.Header_Nav li a.dhmenu:hover:after,.Header_Nav li.cur a.dhmenu:after {transform:scaleX(1);}
.Header_Nav li.cur a.dhmenu,.Header_Nav li a:hover.dhmenu {color:var(--colorfff);}
header .h_top.fixed .Header_Nav li.cur a.dhmenu,header .h_top:hover .Header_Nav li.cur a.dhmenu,header .h_top.fixed .Header_Nav li a.dhmenu,header .h_top:hover .Header_Nav li a.dhmenu {color:var(--colormain1);}
/* 导航下拉 */
.Header_Nav li .d_submenu {position:absolute;width:180%;left:100%;transform:translateX(-50%);top:85%;z-index:0;pointer-events:none;opacity:0;padding:10px 0 0 0;}
.Header_Nav li .d_submenu::before {/*content:" ";position:absolute;top:-20px;left:50%;width:0;height:0;margin-left:-10px;border-width:0;border-style:solid;border-color:transparent transparent #ebebeb transparent;*/}
.Header_Nav li:hover .d_submenu::before {border-width:10px;}
.Header_Nav li:hover .d_submenu,.Header_Nav li:focus .d_submenu {opacity:1;pointer-events:auto;z-index:10;transition:none;}
.Header_Nav li .d_submenu dd {width:100%;height:0;line-height:32px;background:#eeeeee;transition:all .5s;}
.Header_Nav li .d_submenu dd:last-child {border:none;}
.Header_Nav li .d_submenu dd a {display:block;color:#999999;font-size:13px;padding:0 0 0 12px;text-align:left; background:url('../images/index_34.png') no-repeat 85% center;}
.Header_Nav li .d_submenu dd i {font-size:16px;font-weight:normal;padding:0 10px 0 10px;}
.Header_Nav li .d_submenu dd:hover a {color:var(--colormain1);background:url('../images/index_35.png') no-repeat 85% center;}
.Header_Nav li:hover .d_submenu dd,.Header_Nav li:focus .d_submenu dd {height:32px;border-bottom-width:1px;}

.h_top_c .Header_content_search {display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;color:var(--colorfff);}
.h_top_c .Header_content_search i {font-size:1.3rem;color:var(--colorfff);}
.h_top_c .Header_content_search .search_i {margin-right:1rem;}
.h_top_c .Header_content_search .lang_i {display: none;align-items: center;}

.h_top_c .Header_content_search .lang_box {width:auto;height:40px;margin:0;display:flex;align-items:center;position:relative;z-index:1;cursor:pointer;}
.h_top_c .Header_content_search .lang_box .lang_head {width:auto;height:100%;padding:0 8px;background:#fff;border:1px solid #fff;border-radius:30px;display:flex;align-items:center;transition:all .3s linear;color:#29166f;overflow:hidden;}
.h_top_c .Header_content_search .lang_box .lang_head .icon {line-height:1;font-size:0;display:flex;}
.h_top_c .Header_content_search .lang_box .lang_head .title {width:auto;margin:0 8px;text-align:center;line-height:1.5;font-size:14px;}
.h_top_c .Header_content_search .lang_box .lang_head .active {width:0;height:0;border-style:solid;border-width:4px 3.5px 0 3.5px;border-color:#29166f transparent transparent transparent;}
.h_top_c .Header_content_search .lang_box .lang_body {width:100%;height:auto;position:absolute;top:100%;left:50%;margin-top:5px;transform:translateX(-50%);border-radius:10px;background:#fff;text-align:center;overflow:hidden;visibility:hidden;opacity:0;box-shadow:0 5px 10px rgba(0,0,0,0.1);transition:all .3s linear;}
.h_top_c .Header_content_search .lang_box .lang_body .item {width:100%;height:auto;overflow:hidden;}
.h_top_c .Header_content_search .lang_box .lang_body .item a {width:100%;height:auto;display:block;padding:10px;font-size:12px;color:#282828;transition:all .3s linear;overflow:hidden;}
.h_top_c .Header_content_search .lang_box .lang_body .item a:hover {color:#29166f;}
.h_top_c .Header_content_search .lang_box:hover .lang_head {opacity:1;}
.h_top_c .Header_content_search .lang_box:hover .lang_body {visibility:visible;opacity:1;margin-top:0;}
.h_top_c .Header_content_search .Header_wapmenu {display:none;margin-left:5rem;}
.h_top_c .Header_wapmenu .menu_btn p {position:relative;width:28px;height:20px;}
.h_top_c .Header_wapmenu .menu_btn p span {position:absolute;right:0;width:100%;height:2px;background:var(--color333);transition:all 0.6s ease;}
.h_top_c .Header_wapmenu .menu_btn p span:nth-child(1) {}
.h_top_c .Header_wapmenu .menu_btn p span:nth-child(2) {width:22px;top:50%;transform:translateY(-50%);background:var(--colormain1);}
.h_top_c .Header_wapmenu .menu_btn p span:nth-child(3) {bottom:0;top:auto;}
.h_top_c .Header_wapmenu .menu_btn.active p span:nth-child(2) {transform:translate(100px,-50%);}
.h_top_c .Header_wapmenu .menu_btn.active p span:nth-child(1) {transform:rotate(45deg);top:8px;}
.h_top_c .Header_wapmenu .menu_btn.active p span:nth-child(3) {transform:rotate(-45deg);top:8px;}
header .h_top.fixed .Header_Nav li a.dhmenu,header .h_top.fixed .h_top_c .Header_content_search,header .h_top.fixed .h_top_c .Header_content_search i,header .h_top.fixed .h_top_c .Header_left .Header_left_logo .t_text span {color:var(--color333);}
header .h_top.fixed .Header_left p span {color:#666666;}
header .h_top.fixed .h_top_c .Header_content_search .lang_i img {filter:none;}
header .h_top.fixed .h_top_c .Header_left .Header_left_logo .t_text {color:var(--colormain1);}
header .h_top:hover .Header_Nav li a.dhmenu,header .h_top:hover .h_top_c .Header_content_search,header .h_top:hover .h_top_c .Header_content_search i,header .h_top:hover .h_top_c .Header_left .Header_left_logo .t_text span {color:var(--color333);}
header .h_top:hover .h_top_c .Header_content_search .lang_i img {filter:none;}
header .h_top:hover .h_top_c .Header_left .Header_left_logo .t_text,header .h_top:hover .Header_Nav li a.dhmenu:hover {color:var(--colormain1);}
header .h_top .Header_Nav li.cur1 a.dhmenu,.Header_Nav li.cur1 a.dhmenu:after {color:var(--colorfff);}
header .h_top.fixed .Header_Nav li.cur a.dhmenu:after,header .h_top:hover .Header_Nav li.cur1 a.dhmenu,header .h_top.fixed .Header_Nav li.cur1 a.dhmenu {color:var(--colormain1);}
.Header_Nav li.cur1 a.dhmenu:after {background:var(--colorfff);}
header .h_top.fixed .Header_Nav li.cur1 a.dhmenu:after,header .h_top:hover .Header_Nav li.cur1 a.dhmenu:after {background:var(--colormain1);}

.search {position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:1250;}
.search .search_bg {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.search .search_bg .search_content {width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;}
.search .search_bg.ona .search_content {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;}
.search .search_content .search_content_top {position:relative;}
.search .search_content .search_content_top .search_close {position:absolute;right:0;top:-50px;color:#fff;font-size:30px;}
.search .search_content .search_content_bottom {display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;}
.search .search_content input[type="search"] {width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;}
.search .search_content input[type="submit"] {width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:var(--colormain1);border:0px;}

/**/
.top-swiper {width:100%;position:relative;}
.top-swiper img {width:100%;position:relative;/*min-height:160px; object-fit: cover;*/}
.top-swiper .swiper-pagination-bullet-active {background: var(--colormain1);}
.top-swiper .swiper-button-next,.top-swiper .swiper-button-prev {color:var(--colorfff);}
.ban {height:150px;-webkit-background-size:cover;background-size: cover;overflow:hidden;background-repeat:no-repeat;background-position: center center;}

.topCon100 {width:100%;margin:0 auto;line-height:20px;}
.index-banner {overflow:hidden!important;position:relative;background:#000;}
.index-banner .swiper-slide {overflow:hidden;}
.index-banner img {width:100%;object-fit:cover;object-position:center;opacity:1;}
.index-banner .swiper-slide-active img {animation:bannerScale 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.index-banner .info {position: absolute;color:#fefefe;top: 0;width: 100%;height: 100%; left: 0; z-index: 1;display: flex;align-items: center;}
.index-banner .info .ifl {display: flex;flex-direction: column;width:50%;line-height:1.6;}
.index-banner .info strong {font-size:2.6rem;}
.index-banner .info b {font-size:2.2rem;font-weight:300;}
.index-banner .info p {padding: 1rem 0 1.5rem; font-size:1rem;color:rgba(255,255,255,.7);}
.index-banner .info .more {position:relative;overflow:hidden;display:block;text-align:center;width:13rem;transition:.5s;height:3.15rem;line-height:3.15rem;border:1px var(--colormain1) solid;background:#107aac;}
.index-banner .info .more p {position:absolute;background:var(--colorfff);width:100%;left:-100%;top:0;height:100%;transition:0.5s;z-index:1;}
.index-banner .info .more:hover p {left:0;}
.index-banner .info .more a {display:flex;justify-content: space-between;padding:0 10%; width:100%;text-align:center;position:absolute;
  z-index:2;transition:0.5s;text-transform: uppercase;color:var(--colorfff);font-size:18px;}
.index-banner .info .more a i {transition: 0.5s ease-out;font-size:26px;}
.index-banner .info .more:hover a {color:var(--colormain1);}
.index-banner .info .more:hover a i{transform: rotate(0deg);}

.l-flex {display:flex;}
.index-banner>.l-container {position:absolute;left:0;right:0;bottom:60px;align-items:center;justify-content: space-between; z-index: 5;}
.index-banner-num {align-items:center;}
.index-banner-num span {width:35px;color:#eee;}
.index-banner-num .bannerHd {width:95px;height:2px;position:relative;background-color:rgba(255,255,255,.6);margin:0 15px 0 0;}
.index-banner-num .bannerHd * {background-color:#fff;}
.index-banner-btn {display:flex;position: relative;}
.index-banner-btn .iPrev, .index-banner-btn .iNext {width: 2.5rem;height: 2.5rem;display: flex;cursor: pointer;align-items: center;justify-content: center;border: solid 1px #9a9a9a;position: relative;overflow: hidden;}
.index-banner-btn .iPrev {margin-right:1rem;}
.index-banner-btn .iPrev:before,.index-banner-btn .iNext:before {content:"";display:block;width:0%;height:108%;background-color:#fff;position:absolute;left:-2px;bottom:-2px;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin:auto;}
.index-banner-btn .iPrev i,.index-banner-btn .iNext i {display:block;color:#9a9a9a;width:20px;overflow:hidden;position:relative;z-index:2;}
.index-banner-btn .iPrev:hover:before,
.index-banner-btn .iNext:hover:before {width: 108%;}
.index-banner-btn .iPrev:hover i,.index-banner-btn .iNext:hover i {fill: #004896;}

.index-banner .ndown {width: 90px;height: 52px;position: absolute;left: 50%;bottom:80px;z-index: 10;cursor: pointer;margin-left: -45px; font-size:14px; color:rgba(255,255,255,0.9); text-align:center;}
.index-banner .ndown span {height: 32px;background: url('../images/i_pic1.png') no-repeat center;background-size: auto 100%; display: block; animation: banner-down 0.6s infinite alternate;-o-animation: banner-down 0.6s infinite alternate;-moz-animation: banner-down 0.6s infinite alternate;-webkit-animation: banner-down 0.6s infinite alternate; margin-bottom:16px;}
@keyframes banner-down {
  0% {margin-top: 0;}
  100% {transform: translate(0%, 10px);}
}

@-webkit-keyframes bannerScale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1);}
  100% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes bannerScale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1);}
  100% {-webkit-transform: scale(1); transform: scale(1);}
}

.ny_Banner{position: relative;margin-top:5rem;}
.ny_Banner:after{position: absolute;top:50%;height:2px;width:15%;left:50%;background:rgba(255,255,255,0);content:' ';transform: translate(-50%, -50%);}
.ny_Banner .banback{position: absolute;content:' '; width: 100%;height: 100%;background:rgba(0,0,0,0);}
.ny_Banner .img img{width: 100%;min-height:180px;/*animation:bannerScale 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/}
.orientation{position: absolute;text-align: center; left:50%; top:45%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: flex;justify-content:center;align-items: center;}
.orientation .banbox{color:var(--colorfff);}
.orientation .banbox .content2{line-height:2;font-weight:500; font-size:2.8rem;text-transform: capitalize;}
.orientation .banbox .content3{line-height:1;font-weight:300; font-size:1.625rem;color:rgba(255,255,255,.4);text-transform:uppercase;}

/*搜索*/
.wraptop_search {width:100%;margin:0 auto;height:55px;overflow:hidden;background:#F7F7F7;}
.wraptop_4 {width:96%;max-width:1500px;margin:0 auto;height:55px;text-align:left;display: flex;justify-content: space-between;}
.wraptop_4_1 {float:left;line-height:55px;}
.wraptop_4_1 span {float:left;width:120px;color:#666666;font-size:14px;font-weight:bold;background:url('../images/keyword.png') no-repeat left center;padding:0 0 0 25px;}
.wraptop_4_1 div {float:left;height:55px;overflow:hidden;}
.wraptop_4_1 div a:link,.wraptop_4_1 div a:visited {color:#666666;margin:0 5px 0 4px;}
.wraptop_4_1 div a:hover,.wraptop_4_1 div a:active {color:#FF0000;margin:0 5px 0 4px;}
.wraptop_4_2 {line-height:55px;padding:0px 0px 0px 10px;}
.wraptop_4_2_1 {float:right;}
.wraptop_4_2_1 .searchinput {width:243px;border:1px solid #CCCCCC;height:35px;line-height:35px;color:#888888;font-size:12px;padding:0 5px;vertical-align:middle;border-radius:8px;}
.wraptop_4_2_2 {float:right;}
.wraptop_4_2_2 input {border:0px solid #000000;font-weight:normal;font-size:12px;color:#FFFFFF;background-color:transparent;width:35px;height:35px;line-height:40px;background:url('../images/search.png') no-repeat left center;cursor:pointer;vertical-align:middle;border-radius:5px;background-size:35px;margin:0 0 0 10px;}

/*message*/
.metitle {margin:30px auto;text-align:center;font-size:32px;line-height:1.6;}
.metitle strong {color:#1E5AD2;}
.metitle p {margin:10px 0 0 0;font-size:20px;color:#999999;}
.message {background-color:#f2f2f2;padding:50px;max-width:1200px;margin:0 auto;}
.message form {overflow:hidden;display:block;margin:-30px 0 0 -60px;}
.message .form-group {float:left;margin:30px 0 0 60px;width:40%;}
.message .form-label {display:block;margin-bottom:10px;font-size:14px;}
.message .form-label span {color:red;}
.message .form-content {border:1px solid #dddddd;border-radius:10px;background-color:#ffffff;padding:10px 15px;}
.message .form-control {border:0;background-color:transparent;width:100%;padding:0;line-height:30px;font-size:14px;display:inline-block;vertical-align:middle;}
.message .form-submit {display:block;margin:0 auto;width:280px;height:54px;color:#ffffff;border:0;border-radius:10px;padding:0;cursor:pointer;outline:none;text-align:center;font-size:18px;letter-spacing:0.05rem;margin-top:45px;background:-moz-linear-gradient(left,#0b84d0 0%,#0a79be 100%);background:-webkit-linear-gradient(left, #0b84d0 0%,#0a79be 100%);background:linear-gradient(to right, #0b84d0 0%,#0a79be 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8681e', endColorstr='#d05c19',GradientType=1 );}
.message .form-group.full {float:none;width:auto;}
.message .form-tips {text-align:center;color:#666666;margin-top:10px;}
.message .form-tips span {color:#ff0000;}
.yzm-box {position:relative;}
.yzm-box .yzm-pic {position:absolute;right:10px;top:10px;height:30px;line-height:30px;}
.yzm-box .yzm-pic img {cursor:pointer;}
.message .form-tips {text-align:center;color:#666666;margin-top:10px;}
.message .form-tips span {color:#ff0000;}

/*联系*/
.page-lx {padding:50px 0; width: 100%;display: flex;justify-content:space-between; }
.page-lx .lx_lo {width:30%;}
.page-lx .lx-tit {line-height:1.6;}
.page-lx .lx-tit strong {font-size: 24px; font-weight: bold; color:var(--colormain1); font-family: Arial; text-transform: uppercase; }
.page-lx .lx-tit p { font-size: 24px; font-weight: normal; color: #333333; }
.page-lx .lx-tit span { margin-top: 10px; display: block; width: 50px; height: 3px; background:var(--colormain1); }
.page-lx .lx-img { margin-top: 50px; display: flex; align-items: center; justify-content: center; }
.page-lx .lx-img img{width: 100%;}
.page-lx .item { padding:20px 35px; width: 100%; min-height: 100%; border-radius: 10px;background: #F6F6F6 url('../images/lx-bg.png') no-repeat right 30px bottom 30px; }
.page-lx .item .tit { width: 170px; line-height: 45px; text-align: center; font-size:22px; font-weight:400; color: #FFFFFF; background:var(--colormain1); border-radius: 8px;}
.page-lx .item .con { margin-top:10px; line-height:1.6; font-size: 16px; color: #666666;}
.page-lx .item .con .p1 {}
.page-lx .item .con .p2 {background:url('../images/index_36.png') no-repeat left center;padding:0 0 0 25px;}
.page-lx .item .con .p3 {background:url('../images/index_37.png') no-repeat left center;padding:0 0 0 25px;color:var(--colormain1);}
.page-lx .item .con .p4 {padding:20px 0;}
.page-lx .item .con .p4 img {width:150px;}

.lx_map {text-align: center;margin:0px 0 80px 0;}
.lx_map .Img {margin-bottom: 50px;}
.lx_map .Img img {width:66px;}
#mapContainer {width: 100%; height:500px;border-radius: 35px;}

.jo_message {width:100%; margin:0 auto;padding:10px 1%;}
.jo_message .tit {text-align: center;text-transform: uppercase;}
.jo_message .tit p {font-size:1.8rem;color:#000000;font-weight:700;line-height:1.5;padding:5px 0;}
.jo_message .tit span {font-size:1.4rem;color:#666666;}
.jo_message form {overflow: hidden;display: block;color:#000000;}
.jo_message .form-group {float: left;margin:50px 5% 0 0%;width:calc((100% - 10%) / 3 );}
.jo_message .form-group.noright{margin-right:0%;}
.jo_message .form-label {display: block;padding-left:2vw; margin-bottom:20px;font-size:22px;font-weight: 500;}
.jo_message .form-label span {color: red;}
.jo_message .form-content {width:96%;margin: 0 auto; border:1px solid #dddddd;background:rgba(255,255,255,.8);padding: 15px 0;border-radius:15px;box-shadow:0 0 15px #eeeeee;overflow: hidden;}
.jo_message .form-control {border: 0;padding-left:2vw;line-height: 30px;font-size: 16px;display: inline-block;vertical-align: middle;}
.jo_message .form-controltx{width: 98%}
.jo_message .form-submit {display:block;border-radius: 35px;background:var(--colormain1);color: #ffffff;border: 0;padding: 0;cursor: pointer;outline: none;height:60px;font-size:20px;width:30%;margin: 0 auto 20px auto;}
.jo_message .form-submit:hover{background:#00529d;}
.jo_message .form-group.full {float: none;width:100%;}
.jo_message .form-tips {text-align: center;color: #666666;margin-top: 10px;}
.jo_message .form-tips span {color: red;}
.yzm-box {position: relative;}
.yzm-box .yzm-pic {position: absolute;right: 10px;top: 10px;height: 30px;line-height: 30px;}
.jo_message .form-tips {text-align: center;color: #666666;margin-top: 10px;}
.jo_message .form-tips span {color: red;}

/*foot*/
.indexBottom {background:var(--colorbg7);width:100%;margin:0 auto;line-height:20px;padding:1.5rem 0;}
/* bottom */
.divBottom {width:100%;line-height:20px;margin-top:10px;padding-top:20px;background:#2e2e2e;}
.divBottom_1 {text-align:center;border:1px solid #E3E1E1;background:#065FA5;font-weight:bold;font-size:14px;line-height:30px;color:#FFFFFF;vertical-align:middle;padding:5px 0px 5px 0px;}
.divBot {display:flex;justify-content:space-between;border-top:0px solid #494949;padding:10px 0;color:#dddddd;flex-wrap:wrap;}
.divBot .bottip {color:#dddddd;font-size:16px;display:block;line-height:40px;padding-bottom:5px;}
.divBot_01 {margin:0 0 20px 0;}
.divBot_01 img {margin-right:10px;}
.divBot_02 {margin:0 10px 20px 10px;}
.divBot_02 .b_person {}
.divBot_02 .b_person:after {border-bottom:2px solid var(--colormain1);content:'';display:block;width:25px;height:10px;}
.divBot_02 .b_tel {padding:10px 0;line-height:30px;}
.divBot_02 .b_tel span {}
.divBot_03 {margin:0 10px 20px 10px;line-height:24px;color:#dddddd;display:flex;}
.divBot_03 p {color:#dddddd;}
.divBot_03 img {max-width:150px;padding:0px 10px 0px 0;}
.divBot_03 p.b_qrcode {}
.divBot_04 {margin:0 0px 0px 10px;line-height:24px;color:#dddddd;}
.divBot_04 .b_person {}
.divBot_04 .b_person:after {border-bottom:2px solid var(--colormain1);content:'';display:block;width:25px;height:10px;}
.divBot_04 .b_tel {padding:10px 0;line-height:30px;}
.divBot_04 .b_tel span {}

.divBot2 {display:flex;justify-content:space-between;border-top:2px solid #494949;padding:20px 0;flex-wrap:wrap;}
.divBot_05 {line-height:30px;}
.divBot_05_2 {}
.divBot_06 {line-height:30px;}
.divBot_06_2 {}
.divBot_05_2 span a,.divBot_06_2 span a {color:#dddddd;padding:0 15px;}
.divBot_05_2 a,.divBot_06_2 a {color:#aaaaaa;padding:0 15px;}

.divBottom_2 {color:#cccccc;padding:10px 0;text-align:center;border-top:2px solid #494949;}
.divBottom_2 a,.divBottom_2 a:link,.divBottom_2 a:visited {color:#cccccc;}
.divBottom_2 .botcopyright {width:100%;text-align:center;padding:10px 0 20px 0;font-size:13px;}
.divBottom_3 {float:left;width:98%;border:1px solid #A7A6A6;padding:10px 0px 10px 0px;}
.btNav {display:flex;width:100%;border-top:2px solid #494949;padding:20px 0;justify-content:center;align-items:center;flex-wrap:wrap;}
.btNav div {line-height:30px;}
.btNav ul div {width:50px;}
.btNav ul li {margin:0px 30px;line-height:30px;}
.btNav ul li a,.btNav a {text-decoration:none;color:#FFFFFF;margin:0px 20px;font-size:15px;}
.botcopyleft  {float:left;}
.botcopyright {float:right;}

.neiye_line,.neiye_line2,.neiye_line3,.neiye_line2Video {float:left;width:100%;border:0px solid #DEDEDE;padding:0px 0px 10px 0px;overflow:hidden;}
.right_1 {margin:0px 0px 0px 0px;}
.right_2 {width:100%;margin:0px auto 20px auto;height:60px;border-bottom:0px solid #eeeeee; /*background:rgba(243,243,243,1);*/}
.right_3 {float:left;font-size:16px;padding-left:20px;height:60px;line-height:60px;background:url('../images/home1.png') no-repeat 0px center;overflow:hidden;}
.right_3 a:link,.right_3 a:visited {color:#666666;}
.left {float:left;width:100%;padding:5px 0;}
.left_1 {float:left;width:100%;background:url('../images/index_05.jpg') no-repeat;}
.left_1 strong,.left_1 h2 {float:left;width:100px;padding-left:10px;font-size:14px;line-height:33px;font-weight:bold;color:#FFFFFF;}
.left_1 span {float:right;line-height:33px;padding-right:15px;}
.left_2 {float:left;width:100%;padding:0px 0px 10px 0px;margin:0px;border:1px solid #ededed;background:#ffffff;}
.left_3 {float:left;width:100%;background-color:#D2D1D1;height:33px;margin-top:0px;}
.left_3_1 {float:left;width:100px;padding-left:10px;font-size:14px;line-height:33px;font-weight:bold;color:#FFFFFF;}
.left_3_1More {float:right;line-height:33px;padding-right:15px;}
.left_4 {float:left;width:100%;padding:0px 0px 10px 0px;margin:0px;border:1px solid #ededed;background:#ffffff;}
.left_6 {float:left;width:100%;padding:0px 0px 10px 0px;margin:0px;border:1px solid #ededed;background:#ffffff;}

.indlLeft {float:left;width:100%;background:#1E5AD2;padding:10px 0 10px 0;}
.indmLeft1 {float:left;width:100%;padding:0 0 10px 0;}
.indmLeft1 h1 {margin-top:20px;text-align:center;font-weight:100;font-size:20px;color:#CCCCCC;}
.indmLeft1 h1 span {font-size:20px;color:#FFFFFF;font-weight:bold;}
.indmLeft1 p {font-size:16px;color:#CCCCCC;text-align:center;line-height:35px;text-transform:uppercase;}
.indmLeft1 p a:link,.indmLeft1 p a:visited {font-size:16px;color:#CCCCCC;}
.indmleft_2 {float:left;width:95%;padding:10px 0px 10px 0px;margin:0 0 0 2%;border:0px solid #ff0000;background:#ffffff;}

.modelLeft {width:95%;background:#ededed;padding:0px 0 10px 0;overflow:hidden;border-top-right-radius:10px;border-top-left-radius:10px;}
.mLeft1 {float:left;width:100%;padding:0 0 0px 0;height:100px;line-height:30px;display:flex;flex-direction:column;background:var(--colormain1);align-items:center;justify-content:center;}
.mLeft1 h5 {text-align:center;font-weight:600;font-size:26px;color:#ffffff;line-height:45px;}
.mLeft1 h5 span {font-size:26px;color:#FFFFFF;font-weight:bold;}
.mLeft1 p {font-size:16px;color:rgba(255,255,255,.6);text-align:center;text-transform:uppercase;}
.mLeft1 p a:link,.mLeft1 p a:visited {font-size:16px;color:#CCCCCC;}
.mLeft2 {float:left;width:100%;padding:0 0 10px 0;background-color:#FFFFFF;}
.mLeft2 h1 {margin-top:20px;text-align:center;font-weight:100;font-size:18px;color:#CCCCCC;padding:0 20px 0 10px;line-height:25px;}
.mLeft2 h1 span {font-size:18px;color:#FFFFFF;font-weight:bold;}
.mLeft2 p {font-size:16px;color:#CCCCCC;text-align:center;line-height:35px;text-transform:uppercase;}
.mLeft2 p a:link,.mLeft2 p a:visited {font-size:16px;color:#CCCCCC;}
.mLeft2 ul {margin:0 auto;width:100%;padding-bottom:20px;border-bottom:1px dashed #CCCCCC;}
.mLeft2 ul li {margin-top:20px;width:100%;height:55px;transition:0.5s;cursor:pointer;}
.mLeft2 ul li a {display:block;float:left;padding-left:15%;width:85%;height:55px;line-height:55px;font-size:16px;color:#000000;}
.mLeft2 ul li:hover {transform:translateX(5px);}
.mLeft2 ul li:hover a {color:#FFFFFF;}
.mLeft3 {float:left;width:95%;padding:10px 0px 10px 0px;margin:0 0 0 2%;border:0px solid #ff0000;background:#ffffff;}
.mLeft3 div {margin:0 auto;padding:10px 0;width:98%;border-bottom:1px dashed #CCCCCC;}
.mLeft3 div p {padding:0 14px;font-size:16px;}
.mLeft4 {float:left;width:95%;padding:10px 0px 10px 0px;margin:0 0 0 2%;border:0px solid #ff0000;background:#ffffff;}
.mLeft4 div {margin:0 auto;width:100%;border-bottom:0px dashed #CCCCCC;}
.mLeft4 div p {text-align:center;font-size:18px;color:#666600;line-height:30px;}
.mLeft4 div h1 {padding-left:10px;font-family:impact;font-size:24px;color:#222222;line-height:40px;}

/* ProCategory */
#masterdiv {float:left;width:100%;margin:0px 0 0 0;}
.menudiv   {float:left;width:100%;margin:0px 0 0 0;}
.menutitle {width:100%;text-align:left;height:55px;line-height:55px;color:#0F5B90;border-bottom:1px #ededed dotted;cursor:pointer;font-size:16px;display:block;overflow:hidden;background:url('../images/mulu1.png') no-repeat 90% center;padding:0 10px 0 20px;margin:0 0px;border-radius:0px;}
.menutitle:hover {background:#1E5AD2 url('../images/mulu2.png') no-repeat 90% center;}
.menutitle:hover a:link,.menutitle:hover a:visited {color:#ffffff;}
.menutitle a:link,.menutitle a:visited {display:block;color:#666666;font-size:16px;}      
.menutitle a:hover,.menutitle a:active {color:#FF0000;font-weight:bold;}
.menutitleSub {width:100%;text-align:left;height:55px;line-height:55px;color:#1E5AD2;cursor:pointer;font-size:16px;display:block;overflow:hidden;background:#e9e9e9 url('../images/mulu3.png') no-repeat 90% center;padding:0 10px 0 20px;margin:0 0px;}
.menutitleSub a,.menutitleSub a:visited {color:#1E5AD2;font-size:16px;font-weight:bold;}
.menutitleSub a:hover {color:#1E5AD2;font-weight:bold;}

.submenu {width:96%;color:#135294;display:block;font-size:14px;padding:5px 0 0px 0;overflow:hidden;margin:0 5px 0px 5px;}
.submenu li.checkstyle {padding:0 0 0 25px;line-height:25px;height:25px;overflow:hidden;background:#FFFFFF url('../images/icon.gif') no-repeat 13px 8px;}
.submenu li.checkstyle a,.submenu li.checkstyle a:visited {color:#333333;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyle a:hover {color:#FF0000;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel {padding-left:25px;line-height:25px;height:25px;overflow:hidden;background:#DDDDDD url('../images/icon.gif') no-repeat 13px 8px;}
.submenu li.checkstyleSel a,.submenu li.checkstyleSel a:visited {color:#0000FF;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkstyleSel a:hover {color:#FF0000;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkThird {padding-left:32px;line-height:25px;height:25px;border-bottom:0px solid #857156;overflow:hidden;background:url('../images/ico10-1.gif') no-repeat 23px center;}
.submenu li.checkThird a,.submenu li.checkThird a:visited {color:#666666;text-decoration:none;font-size:12px;font-weight:normal;}
.submenu li.checkThird a:hover {color:#FF0000;text-decoration:none;font-size:12px;font-weight:normal;}

.news_list {float:left;width:99%;padding:15px 0 15px 1%;}
.news_list dl {font-size:13px;color:#666666;padding:0px 5px;line-height:22px;}
.news_list dl dt {margin-bottom:3px;}
.news_list dl dt a:link,.news_list dl dt a:visited {color:#000000;font-size:14px;text-decoration:none;}
.news_list dl dt a:hover,.news_list dl dt a:active {color:#FF0000;font-size:14px;text-decoration:none;}
.news_list dl .dt_1 {background:url('../images/ico10-1.gif') no-repeat 0px 9px;padding-left:10px;display:block;float:left;text-decoration:underline;}
.news_list dl .dt_1:hover {background:url('../images/ico7-1.gif') no-repeat 0px 9px;}
.news_list dl .dt_2 {font-size:13px;color:#555555;margin:0 20px;}
.news_list dl dd {font-size:13px;color:#888888;padding:0px 10px 0px 10px;overflow:hidden;margin-bottom:20px;}

.news_con {width:100%;padding:20px 0px 0px 0px;}
.news_con dl {display:block;width:100%;margin:10px 0px;transition:0.3s;padding:20px 3%;height:210px;border-bottom:1px solid #EAEAEA;}
.news_con dt {float:left;width:280px;height:168px;}
.news_con dt img {width:100%;height:100%;}
.news_con dd {float:right;width:calc(100% - 320px);height:168px;transition:0.6s;}
.news_con dd strong {display:block;width:100%;height:30px;line-height:30px;font-size:16px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_con dd span {display:block;height:30px;line-height:30px;font-size:14px;color:#999999;}
.news_con dd p {display:block;height:100px;line-height:25px;font-size:14px;color:#333333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_con dd p {display:block; position:relative;transition:all 0.3s ease;overflow:hidden;}
.news_con dd p.line2 {padding:0 100px 0 0;}
.news_con dd p:after {content:'';display:block;position:absolute;right:20px;top:25%;transform:translateY(-50%) rotate(90deg);transition:all 0.5s ease;content:'\e64b';font-family:'iconfont';font-size:2.6rem;}
.news_con dd:hover p:after {right:25px;transform:translateY(-50%) rotate(90deg);color:var(--colormain1);}
.news_con dl:hover {transition:0.3s;box-shadow:0 0 15px rgba(0,0,0,0.2);background:#eeeeee;}
.news_con dl:hover dd {width:calc(100% - 310px);}
.news_con dl:hover dd strong {transition:0.3s;color:var(--colormain1);}

.zx_top {clear:both;text-align:center;border-bottom:1px dashed #D4D4D1;padding:0px 0px 10px 0px;}
.zx_top h2 {color:#555555;font-size:20px;font-weight:bold;padding:10px 20px 0px 20px;line-height:30px;}
.zx_top p {margin-top:10px;color:#333333;}
.zx_top p span {margin-right:10px;}
.img_conter {padding:5px 0;text-align:center;}
.zx_txt {color:#666666;padding:0px 10px 10px 10px;line-height:25px;font-size:13px;}
.zx_txt img {max-width:99%;height:auto !important;}
.zx_txt table {width:99% !important;word-break:break-all;}
.zx_txt iframe {max-width:100%;}

.zx_middle {float:left;width:100%;padding:5px 0 10px 0;}
.zx_from  {float:left;width:70%;}
.zx_from p {margin-top:5px;color:#333333;}
.zx_from p span {margin-right:20px;}
.zx_from2  {float:right;width:30%;text-align:right;}
.zx_from2 p {margin-top:5px;color:#333333;}
.zx_from2 a,.zx_from2 a:visited {color:#333333;margin:0 5px 0 5px;}
.zx_print {float:left;width:100%;height:25px;padding-top:15px;text-align:center;}
.zx_print a,.zx_print a:visited {color:#273843;}

.sxyip {padding:10px 0px 10px 0px;}
.sxyip p {color:#666666;margin:3px 0;}
.sxyip p strong {color:#D50404;}
.sxyip a:link,.sxyip a:visited {color:#666666;font-size:13px;}
.sxyip .gjaz {width:100%;padding:7px 0px 5px 0px;margin:10px 0 10px 0;color:#666666;background:#FFFFFF;border:1px solid #CCCCCC;}
.sxyip .gjaz span {color:#555555;font-size:13px;background:url('../images/tag.jpg') no-repeat 5px center;padding-left:30px;}
.sxyip .gjaz a {margin-right:5px;font-weight:normal;}

.tjdy {margin-top:10px;text-align:center;color:#333333;padding-top:10px;}
.xgxz {float:left;width:100%;border:1px solid #C3C3C0;margin-top:5px;background:#FFFFFF;}
.xgxz h3 {height:30px;line-height:30px;background:#EAEAE8;padding-left:20px;font-size:14px;}
.xgxz2 {width:100%;border-bottom:1px solid #CCCCCC;}
.xgxz2 ul {float:left;width:98%;padding:20px 0px 20px 20px;line-height:22px;margin-top:1px;}
.xgxz2 ul li {float:left;width:48%;background:url('../images/dote.jpg') no-repeat left center;padding-left:10px;}

.details_1 {padding:0px;}
.details_1_6 {width:100%;padding:15px 0px 0px 0px;overflow:hidden;line-height:22px;font-size:12px;color:#666666;}
.details_1_6 p strong {color:#D50404;}
.details_1_6 .gjazP {width:660px;padding:7px 0px 5px 0px;color:#666666;background:#FFFFFF;border:1px solid #CCCCCC;margin-bottom:5px;margin-top:10px;}
.details_1_6 .gjazP span {color:#555555;font-size:13px;background:url('../images/tag.jpg') no-repeat 5px center;padding-left:30px;}
.details_1_6 .gjazP a {margin-right:5px;font-weight:normal;}
.details_1_6 p {color:#666666;}
.details_1_6 span {color:#D50404;}
.details_1_6 a:link,.details_1_6 a:visited {color:#666666;}
.details_1_7 {float:left;width:100%;background:#FFFFFF;border:1px solid #ADA4A4;margin:15px 0px 10px 0px;}
.details_1_7_1 {float:left;width:100%;border-bottom:3px solid #736C6C;}
.details_1_7_2 {float:left;width:90px;height:30px;margin:10px 0px 0px 20px;display:inline;background:#736C6C;color:#FFFFFF;line-height:30px;font-size:14px;font-weight:bold;text-align:center;}
.details_1_8 {float:left;width:100%;padding:15px 0;overflow:hidden;}
.details_1_8 dl {float:left;width:130px;margin:10px 15px 10px 0px;}
.details_1_8 dt {float:left;width:130px;height:100px;text-align:center;border:1px solid #CCCCCC;}
.details_1_8 dt img {width:120px;border:0;}
.details_1_8 dd {float:left;width:130px;text-align:center;height:40px;line-height:40px;}
.details_2 {padding:20px 0px 0px 0px;}
.details_2_1 {padding:0px 20px 10px 20px;color:#4565B5;line-height:35px;text-align:center;}
.details_2_1 h2,.details_2_1 h3 {font-size:22px;font-weight:bold;}
.details_3 {float:left;width:100%;padding-top:0px;}
.details_3_1 {float:left;width:100%;line-height:25px;color:#062851;}

.details_4 {float:left;width:46%;padding:10px 10px;overflow:hidden;border:1px solid #E0E0E0;text-align:center;}
.details_title {width:100%;line-height:35px;padding:10px 0 20px 0;}
.details_title strong {font-size:18px;}
.details_4_img {width:99%;text-align:center;padding:20px 0 0 0;}
.details_5 {float:left;width:50%;overflow:hidden;margin:0 0 0 2%;position:relative;border-left:0px solid #dddddd;}
.details_5 .shortdesc {padding:20px 0px 20px 10px;color:#333333;font-size:14px;word-break:break-all;border-bottom:1px solid #EEEEEE;}
.details_5 .shortdesc strong {}
.details_5 .pd_hotline {padding:35px 0px 30px 10px;word-break:break-all;line-height:30px;}
.details_5 .pd_hotline strong {font-weight:normal;font-size:16px;color:#333333;}
.details_5 .pd_hotline span {font-size:28px;color:var(--colormain1);font-weight:800;}
.details_5 .propar {text-align:center;padding-top:15px;display:inline-block;position:absolute;right:10px;bottom:35px;}
.details_5 .propar a {display:block;width:135px;margin:0 0;height:40px;line-height:40px;text-align:center;color:#FFFFFF;border-radius:8px;background:#0b84d0;font-size:16px;font-weight:bold;text-decoration:none;}
.details_5 .propar a:hover {background:#0a79be;}


#LPdemo {width:96%;overflow:hidden;border:0px solid #666666;padding:10px 10px 0px 10px;margin-left:20px;}
#LPdemo img {text-align:center;padding:5px 5px 0px 5px;overflow:hidden;}
#LPindemo {float:left;width:1000%;}
#LPdemo1 {float:left;}
#LPdemo2 {float:left;}

.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:28px;}
.pagination {text-align:center;}
#pages {padding:30px 0 20px 0;text-align:center;}
#pages a {font-size:13px;display:inline-block;height:28px;line-height:28px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 10px;margin:0 3px 10px 2px;}
#pages a.a1 {padding:0 5px;}
#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}
#pages a.span,#pages span {font-size:13px;display:inline-block;height:28px;line-height:28px;padding:0 10px;background:var(--colorbg8);border:1px solid #666666;color:#ffffff;text-align:center;margin:0 3px 0 3px;}
#pages .noPage {display:inline-block;height:28px;line-height:28px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

.submitTable {width:95%;border:0;}
.submitTable td {height:35px;}
.submitTable img {cursor:pointer;vertical-align:middle;}
.submitTable .intext {height:25px;line-height:25px;border:1px solid #d0d0d0;padding:0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.submitTable .incode {height:24px;line-height:24px;border:1px solid #d0d0d0;padding:0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.submitTable .intextarea {width:90%;height:100px;border:1px solid #d0d0d0;}
.lanyuds {height:30px;font-size:12px;}
.lanyuds2 {height:30px;font-size:13px;color:#00000F;font-weight:bold;}
.InputBorder {width:98%;border:solid 1px #8A8484;padding:2px;font-size:12px;}
.form-txt {font-size:12px;color:#333333;line-height:20px;}
.table01 {table-layout:fixed;border-collapse:collapse;} 
.loginemail {border:1px solid #C0C0C0;background-color:#EBEBEB;font-size:13px;}
.hui666 {color:#666666;font-size:13px !important;line-height:20px;}
.DisplayNone {display:none;}
.DisplayShow {display:block;}
.text02 {font-size:12px;line-height:30px;padding:0px 0px 0px 8px;}
.imgcode {width:60px;height:22px;vertical-align:middle;cursor:pointer;}
.isLogin {color:#0B8202;font-size:12px;}
.Company {clear:both;padding:20px 10px 20px 10px;line-height:24px;font-size:15px;color:#666666;}
.Company p {line-height:24px;font-size:15px;color:#666666;}
.Company img {max-width:99%;height:auto !important;}
.Company table {width:99% !important;word-break:break-all;}
.divAboutUs  {padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:13px;overflow:hidden;}
.divContactUs{padding:10px 10px 10px 10px;line-height:24px;color:#333333;font-size:13px;overflow:hidden;}

.divHonorShow   {float:left;width:31.33%;margin:0 1% 30px 1%;overflow:hidden;}
.divHonorShow_1 {width:100%;height:260px;text-align:center;border:1px solid #CCCCCC;overflow:hidden;}
.divHonorShow_1 img {padding:5px;transition:0.5s;}
.divHonorShow_1 img:hover {transform:scale(1.2,1.2);}
.divHonorShow_2 {text-align:center;height:35px;line-height:35px;}
.divHonorShow_2 a:link,.divHonorShow_2 a:visited {color:#666666;font-size:14px;}
.divHonorShow_2 a:hover,.divHonorShow_2 a:active {color:#FF1100;}
.picContent {clear:both;padding:20px 0px 0px 0px;}
.picList {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.picList li {text-align:center;border:1px solid #dddddd;}
.picList li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.picList li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.picList li .div1 a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,111,39,0); background-size:200px;z-index:2;transition:all 0.3s linear;}
.picList li .div2 {position:relative;text-align:left;background:#ededed;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.picList li .div2 a {display:block;position:relative;line-height:60px;padding:0px 3%;transition:all 0.3s ease;}
.picList li .div2 a:after {display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transition:all 0.5s ease;content:'\e64b';font-family:'iconfont';font-size:1.6rem;}
.picList li:hover {border-color:var(--colormain1);background-color:var(--colormain1);}
.picList li:hover .div1 img {transform:scale(1.1);}
.picList li:hover .div2 {background-color:var(--colormain1);}
.picList li:hover .div1 a:after {transition:all 0.3s linear;background-size:70px;}
.picList li:hover .div2 a:after {right:15px;transform:translateY(-50%) rotate(90deg);color:#ffffff;}
.picList li:hover .div2 a {padding:0 5%;color:#ffffff;}
.picList li.more {width:100%;border:none;position:relative;background:url('../images/pmore.jpg') no-repeat;background-size:cover;}
.picList li.more .gengd {position:absolute;width:9rem;height:3rem;line-height:3rem;text-align:center;border:1px #ffffff solid;transition:.3s;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);}
.picList li.more .gengd p {position:absolute;background:var(--colormain1);width:0;height:100%;transition:0.8s;z-index:1;}
.picList li.more .gengd:hover {border-color:var(--colormain1);}
.picList li.more .gengd:hover p {width:100%;}
.picList li.more .gengd a {display:block;width:100%;position:absolute;color:#ffffff;z-index:5;transition:0.5s;font-size:1rem;}

.case_item  {height:160px;padding:5px 0px 5px 0px;text-align:center;}
.case_item_1 {text-align:center;overflow:hidden;}
.case_item_1 img {text-align:center;padding:3px;border:1px solid #C1C1C1;}
.divHonorImg {text-align:center;padding:5px 5px 5px 5px;overflow:hidden;}

.video,.download,.case {padding:5px 4px 4px 4px;}
.video table,.download table,.case table {width:100%;table-layout:fixed;}
.show_con {overflow:hidden;padding:20px 0px 10px 0px;}
.show_con h3 {text-align:center;font-size:22px;color:#555555;line-height:35px;padding:0px 20px 0px 20px;margin-bottom:6px;}
.info_con_tit {line-height:24px;margin-bottom:0px;border-bottom:1px dashed #E5E5E5;padding-bottom:20px;}
.info_con_tit .n_tit {text-align:center;color:#7E7E7E;}
.info_con_tit span {padding-left:10px;}
.case .picwrap {width:100%;margin:0 auto;padding:5px 0 15px 0;}
.img_01 {float:left;margin:10px 5px 5px 5px;}
.div {text-align:center;}
.div img {max-width:90%;border:0px #666666 solid;margin:0px;cursor:pointer;}
.showPic { }
.pro-miniapp {width:100%;margin:10px 0;padding:10px 0;text-align:center;}
.pro-miniapp img {max-width:99%;height:auto !important;}

/* Download */
.downloadTd6 {padding:12px;word-break:break-all;}
.downloadTd6 a,.downloadTd6 a:link,.downloadTd6 a:visited {margin-right:8px;}
.down_1 {float:left;width:100%;color:#062851;text-align:left;font-size:12px;padding:5px 0px 20px 0px;}
.down_1 ul {float:left;}
.down_1 ul li {float:left;line-height:25px;height:25px;border-bottom:1px dashed #CCCCCC;}
.download_list {float:left;width:100%;text-align:left;}
.download_list .content {float:left;width:100%;padding:20px 0 10px 0px;border-bottom:1px solid #E5E5E5;}
.download_list .content .Dleft {float:left;width:85%;padding:0px 10px 0px 10px;}
.download_list .content .Dleft_1 {float:left;width:35%;min-width:240px;min-height:200px;_height:200px;text-align:center;}
.download_list .content .Dleft_1 img {}
.download_list .content .Dleft_2 {float:left;width:55%;margin:0 0 0 3%;color:#666666;line-height:23px;}
.download_list .content .Dleft_2 a:link,.download_list .content .Dleft_2 a:visited {color:#666666;font-size:15px;font-weight:bold;}
.download_list .content .Dleft_2 p {font-size:13px;padding:10px 0;line-height:25px;}
.download_list .content .Dright {float:right;width:13%;padding:0px 10px 0px 0px;}
.download_list .content .Dright img {margin-top:20px;}

/* Products */
.proContent {clear:both;padding:20px 0px 0px 0px;}
.proList {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.proList li {text-align:center;border:1px solid #dddddd;}
.proList li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.proList li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.proList li .div1 a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,111,39,0); background-size:200px;z-index:2;transition:all 0.3s linear;}
.proList li .div2 {position:relative;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.proList li .div2 a {display:block;position:relative;line-height:60px;padding:0px 3%;transition:all 0.3s ease;}
.proList li .div2 a:after {display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transition:all 0.5s ease;content:'\e64b';font-family:'iconfont';font-size:1.6rem;}
.proList li:hover {border-width:10px;border-color:var(--colormain1);background-color:var(--colormain1);}
.proList li:hover .div1 img {transform:scale(1.1);}
.proList li:hover .div1 a:after {transition:all 0.3s linear;background-size:70px;}
.proList li:hover .div2 a:after {right:15px;transform:translateY(-50%) rotate(90deg);color:#ffffff;}
.proList li:hover .div2 a {padding:0 5%;color:#ffffff;}
.proList li.more {width:100%;border:none;position:relative;background:url('../images/pmore.jpg') no-repeat;background-size:cover;}
.proList li.more .gengd {position:absolute;width:9rem;height:3rem;line-height:3rem;text-align:center;border:1px #ffffff solid;transition:.3s;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);}
.proList li.more .gengd p {position:absolute;background:var(--colormain1);width:0;height:100%;transition:0.8s;z-index:1;}
.proList li.more .gengd:hover {border-color:var(--colormain1);}
.proList li.more .gengd:hover p {width:100%;}
.proList li.more .gengd a {display:block;width:100%;position:absolute;color:#ffffff;z-index:5;transition:0.5s;font-size:1rem;}

.proclass_detail {padding:10px 10px 10px 35px;word-break:break-all;}
.detail_con {float:left;width:100%;border:1px solid #E0E0E0;margin-top:5px;background:#FFFFFF;}
.detail_con h3 {height:35px;line-height:35px;background:var(--colormain1);padding-left:15px;font-size:14px;color:#ffffff;}
.detail_procon {float:left;width:100%;border:1px solid #E0E0E0;margin-top:20px;background:#FFFFFF;}
.detail_procon h3 {height:35px;line-height:35px;background:var(--colormain1);padding-left:15px;font-size:14px;color:#ffffff;}
.detail_content {padding:20px 15px 20px 15px;font-size:13px;}
.detail_content img {max-width:99%;height:auto !important;}
.detail_content table {width:99% !important;word-break:break-all;}
.detail_content iframe {max-width:100%;}
.protype {margin:0px 0 20px 0;}
.protype li {margin:0 10px 10px 0;}
.protype li:last-child {margin:0 0px 0 0;}
.protype li a:link,.protype li a:visited {display:inline-block;height:35px;line-height:32px;padding:0px 8px;background-color:#ffffff;color:#666666;border:1px solid #cccccc;}
.protype li a:hover,.protype li a:active {background-color:var(--colormain1);color:#ffffff;}
.protype li a.on {background-color:var(--colormain1);color:#ffffff;}

/*上下页*/
.detail_two {display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;width:100%;border-top:1px solid #e5e5e5; padding:20px 0;text-align:center;}
.detail_two div {margin:10px 0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.detail_two .divprev {width:42%;text-align:left;}
.detail_two .divback {width:16%;}
.detail_two .divnext {width:42%;text-align:left;}
.detail_two .inline-block {display:inline-block;zoom:1;vertical-align:top;}
.detail_two .back {vertical-align:middle;background:var(--colormain1);color:#ffffff;padding:0.8rem 1.6rem;border-radius:15px;}
.detail_two .dpaging {line-height:1;vertical-align:middle;color:#666666;border:1px solid #e5e5e5;border-radius:15px;padding:0.8rem 1rem;}
.detail_two .dpaging:hover {color:var(--colormain1);border-color:var(--colormain1);}

/* job */
.joblist {}
.joblist .table .thead {width:100%;display:flex;align-items:center;height:50px;background-color:rgba(189, 188, 188,0.1);border-bottom:1px solid #cccccc;border-bottom-color:rgba(205, 206, 207, 0.5);border-top:3px solid var(--colormain1);}
.joblist .table .tbody {font-weight:lighter;}
.joblist .tbody .tr,.joblist .thead .tr {width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:bolder;text-align:center;}
.joblist .tbody .tr {line-height:30px;border-bottom:1px solid #cccccc;border-bottom-color:rgba(205, 206, 207, 0.5);padding:10px 0;cursor:pointer;}
.joblist .tbody .tr:hover {background-color:rgba(189, 188, 188,0.1);}
.joblist .tbody .tr_content {padding:40px 50px;text-align:left;background-color:rgba(189, 188, 188,0.1);display:none;} 
.joblist .tbody .tr_content .td {line-height:2;}
.joblist .tbody .tr_content .td_contact {padding:30px 0 20px 0;display:inline-block;}
.joblist .tbody .tr_content .td_contact a {display:block;width:135px;margin:0 0;height:40px;line-height:40px;text-align:center;color:#FFFFFF;border-radius:15px;background:#0b84d0;font-size:16px;font-weight:bold;text-decoration:none;}
.joblist .tbody .tr_content .td_contact a:hover {background:#0a79be;}
.joblist .tr .td,.joblist .tr .th {flex:1;}
.joblist .tr .edit {flex:1;cursor:pointer;color:#FF7002;}
.joblist .thead .tr .edit {display:flex;justify-content:center;cursor:none;color:#000000;}
.jobcontent {width:100%; padding:20px 0 50px 0;background:#e8f3ff;background-image:-webkit-gradient(linear, left top, left bottom, from(#e8f3ff), to(#d8ecff));background-image:-webkit-linear-gradient(top, #e8f3ff, #d8ecff);background-image:-moz-linear-gradient(top, #e8f3ff, #d8ecff);background-image:-o-linear-gradient(top, #e8f3ff, #d8ecff);background-image:-ms-linear-gradient(top, #e8f3ff, #d8ecff);background-image:linear-gradient(top, #e8f3ff, #d8ecff);}
.jobcontent .jobtop {padding:20px 0 40px 0;text-align:center;}
.jobcontent .jobtop strong {font-size:2rem;}
.jobcontent .jobcenter {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap; }
.jobcontent .jobcenter_1 {width:48%;background:#ffffff;padding:30px 3%;}
.jobcontent .jobcenter_2 {width:48%;background:#ffffff;padding:30px 3%;margin-left:4%;}
.jobcontact_1 {padding:30px 0 0 0;}
.jobcontact_2 {margin:0 20% 0 10%;}
.jobcontact_2 p:nth-child(1) {padding:10px 0;font-size:18px;}
.jobcontact_2 p:nth-child(2) {padding:10px 0;}
.jobcontact_2 p:nth-child(3) {color:#666666;}
.jobcontact_2 p:nth-child(4) {padding:10px 0;color:var(--colormain1)}
.jobcontact_3 {}
.jobcontact_3 p {text-align:center;color:#666666;line-height:1.2;font-size:0.9rem;}
.jobcontact_3 img {width:130px;padding:0 0 10px 0;}

/* 报价 */
.quoteProducts {padding:20px 0 20px 0;}
.quoteProducts .quotetop {padding:20px 0 40px 0;text-align:center;}
.quoteProducts .quotetop strong {font-size:2rem;}
.quoteProTop {display: flex;justify-content: space-between;align-items:center;flex-wrap:wrap}
.quoteProTop_2 {width:100%;}
.quoteProTop_2 li {margin:0 0px 0 0;}
.quoteProTop_2 li:last-child {margin:0 0px 0 0;}
.quoteProTop_2 li a:link,.quoteProTop_2 li a:visited {display:inline-block;padding:10px 10px;border:1px solid #eeeeee;color:#666666}
.quoteProTop_2 li a:hover,.quoteProTop_2 li a:active {background:var(--colormain1);color:#ffffff;}
.quoteProTop_2 li.on a {background:var(--colormain1);color:#ffffff;}
.quoteProTop_3 {width:100%;border:1px solid #eeeeee;}
.quoteProTop_3_1 {width:100%;}
.quoteProTop_3_2 {width:100%;clear:both;border-bottom:1px solid #eeeeee;}
.quoteProTop_2so {width:100%;}
.quoteProTop_2so li {margin:0 0px 0 0;}
.quoteProTop_2so li:last-child {margin:0 0px 0 0;}
.quoteProTop_2so li a:link,.quoteProTop_2so li a:visited {display:inline-block;padding:10px 10px;border:1px solid #eeeeee;color:#666666}
.quoteProTop_2so li a:hover,.quoteProTop_2so li a:active {}
.quoteProTop_2so li.on a {background:var(--colormain1);color:#ffffff;}
.quote_left {float:left;padding:10px 20px 10px 20px;line-height:30px;}
.quote_left li {float:left;}
.quote_right {float:left;padding:10px 20px 10px 20px;line-height:30px;}
.quote_right li {float:left;margin:0 20px 0 0;}
.quote_right li a {color:#999999;}
.quote_right li a.on {color:var(--colormain1);font-weight:500;}
.quote_right2 {float:left;padding:10px 20px 10px 20px;line-height:30px;}
.quote_right2 li {float:left;margin:0 20px 0 0;}
.quote_right2 li a {color:#999999;}
.quote_right2 li a.on {color:var(--colormain1);font-weight:500;}

.quoteProList {}
.quoteContent {clear:both;padding:20px 0px 0px 0px;}
.quoteList {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.quoteList li {text-align:center;border:1px solid #dddddd;}
.quoteList li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.quoteList li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.quoteList li .div1 a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,111,39,0); background-size:200px;z-index:2;transition:all 0.3s linear;}
.quoteList li .div2 {position:relative;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.quoteList li .div2 a {display:block;position:relative;line-height:60px;padding:0px 3%;transition:all 0.3s ease;}
.quoteList li .div2 a:after {display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transition:all 0.5s ease;content:'\e64b';font-family:'iconfont';font-size:1.6rem;}
.quoteList li:hover {border-width:10px;border-color:var(--colormain1);background-color:var(--colormain1);}
.quoteList li:hover .div1 img {transform:scale(1.1);}
.quoteList li:hover .div1 a:after {transition:all 0.3s linear;background-size:70px;}
.quoteList li:hover .div2 a:after {right:10px;transform:translateY(-50%) rotate(90deg);color:#ffffff;}
.quoteList li:hover .div2 a {padding:0 5%;color:#ffffff;}

/* cnc */
.cncProducts {padding:20px 0 20px 0;}
.cnctop {padding:20px 0 40px 0;text-align:center;}
.cnctop strong {font-size:2rem;}
.cncProTop {display: flex;justify-content: space-between;align-items:center;flex-wrap:wrap}
.cncProTop_2 {width:100%;}
.cncProTop_2 li {margin:0 0px 0 0;}
.cncProTop_2 li:last-child {margin:0 0px 0 0;}
.cncProTop_2 li a:link,.cncProTop_2 li a:visited {display:inline-block;padding:10px 10px;}
.cncProTop_2 li a:hover,.cncProTop_2 li a:active {color:#666666;}
.cncProTop_2 li.on a {border-bottom:5px solid var(--colormain1);color:var(--colormain1);}
.cncProTop_3 {width:100%;border:1px solid #eeeeee;}
.cncProTop_3_1 {width:100%;}
.cncProTop_3_2 {width:100%;clear:both;border-bottom:1px solid #eeeeee;}
.cncProList {}
.cncContent {clear:both;padding:20px 0px 0px 0px;}
.cncList {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.cncList li {text-align:center;border:1px solid #dddddd;}
.cncList li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.cncList li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.cncList li .div1 a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,111,39,0); background-size:200px;z-index:2;transition:all 0.3s linear;}
.cncList li .div2 {position:relative;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cncList li .div2 a {display:block;position:relative;line-height:60px;padding:0px 3%;transition:all 0.3s ease;}
.cncList li .div2 a:after {display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);transition:all 0.5s ease;content:'\e64b';font-family:'iconfont';font-size:1.6rem;}
.cncList li:hover {border-width:10px;border-color:var(--colormain1);background-color:var(--colormain1);}
.cncList li:hover .div1 img {transform:scale(1.1);}
.cncList li:hover .div1 a:after {transition:all 0.3s linear;background-size:70px;}
.cncList li:hover .div2 a:after {right:10px;transform:translateY(-50%) rotate(90deg);color:#ffffff;}
.cncList li:hover .div2 a {padding:0 5%;color:#ffffff;}

.cncProcessing {width:100%;margin:20px 0;background:#f5f5f5;min-height:400px;}
.cncProcessing .cnctop {padding:40px 0 20px 0;}
.cncContent2 {clear:both;padding:0px 0px 20px 0px;}
.cncList2 {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(5, 1fr);gap:30px 20px;}
.cncList2 li {text-align:center;border:1px solid #dddddd;}
.cncList2 li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.cncList2 li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.cncList2 li .div2 {text-align:center;background:#ededed;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.cncList2 li .div2 a {display:block;line-height:40px;padding:0px 3%;transition:all 0.3s ease;}
.cncList2 li:hover {background-color:var(--colormain1);}
.cncList2 li:hover .div1 img {transform:scale(1.1);}
.cncList2 li:hover .div2 {background-color:var(--colormain1);}
.cncList2 li:hover .div2 a {padding:0 5%;color:#ffffff;}

.cncService {padding:20px 0 0px 0;}
.cncContent3 {clear:both;padding:0px 0px 20px 0px;}
.cncList3 {margin:0px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 20px;}
.cncList3 li {background:#f5f5f5;padding:20px 10px;}
.cncList3 li .div1 {text-align:center;overflow:hidden;position:relative;width:100%;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.cncList3 li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.cncList3 li .div2 div {padding:10px 0;font-size:1.3rem;text-align:center;}
.cncList3 li .div2 p {font-size:1.1rem;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.cncList3 li .div2 a {display:block;line-height:40px;padding:0px 3%;transition:all 0.3s ease;}
.cncList3 li:hover {background:var(--colormain1);}
.cncList3 li:hover .div1 img {transform:scale(1.1);filter:grayscale(1) brightness(100);}
.cncList3 li:hover .div2 {color:#ffffff;}
.cncContent4 {clear:both;padding:0px 0px 20px 0px;}
.cncList4 {margin:0px 0 2rem 0;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 20px;}
.cncList4 li {background:#f5f5f5;padding:20px 10px;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.cncList4 li .div1 {text-align:center;overflow:hidden;width:18%;}
.cncList4 li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.cncList4 li .div2 {width:82%}
.cncList4 li .div2 p {font-size:1.1rem;text-align:left;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.cncList4 li:hover {background:var(--colormain1);}
.cncList4 li:hover .div1 img {transform:scale(1.1);filter:grayscale(1) brightness(100);}
.cncList4 li:hover .div2 {color:#ffffff;}

/* 搜索 */
.sr_lists {float:left;width:98%;padding:10px 1% 15px 1%;}
.sr_lists .sword {padding:0 0 10px 0;font-size:14px;}
.sr_lists .sword strong {font-weight:normal;}
.sr_lists .sword .red {font-weight:bold;}
.sr_lists .c {text-align:left;}
.sr_lists .c ul {margin:10px;}
.sr_lists .c li {float:left;width:100%;border-bottom:1px dashed #CCCCCC;color:#666666;}
.sr_lists .c li div {margin-top:20px;}
.sr_lists .c li div p {line-height:24px;margin-top:10px;font-size:14px;color:#999999;}
.sr_lists .c li div.adds {font-size:13px;margin:10px 4px;color:#666666;}
.sr_lists .c li a {font-size:16px;color:#666666;}
.sr_lists .c li a img {border:1px solid #ADCBE9;padding:2px;background:#FFFFFF;margin-right:10px;text-align:center;}
.sr_lists .c li a:hover img {background:#efefef;}
.sr_lists .c li a.small_pic {float:left;width:260px;display:inline-block;text-align:center;padding:0 0 10px 0;}
.sr_lists .c .a2 {margin:10px;}

.blue,.blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a {color:#004499;}
.main .col-left  {width:700px;margin-right:20px;}
.main .col-left2 {width:980px;margin-right:10px;}
.main .col-left3 {width:800px;margin-right:15px;}
.main .col-right3 {width:380px;}
.crumbs {background:url('../images/web_img/icon.png') no-repeat left -34px;padding:3px 0 3px 18px;border-bottom:1px solid #c3d4e7;margin-bottom:10px;}
.crumbs span {color:#7e7e7e;}
.tagspoint {padding:10px 0;}
.tagslist {}
.tagslist li {border-bottom:1px dashed #CCCCCC;margin:10px 0;padding:0 0 20px 0;color:#666666;}

/*关于*/
.nyabout {margin:30px 0;width:100%;display:flex;justify-content:space-between;}
.nyabout .nyabout_txt {width:56%;}
.nyabout .nyabout_txt .tit {color:#333333;font-weight:normal;line-height:1;border-bottom:1px solid #e0dcdc;font-size:28px;padding-bottom:20px;display:block;}
.nyabout .nyabout_img {width:40%;}
.nyabout .nyabout_img img {width:100%;}
.nyaboutcul {padding:40px 0px;}
.nyaboutcul .tit {color:#333333;text-align:center;font-weight:normal;line-height:1;border-bottom:0px solid #e0dcdc;font-size:28px;padding-bottom:20px;display:block;}
.nyaboutcul h3,.nyaboutcul > b {font-size:24px;font-weight:normal;background:url('../images/pc_abouticon06.jpg') no-repeat center bottom;line-height:1;padding-bottom:15px;margin-bottom:15px;text-align:center;display:block;}
.nyaboutcul ul {padding-top:20px;margin-left:-9.35714%;}
.nyaboutcul ul li {float:left;width:24.75506%;margin-left:8.5565%;position:relative;overflow:hidden;}
.nyaboutcul ul li .nyaboutculpic {overflow:hidden;}
.nyaboutcul ul li h4,.nyaboutcul ul li b {font-size:18px;line-height:1;padding:15px 0px;font-weight:normal;position:absolute;left:0px;bottom:0px;text-align:center;color:#ffffff;width:100%;-o-transition:bottom 0.5s 0.1s;-webkit-transition:bottom 0.5s 0.1s;-moz-transition:bottom 0.5s 0.1s;-ms-transition:bottom 0.5s 0.1s;transition:bottom 0.5s 0.1s;display:block;}
.nyaboutcul ul li span {position:absolute;display:block;left:0px;width:100%;bottom:-48px;background:rgba(0,0,0,0.5);color:#ffffff;text-align:center;font-size:12px;padding:10px 0px;-o-transition:bottom 0.5s 0.1s;-webkit-transition:bottom 0.5s 0.1s;-moz-transition:bottom 0.5s 0.1s;-ms-transition:bottom 0.5s 0.1s;transition:bottom 0.5s 0.1s;line-height:1;}
.nyaboutcul ul li:hover h4,.nyaboutcul ul li:hover b {bottom:-48px;}
.nyaboutcul ul li:hover span {bottom:0px;}
.aboutProducts {padding:20px 0 20px 0;}
.aboutProducts .abouttop {padding:20px 0 20px 0;text-align:center;}
.aboutProducts .abouttop strong {font-size:2rem;}

.aboutCulture {clear:both;padding:0px 0px 0px 0px;}
.aboutCulList {}
.aboutCulList li {float:left;}
.aboutCulList li.li1 {width:31.3333%;margin:0 0 0 3%;}
.aboutCulList li.li1:first-child {margin:0 0 0 0;}
.aboutCulList li.li1 .div1 {width:100%;height:auto;min-height:200px;color:#ffffff;cursor:pointer;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;line-height:2;padding:12% 10px 0 10px;}
.aboutCulList li.li1 .div1 img {display:block;width:100%;height:auto;}
.aboutCulList li.li1 .div1 .h-title {font-size:1.4rem;font-weight:bolder;}
.aboutCulList li.li1 .div1 .config-title {font-size:1.1rem;}
.aboutCulList li.li1 .div1:hover img {opacity:0.2;}
.aboutCulList li.li1 .div1:hover {background-image:none!important;background-color:var(--colormain1);opacity:0.8;}
.aboutCulList li.li2 {width:48%;margin:20px 0 0 4%;}
.aboutCulList li.li2:first-child {margin:20px 0 0 0;}
.aboutCulList li.li2 .div2 {position:relative;display:inline-block;color:#ffffff;cursor:pointer;text-align:center;}
.aboutCulList li.li2 .div2 img {display:block;width:100%;height:auto;}
.aboutCulList li.li2 .div2 .h-title {position:absolute;top:28%;left:25%;font-size:1.4rem;font-weight:bolder;color:#ffffff;}
.aboutCulList li.li2 .div2 .config-title {position:absolute;top:50%;left:25%;font-size:1.1rem;}
.aboutCulList li.li2 .div2:hover img {opacity:0.1;}
.aboutCulList li.li2 .div2:hover {background-color:var(--colormain1);}

.aboutContent {clear:both;padding:0px 0px 0px 0px;}
.aboutList {margin:0px 0 1.5rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.aboutList li {text-align:center;border:1px solid #dddddd;}
.aboutList li .div1 {overflow:hidden;position:relative;width:100%;background:#ffffff;display:flex;justify-content:center;align-items:center;gap:10px 20px;}
.aboutList li .div1 img {width:100%;height:100%;transition:all 0.3s linear;}
.aboutList li .div1 a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(253,111,39,0); background-size:200px;z-index:2;transition:all 0.3s linear;}
.aboutList li:hover {border-color:var(--colormain1);background-color:var(--colormain1);}
.aboutList li:hover .div1 img {transform:scale(1.1);}
.aboutList li:hover .div1 a:after {transition:all 0.3s linear;background-size:70px;}
.about_more {width:100%;margin:0 auto;}
.about_more .about_more_1 {padding:0px 0 20px 0;text-align:center}
.about_more .about_more_1 a {display:inline-block;padding:0px 30px;height:40px;line-height:40px;text-align:center;color:#FFFFFF;border-radius:25px;background:#0b84d0;font-size:15px;font-weight:bold;text-decoration:none;}
.about_more .about_more_1 a:hover {background:#0a79be;}


/* 首页 */
.indexProducts {padding:50px 0 20px 0;}
.indexProTop {display: flex;justify-content: space-between;align-items:center;flex-wrap:wrap}
.indexProTop_1 {}
.indexProTop_2 {}
.indexProTop_2 li {margin:0 10px 0 0;}
.indexProTop_2 li:last-child {margin:0 0px 0 0;}
.indexProTop_2 li a:link,.indexProTop_2 li a:visited {}
.indexProTop_2 li a:hover,.indexProTop_2 li a:active {border-bottom:2px solid var(--colormain1);}

.indexProTop_3 {height:30px; line-height:30px;background:url('../images/index_20.png') no-repeat left center;}
.indexProTop_3 span {padding:0 0 0 35px;}
.indexProTop_4 {margin:10px 0 0 0;}
.indexProTop_4 span {font-weight:700;font-size:1.3rem}

.indexProList {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.indexProList_1 {padding:2rem 0;}
.indexProList_1 .ProList_ul {margin:10px 0 2rem 0;display:grid;grid-template-columns:repeat(4, 1fr);gap:30px 30px;}
.indexProList_1 .proflex2  {display:flex;justify-content:space-between;flex-wrap:wrap;display:-webkit-flex;}
.indexProList_1 .proflexd2 {display:flex;justify-content:space-between;flex-wrap:wrap;}
.indexProList_1 li {width:23.3333%;margin:0 0 15px 0;text-align:center;border:1px #dddddd solid;}
.indexProList_1 li .div1 {overflow:hidden; position:relative;background:#ffffff;width: 100%;display: flex;justify-content: center;align-items: center;}
.indexProList_1 li .div1 img {width:100%;transition: all 0.3s linear;}
.indexProList_1 li .div1 a:after { content:''; display: block; position: absolute; top: 0;left:0; width: 100%; height: 100%;background:rgba(253,111,39,0); background-size: 200px; z-index: 2; transition: all 0.3s linear;}
.indexProList_1 li .div2 {position:relative;text-align:left; }
.indexProList_1 li .div2 a { display:block; position:relative; font-size:16px; line-height:60px;padding:0px 3%;transition:all 0.3s ease;overflow:hidden}
.indexProList_1 li .div2 a:after {content:''; display:block; position:absolute;}
.indexProList_1 li .div2 a:after {right:10px; top:50%;transform: translateY(-50%) rotate(90deg); transition:all 0.5s ease;content:'\e64b'; font-family: 'iconfont'; font-size:1.6rem;}
.indexProList_1 li:hover {border-color: var(--colormain1);}
.indexProList_1 li:hover .div1 img {transform: scale(1.1);}
.indexProList_1 li:hover .div1 a:after {transition: all 0.3s linear; background-size:70px;background:rgba(253,111,39,.6);}
.indexProList_1 li:hover .div2 a:after {right:15px;transform: translateY(-50%) rotate(90deg);color: var(--colormain1);}
.indexProList_1 li:hover .div2 a {padding:0 5%;}
.indexProList_1 li.more {width: 100%;border:none;position: relative;background:url('../images/pmore.jpg') no-repeat;background-size: cover;}
.indexProList_1 li.more .gengd {position:absolute;width:9rem;height:3rem;line-height:3rem;text-align: center;border:1px #fff solid;transition:.3s;overflow:hidden;left:50%;top:50%;transform: translate(-50%,-50%);}
.indexProList_1 li.more .gengd p {position:absolute;background:var(--colormain1);width:0;height:100%;transition:0.8s;z-index:1;}
.indexProList_1 li.more .gengd:hover {border-color:var(--colormain1);}
.indexProList_1 li.more .gengd:hover p {width: 100%;}
.indexProList_1 li.more .gengd a {display:block;width:100%;position:absolute;color:#ffffff;z-index:5;transition:0.5s;font-size: 1rem;}

/*
.pbox {position: relative;margin-top:15px;}
.pbox .tab1 {position: absolute;left: 0;top: 0;z-index: 9;right: 0;}
.pbox .tab1 {opacity: 0;visibility: hidden;transition: all 0.5s ease;}
.pbox .tab1.on {position: static;opacity: 1;visibility: visible;}
.plist li {width: 23.46%;margin-bottom: 25px;}
.plist li a {display: block;}
.plist li .img img {display: block;width: 100%;}
.plist li h3 a {color: #333333;line-height: 60px;font-weight: normal;text-align: center;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.plist li:hover h3 a {color: #00a0dd;}
*/
.com-img {display: inline;overflow: hidden;margin: 0 auto;display: table;}
.com-img img {transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;}
.com-img:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.indexBuyStep {padding:20px 0;background-image: url('../images/index_23.jpg');background-size: cover;background-position: center;}
.indexBuyStep_1 {padding:20px 0;}
.indexBuyStep_1 h1 {color:#ffffff;}
.flex-box {display: flex !important;flex-wrap:wrap}
.step-box {font-size: 0;text-align: justify;width: 100%;margin-top:60px;}
.step-box .item {position: relative;display: inline-block;width: 16.6666%;text-align: center;margin:0 0 20px 0;}
.step-box .item:last-child {}
.step-box .item > i {display: inline-block;width: 126px;height: 126px;}
.step-box .item .text {margin-top: 7px;font-size: 16px;color:#ffffff;}
.step-box .item .text .title {font-size: 18px;}
.step-box .item .line {position: absolute;left: 84%;top: 65px;width: 60px;border-top: 1px dashed #ffffff;}
.icon1 {background: url('../images/icon_s1.png');}
.icon2 {background: url('../images/icon_s2.png');}
.icon3 {background: url('../images/icon_s3.png');}
.icon4 {background: url('../images/icon_s4.png');}
.icon5 {background: url('../images/icon_s5.png');}
.icon6 {background: url('../images/icon_s6.png');}
.hrefBtn, .w160 {width: 160px}
a.hrefBtn {color: var(--colormain1);font-size:15px;}
.hrefBtn {display: inline-block;height: 36px;line-height: 36px;text-align: center;padding: 0;color:var(--colormain1);background: #ffffff;border-radius: 15px}
.hrefBtn:hover {color:#ffffff;background-color: #5eafff;}

.indaboutbg {width: 100%;}
.indexAboutTop {}
.indexAboutTop_1 {height:30px; line-height:30px;background:url('../images/index_20.png') no-repeat left center;}
.indexAboutTop_1 span {padding:0 0 0 35px;}
.indabout {margin:30px 0;width:100%;display:flex;justify-content:space-between;align-items: center;}
.indabout .indabout_txt {width:46%;}
.indabout .indabout_txt .tit {margin:0.2rem 0 1rem 0; position: relative;padding:0 0; color:#333333;font-weight:600;line-height:1.5;font-size:1.5rem;padding-bottom:20px;display:block;}
.indabout .indabout_txt .tit::after {position: absolute;content:' '; bottom:0;left:0;width: 10%;height:5px;background:var(--colormain1);}
.indabout .indabout_txt .tit2 {width: 100%;font-weight: 600;}
.indabout .indabout_txt .txtx {clear: both; margin:20px 0px 20px 0px;line-height:1.8;font-size:14px; color: #666666;}
.indabout .indabout_txt .txtx p {text-indent: 2em;}
.indabout .indabout_img {width:50%;}
.indabout .indabout_img img {width:100%;}
.indabout .more {position:relative;overflow:hidden;display:block;text-align:center;width:13.7rem;transition:.5s;height:3.15rem;line-height:3.15rem;border:1px var(--colormain1) solid;}
.indabout .more p {position:absolute;background:var(--colormain1);width:100%;left:-100%;top:0;height:100%;transition:0.5s;z-index:1;}
.indabout .more:hover p {left:0;}
.indabout .more a {display:flex;justify-content: space-between;padding:0 10%; width:100%;text-align:center;position:absolute;z-index:2;transition:0.5s;text-transform: uppercase;color:var(--colormain1);}
.indabout .more a i {transform: rotate(-45deg);transition: 0.5s ease-out;}
.indabout .more:hover a {color:#ffffff;}
.indabout .more:hover a i {transform: rotate(0deg);}
.indabout .about_sub {display:flex;}
.indabout .about_sub .item {position: relative;display: inline-block;width: 24.9999%;text-align: center;margin:0 0 20px 0;}
.indabout .about_sub .item:last-child {}
.indabout .about_sub .item > i {display: inline-block;width: 52px;height: 52px;}
.indabout .about_sub .item .text {margin-top: 7px;font-size: 16px;color:#ffffff;}
.indabout .about_sub .item .text .title {font-size: 18px;}
.indabout .about_sub .item .line {position: absolute;left: 94%;top: 20px;height: 20px;border: 1px solid #dddddd;}
.indabout .about_sub .item:last-child .line {border: 0px solid #cccccc;}
.indabout_txt .iab_tit {}
.indabout_txt .iab_tit span {font-family: 'Arial'; font-size:3.5rem;line-height:4rem; color: transparent; -webkit-text-stroke:0.3px #e8e8e8;font-weight:bold;text-transform : uppercase}
.indabout_txt .iab_tit p {color:#333333; font-size:1.5rem;letter-spacing:0px;font-weight:bold;margin-top:-3.2rem;}
.indabout_txt .iab_tit font {margin:20px auto 0; display:block; line-height:25px; font-size:1.5rem;color:#999;}
.indabout .about_sub .item:hover i {opacity:1;}
.indabout .about_sub .item:hover a {color:var(--colormain1);font-weight:bolder;}
.abouticon1 {background: url('../images/index_24.png');opacity:0.7;}
.abouticon2 {background: url('../images/index_25.png');opacity:0.7;}
.abouticon3 {background: url('../images/index_26.png');opacity:0.7;}
.abouticon4 {background: url('../images/index_27.png');opacity:0.7;}
.abouticon5 {background: url('../images/index_24.png');opacity:0.7;}
.abouticon6 {background: url('../images/index_25.png');opacity:0.7;}

.honorContent {padding:40px 0;position:relative;width:100%;overflow:hidden;}
.honorContent .swiper {width:90%;margin:0 auto;}
.honorContent .swiper-slide {}
.honorContent .swiper-slide a {display:block;text-align:center;}
.honorContent .item {position:relative;width:98%;box-sizing:border-box;transition:all .2s linear;}
.honorContent .item:before {}
.honorContent .item .Imgg {position:relative;width:100%;z-index:2;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.honorContent .item .Imgg img {max-width:90%;max-height:100%;transition:all .2s linear;}
.honorContent .item:hover img {transform:scale(1.05);}
.honorContent .item .tit {width:100%;height:3rem;line-height:3rem;font-size:1rem;background:#ededed;color:#615B5B;position:relative;z-index:1;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;}
.honorContent .item:hover .tit {background:var(--colormain1);}
.honorContent .item:hover .tit span {color:#ffffff;}
.honorContent .pornext,.honorContent .porprev {position:absolute;right:0px;background:rgba(0,0,0,.4);width:50px;height:50px;border-radius:10px;}
.honorContent .porprev {left:0px;}
.honorContent .swiper-button-next,.honorContent .swiper-button-prev {color:#ffffff;}
.honorContent .swiper-button-next:hover,.honorContent .swiper-button-prev:hover {background:var(--colormain1);color:var(--colorfff);}
.honorContent .swiper-button-next:after,.honorContent .swiper-button-prev:after {font-size:1.125rem;}

.workshopContent {padding:40px 0;position:relative;width:100%;overflow:hidden;}
.workshopContent .swiper {width:90%;margin:0 auto;}
.workshopContent .swiper-slide {}
.workshopContent .swiper-slide a {display:block;text-align:center;}
.workshopContent .item {position:relative;width:98%;box-sizing:border-box;transition:all .2s linear;}
.workshopContent .item:before {}
.workshopContent .item .Imgg {position:relative;width:100%;z-index:2;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.workshopContent .item .Imgg img {max-width:90%;max-height:100%;transition:all .2s linear;}
.workshopContent .item:hover img {transform:scale(1.05);}
.workshopContent .item .tit {width:100%;height:3rem;line-height:3rem;font-size:1rem;background:#ededed;color:#615B5B;position:relative;z-index:1;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;}
.workshopContent .item:hover .tit {background:var(--colormain1);}
.workshopContent .item:hover .tit span {color:#ffffff;}
.workshopContent .pornext,.workshopContent .porprev {position:absolute;right:0px;background:rgba(0,0,0,.4);width:50px;height:50px;border-radius:10px;}
.workshopContent .porprev {left:0px;}
.workshopContent .swiper-button-next,.workshopContent .swiper-button-prev {color:#ffffff;}
.workshopContent .swiper-button-next:hover,.workshopContent .swiper-button-prev:hover {background:var(--colormain1);color:var(--colorfff);}
.workshopContent .swiper-button-next:after,.workshopContent .swiper-button-prev:after {font-size:1.125rem;}

.indcontactbg {width: 100%;}
.indcontact {margin:30px 0;width:100%;display:flex;align-items:center;}
.indcontact_1 {width:100%;}
.indcontact_1_1 {min-height:680px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.indcontact_1_1 img {width:100%;}
.indcontact_2 {width:45%;background:var(--colormain1);min-height:680px;padding:30px 30px 30px 60px;color:#ffffff;}
.indcontact_2_1 {height:30px;line-height:30px;background:url('../images/index_29.png') no-repeat left center;}
.indcontact_2_1 span {padding:0 0 0 38px;}
.indcontact_2_2 {padding:10px 0 30px 0;}
.indcontact_2_2 strong {font-size:22px;}
.indcontact_2_3 {height:40px;line-height:40px;background:url('../images/index_30.png') no-repeat left center;}
.indcontact_2_3 span {padding:0 0 0 42px;color:#eeeeee;}
.indcontact_2_4 {height:40px;line-height:40px;background:url('../images/index_31.png') no-repeat left center;}
.indcontact_2_4 span {padding:0 0 0 42px;color:#eeeeee;}
.indcontact_2_5 {height:40px;line-height:40px;background:url('../images/index_32.png') no-repeat left center;}
.indcontact_2_5 span {padding:0 0 0 42px;color:#eeeeee;}
.indcontact_2_6 {margin:50px 0px 50px 0px;line-height:30px;display:flex;}
.indcontact_2_6 p {color:#eeeeee;}
.indcontact_2_6 img {max-width:150px;padding:0px 10px 0px 0;}
.indcontact_2_7 {margin:20px 0px 0px 0px;}
a.hrefBtn1 {color:var(--colormain1);font-size:15px;margin:0 10px 10px 0;}
a.hrefBtn2 {color:var(--colormain1);font-size:15px;margin:0 0px 10px 0;}
.hrefBtn1,.hrefBtn2 {display:inline-block;width:150px;height: 40px;line-height: 40px;text-align: center;color:var(--colormain1);background: #ffffff;border-radius: 15px;}
.hrefBtn1:hover,.hrefBtn2:hover {color:#ffffff;background-color:var(--colormain1);border:2px solid #ffffff;}

.indexNews {padding:50px 0 20px 0;}
.indexNewsTop {display: flex;justify-content: space-between;align-items:center;flex-wrap:wrap}
.indexNewsTop_1 {}
.indexNewsTop_2 {margin:20px 0 10px 0;}
.indexNewsTop_2 a:link,.indexNewsTop_2 a:visited {margin:0 10px 0 0;}
.indexNewsTop_2 a:hover,.indexNewsTop_2 a:active {margin:0 10px 0 0;border-bottom:2px solid var(--colormain1);}
.indexNewsTop_2 a:last-child {margin:0 0px 0 0;}
.indexNewsTop_3 {height:30px; line-height:30px;background:url('../images/index_20.png') no-repeat left center;}
.indexNewsTop_3 span {padding:0 0 0 35px;}
.indexNewsTop_4 {margin:10px 0 0 0;}
.indexNewsTop_4 span {font-weight:700;font-size:1.3rem}

.indexNewsList {display:flex;justify-content:space-between;}
.indexNList_left {padding:1rem 0;width:60%;}
.indexNList_1 {}
.indexNList_1 li {float:left;width:48%;margin:0 2% 0 0;}
.indexNList_1 li:last-child {margin:0 0 0 0;}
.indexNList_1 li .div1 {text-align:right;}
.indexNList_1 li .div2 {line-height:40px;}
.indexNList_1 li .div2 a {color: var(--colormain1);}
.indexNList_1 li .div3 {}
.indexNList_1 li .div4 {padding:10px 0 0 0;}
.indexNList_1 li .div4 img {width:100%;transition:0.5s;}
.indexNList_1 li .div4 img:hover {transform:scale(1.2,1.2);}
.indexNList_1 li .div5 {}
.indexNList_1 li .div5 a {display:block; position:relative;font-size:16px;line-height:60px;transition:all 0.3s ease;overflow:hidden}
.indexNList_1 li .div5 a:after {content:''; display:block; position:absolute;left:0px; top:50%;transform: translateY(-50%) rotate(90deg); transition:all 0.5s ease;content:'\e64b'; font-family: 'iconfont'; font-size:2.6rem;}
.indexNList_1 li:hover .div5 a:after {left:5px;transform: translateY(-50%) rotate(90deg);color: var(--colormain1);}
.indexNList_1 li:hover .div5 a {padding:0 5%;}
.indexNList_right {padding:1rem 0;width:38%;}
.indexNList_2 {}
.indexNList_2 li {margin:0 0 20px 0;border:1px solid #eeeeee;border-radius:10px;padding:5px 10px 15px 15px;}
.indexNList_2 li:hover {border-bottom:6px solid var(--colormain1);}
.indexNList_2 li:hover a {color:var(--colormain1);}
.indexNList_2 li .div1 {line-height:40px;}
.indexNList_2 li .div1 span {float:right;}
