@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#333333;font-family:'PingFang SC','Source Han Sans CN','Microsoft YaHei','Source Han Sans CN','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
 

/*居中*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Medium.eot');
    src: url('../font/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Medium.woff2') format('woff2'),
        url('../font/DINPro-Medium.woff') format('woff'),
        url('../font/DINPro-Medium.ttf') format('truetype'),
        url('../font/DINPro-Medium.svg#DINPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Black.eot');
    src: url('../font/DINPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Black.woff2') format('woff2'),
        url('../font/DINPro-Black.woff') format('woff'),
        url('../font/DINPro-Black.ttf') format('truetype'),
        url('../font/DINPro-Black.svg#DINPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'DINPro';
    src: url('../font/DINPro-Regular.eot');
    src: url('../font/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/DINPro-Regular.woff2') format('woff2'),
        url('../font/DINPro-Regular.woff') format('woff'),
        url('../font/DINPro-Regular.ttf') format('truetype'),
        url('../font/DINPro-Regular.svg#DINPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}

.wapshow{display: none}
.hide{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1600px; width: 90%}
.logo{width:30%; max-width:180px;}
.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:12;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top:0px;}
.top.cur{background: #ffffff;box-shadow:0px 10px 10px rgba(0,0,0,0.02);}

.top>.mainbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;max-width:none; z-index: 2;}
.top:hover{background: #ffffff}

.topright{width: calc(100% - 300px);max-width: 1400px;}



.nav{width:65%; max-width: 880px;}
.nav li:nth-child(6),.nav li:nth-child(7){position: relative}
.nav li>a{position: relative; display: block;line-height:70px; }
.nav li>a:before{content: '';position: absolute; left: 0px; bottom: -1px; width:0%; height:2px; background: #ed1b23;transition:all 0.5s; -webkit-transition:all 0.5s;}
.nav li:hover>a:before{width: 100%}
.nav li:hover>a{color: #ed1b23!important}
 
.nav li.cur>a{color: #ed1b23!important}



.prodown{position: absolute; left: 0px; width: 100%; top: 70px;box-shadow:0px 10px 10px rgba(0,0,0,0.02); padding:40px 0px; background: #ffffff;border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; display: none;z-index: 1;}
.prodown .swiper-container{overflow: hidden; z-index: 1}
.prodown .swiper-slide{width: 14%;-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.prodown .swiper-slide a{display: block}
.prodown .swiper-slide .bigpic{background: #f2f2f2;border-radius: 30px;}
.prodown .swiper-slide p{text-align: center; margin-top: 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;    font-size: 14px;}
.prodown .swiper-slide p em{height: 18px; background:#ed1b23; line-height:18px; border-radius: 18px; color: #ffffff;font-size: 12px; padding: 0px 8px; margin-left: 10px;}

.prodown .swiper-slide:nth-child(1){animation-delay:0s;}
.prodown .swiper-slide:nth-child(2){animation-delay:0.1s;}
.prodown .swiper-slide:nth-child(3){animation-delay:0.15s;}
.prodown .swiper-slide:nth-child(4){animation-delay:0.2s;}
.prodown .swiper-slide:nth-child(5){animation-delay:0.25s;}
.prodown .swiper-slide:nth-child(6){animation-delay:0.3s;}
.prodown .swiper-slide:nth-child(7){animation-delay:0.35s;}
.prodown .swiper-slide:nth-child(8){animation-delay:0.4s;}
.prodown .swiper-slide:nth-child(9){animation-delay:0.45s;}
.prodown .swiper-slide:nth-child(10){animation-delay:0.5s;}



.aboutdown{ position: absolute; left: -30px; background: #ffffff; width:200px;top: 70px;box-shadow:0px 10px 10px rgba(0,0,0,0.02); padding:20px 0px; background: #ffffff;border-bottom-left-radius:20px; border-bottom-right-radius:20px; display: none}
.aboutdown span{display: block; padding:0px 30px;}
.aboutdown span a{ border-bottom: 1px solid #f2f2f2; display: block; padding: 10px 0px;}
.aboutdown span:last-child a{border: none}

.proqiehuan{margin-top:30px;}
.proqiehuan .swiper-button-prev{position: relative; left: auto; top: auto; right: auto; margin: 0px;width:46px; height: 30px; background: url("../images/left_btn3.svg") no-repeat center center #f2f2f2; border-radius:15px; background-size: 10px auto}
.proqiehuan .swiper-button-next{position: relative; left: auto; top: auto; right: auto; margin: 0px; width:46px; height: 30px; background: url("../images/right_btn3.svg") no-repeat center center #f2f2f2; border-radius:15px; background-size: 10px auto}

.proqiehuan .swiper-button-next:after, .proqiehuan .swiper-button-prev:after{display: none}

.proqiehuan ul{background: #f2f2f2; padding: 10px 20px; border-radius: 40px;    margin: 0 auto;}
.proqiehuan li.line{width: 1.5px!important; height:14px; background: #999999; margin: 0px 10px;}
.proqiehuan li a{line-height: 1}

.topright_right{ width:300px;}

.topbtn a{line-height:70px; width: 140px; text-align: center; color: #ffffff; background: #d02830; display: block}
.topbtn a:hover{box-shadow:0px 0px 10px rgba(208,40,48,0.5)}

.seabtn{position: relative}
.seabtn a{width: 40px; height: 40px;}
.seabtn img{width:14px;}

.seabtn_down{position: absolute; left:50%; transform: translate(-50%,0);top:60px; background:#ffffff;border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); width:240px; padding:20px;font-size: 14px; display: none}

.seainput{background:url("../images/ic-search-white.svg") no-repeat 14px center #f6f6f6; background-size:14px auto;border-radius: 50px; border: 1px solid #dcdcdc; height:40px; padding: 0px 20px 0px 40px; width: calc(100% - 62px); }

.seabtn_down p{color: #999; padding: 10px 0px;}
.seabtn_down span{display: block; padding: 4px 0px;}
.seabtn_down span a{color: #666666}
.seabtn_down span a:hover{color:#333333}
.sbtn{width:40px;height:40px; position:absolute;background:transparent;top:20px; left:0px;}

.enbtn{position: relative;}
.enbtn a img{width: 15px; margin-right: 10px;}


.enbtn_down{position: absolute; left:50%; transform: translate(-50%,0);top:55px; background:#ffffff;border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); width:80px; padding:0px 10px;font-size: 14px; text-align: center; display: none}

.enbtn_down a{display: block; padding:8px 0px;color: #666666}
.enbtn_down a:first-child{border-bottom: 1px solid #eeeeee}
.enbtn_down a:hover{color: #333333}



.store_btn{position: relative}
.store_btn>a{height: 34px; background: #ed1b23;border-radius: 34px; color: #fff; padding: 0px 15px; font-size: 14px;}
.store_btn>a img{margin-right: 5px;} 


.store_down{position: absolute; left:50%; transform: translate(-50%,0);top:58px; background:#ffffff;border-radius:10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); width:150px; padding:10px;font-size: 14px; display: none}
.store_down a{border-radius: 5px; padding: 8px 10px; color: #666666}
.store_down a img{width: 24px; margin-right: 10px;}
.store_down a:hover{background: #f5f5f5}

.searchbox{position:absolute; left: 0px; top: 70px; width: 100%; height: calc(100vh - 70px); display: none; background: rgba(0,0,0,0.5)}

.searchhezi{background: #ffffff; width: 100%;box-shadow:0px 6px 6px rgba(0,0,0,0.05); padding:50px 0px; border-top: 1px solid #f5f5f5; display: none; position: absolute; top: 70px; width: 100%;}

.searchhezi .mainbox{ max-width:800px; width: 90%}
.search_txt { height:50px; background: none; border:1px solid #cccccc; width: calc(100% - 92px);  border-right: none; padding: 0px 20px; border-top-left-radius:5px;border-bottom-left-radius:5px;}
.search_btn{width: 52px; height: 52px; background:url("../images/search2.svg") no-repeat center center #d02830; background-size: 20px auto; border-top-right-radius:5px;border-bottom-right-radius:5px;}

.banner{position: relative;}
.bannerimg{height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center}

.bannerimg img{height: 100vh}

.bantxt{position: absolute; left: 0px; top:50%; transform: translate(0,-50%); width: 100%;}

.bantxt p{font-size: 18px;}
.bantxt h2{font-size: 70px; line-height: 1; margin: 20px 0px 30px;}
.bantxt h3{font-size: 26px; line-height: 1}


.xiala{ position: absolute; left: 0px; bottom:5%; width: 100%}
.xiala img{width:12px; animation: start 1.2s infinite ease-in-out; margin-left: 10px;}

@keyframes start {
	100% {opacity: 0;transform:translate(0,6px);}
	60% {opacity: 1;transform:translate(0,0);}
	0%,30% {opacity: 0;transform:translate(0,-4px);}
}
@-webkit-keyframes start {
    100% {opacity: 0;-webkit-transform:translate(0,6px);}
    60% {opacity: 1;-webkit-ransform:translate(0,0);}
    0%,30% {opacity: 0;-webkit-transform:translate(0,-4px);}
}





.morebtn{font-size: 18px; }
.morebtnbai{color:#FFF;}
.morebtn em{width:34px; height:24px; border-radius:20px; border:2px solid #333333; margin-left: 10px;overflow: hidden; position: relative}
.morebtnbai em{border:2px solid #FFF;}
.morebtn em i{width:100%; height: 100%; background: url("../images/right_btn.svg") no-repeat center center; background-size:30% auto; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; top: 0px;}
.morebtnbai em i{width:100%; height: 100%;background: url("../images/right_btn_bai.svg") no-repeat center center;background-size:30% auto; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; top: 0px;}
.morebtn em b{width:100%; height: 100%; background: url("../images/right_btn.svg") no-repeat center center; background-size:30% auto; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: -100%; top: 0px;}
.morebtnbai em b{width:100%; height: 100%;background: url("../images/right_btn_bai.svg") no-repeat center center;background-size:30% auto; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; top: 0px;}

.mr50{margin-right: 50px;}
.morebtn:hover em i{left: 100%}
.morebtnbai:hover em i{left: 100%}
.morebtn:hover em b{left: 0px;}
.morebtnbai:hover em b{left: 0px;}
.xialabai{color:#FFF;}

.syprobox_one li{border-radius: 30px; overflow: hidden; margin:60px 0px; position: relative}

.syprotxt{width: 35%; position: absolute; top: 50%; transform: translate(0,-50%); right: 5%}

.syprotxt p{font-size: 18px;}
.syprotxt h2{font-size: 50px; line-height: 1; margin:10px 0px;}
.syprotxt h3{font-size: 24px;}

.baise{color: #ffffff}
.baise p{color: #ffffff!important}


.baise .morebtn{color: #ffffff}
.baise .morebtn em{ border:2px solid #ffffff;}
.baise .morebtn em i{background: url("../images/right_btn4.svg") no-repeat center center; background-size:10px auto; }
.baise .morebtn em b{background: url("../images/right_btn4.svg") no-repeat center center; background-size:10px auto; }

.huisebj{background: #f8f9fc}
.sytit h2{font-size:40px;}
.sytit p{color: #999999; text-transform: uppercase}
.centers{text-align: center}

.pro_discover ul{width: 31.46%}
.pro_discover li{border-radius: 30px; overflow: hidden;position: relative}
.prodis{width:calc(100% - 60px); position: absolute; left: 30px;bottom:30px}
.prodis p{font-size: 18px;}
.prodis.wite p{color:#FFFFFF;}
.prodis span{display: block; color: #666}
.prodis.wite span{color:#FFF;}
/*.pro_discover ul:nth-child(3) li:nth-child(1) a{color: #ffffff!important}
.pro_discover ul:nth-child(3) li:nth-child(1) a span{color: #ffffff!important}*/




.synewsbox{position: relative;}

.synewsbox .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.synewsbox .swiper-pagination-bullet{background:rgba(0,0,0,0.1);opacity: 1; width:20px; height:3px;margin:0px 5px; border-radius:0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 10px;}
.synewsbox .swiper-pagination-bullet-active { background:#000000; width: 40px;}

.synewsbox .swiper-container{padding:0px 0px 50px; overflow: hidden}
.synewsbox .swiper-slide{ width:40%; border-radius: 30px; overflow: hidden; position: relative}

.synewstxt{position: absolute; padding: 30px; left: 0px; bottom: 0px; width: calc(100% - 60px); color: #ffffff;background: linear-gradient(to bottom, rgba(0,0,0,0),  rgba(0,0,0,0.8));}

.synewstxt p{font-size: 20px; font-weight: bold}

.synewsqie{position: relative; width:120px;}
.synewsqie .swiper-button-prev,.synewsqie .swiper-button-next{width:48px; height:34px; border:1px solid #333333; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius:20px;  position: relative; left:auto; right: auto; top: auto; margin: 0}

.synewsqie .swiper-button-prev{background: url( "../images/left_btn3.svg") no-repeat center center; background-size:26% auto}
.synewsqie .swiper-button-prev:hover{background: url( "../images/left_btn3.svg") no-repeat center center; background-size:26% auto;}



.synewsqie .swiper-button-next{ background: url( "../images/right_btn3.svg") no-repeat center center; background-size:26% auto}
.synewsqie .swiper-button-next:hover{background: url( "../images/right_btn3.svg") no-repeat center center; background-size: 26% auto;}

.synewsqie .swiper-button-prev:after,.synewsqie .swiper-button-next:after{display: none}


.fastnav li{width: 31%;}
.fastnav li a{background: #fbfbfb;text-align: center; display: block; border-radius: 30px; padding:50px 30px;}
.fastnav li a img{height: 50px; margin: 0 auto}
.fastnav li a p{font-size: 20px; margin-top: 20px;}

.footer{border-top: 1px solid #f1f1f1}
.foot_logo{width:80%}
.foot_logo p{margin-top: 10px;}
.foot_logo img{width: 50%}

.foot_left{width: 30%;}
.sharebox{margin-top: 50px;}
.sharebox li{position: relative}
.sharebox li a{width: 40px; height: 40px; border-radius: 100%; background: #f8f8f8;}
.sharebox li{margin-right: 15px;}
.sharebox li a img{opacity: 0.3; height:40%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.sharebox li a:hover img{opacity: 0.8;}

.erweima{position: absolute; left: 50%; bottom:100%; width:120px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999; padding:2px; background: #fff; border-radius: 5px;}

.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; left: 50%; bottom: -5px; transform: translate(-50%,0%); position: absolute}
.sharebox li:hover .erweima{opacity: 1; visibility:visible}




.foot_right{width:60%}
.foot_right li p{margin-bottom: 10px;}
.foot_right li span{display: block; font-size: 14px; padding:5px 0px}
.foot_right li span a{color: #999999}
.foot_right li span a:hover{color: #333333}
.foot_bot{padding: 30px 0px; color: #999999;font-size: 14px;}
.foot_bot a{color: #999999}
.foot_bot a:hover{color: #333333}

.nytop{padding-top: 70px;}
.nytop .top{background: #ffffff}


.huisebj2{background: #f2f2f2}

.protit h2{font-size: 40px; line-height: 1}
.protit span{color: #999999}
.prolist ul{width: calc(100% + 20px); margin-left: -20px;}
.prolist li{background: #ffffff; width: calc(25% - 80px); border-radius: 30px; padding:30px;margin:10px 0px; margin-left: 20px;}

.nyprotxt{text-align: center; margin:20px 0px;}
.nyprotxt p{font-size:20px;}
.nyprotxt span{display: block;  color: #999999; font-size: 14px;}

.prolist li .ban_link{padding: 0px 10px;}
.prolist li .morebtn{font-size: 14px;}
.prolist li .morebtn em{width: 24px; height:16px;}

.moredown img{width:10px;}
.moredown a{color: #666666}
.moredown em{width:24px; height:16px; border-radius:20px; border:2px solid #666666; margin-left:5px;overflow: hidden; position: relative}

.pro_hotbox{background: url("../images/line.png") no-repeat center center; background-size: auto 80%; position: relative; }
.pro_hotbox .swiper-container{overflow: hidden}

.hottxt{text-align: center; padding: 20px 0px;}
.hottxt h3{font-size: 30px;}
.hottxt h4{font-size: 18px; margin-bottom: 10px;}
.hottxt p{color: #666666; font-size: 14px;}
.hotpic{width: 50%; margin: 0 auto; max-width:200px; margin-bottom: 20px}
.hotpictop li{display: none}
.hotpictop li:first-child{display: block}

.hotpictxt li{cursor: pointer; margin: 0px 5px; font-size: 14px;}
.hotpictxt li em{opacity: 0; visibility: visible; margin-top: 5px; display: block;white-space: nowrap;}
.hotpictxt li span{width:30px; height:30px; border-radius: 100%; display: block; margin: 0 auto; box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}
.hotpictxt li.cur em{opacity: 1;visibility: visible}

.pro_hotbox .ban_link{max-width: 300px; margin: 0 auto; margin-top: 30px;}

.pro_hotbox .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.pro_hotbox .swiper-pagination-bullet{background:rgba(0,0,0,0.1);opacity: 1; width:20px; height:3px;margin:0px 5px; border-radius:0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 10px;}
.pro_hotbox .swiper-pagination-bullet-active { background:#000000; width: 40px;}

.pro_hotbox .swiper-button-prev,.pro_hotbox .swiper-button-next{width:48px; height:34px; border:1px solid #333333; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius:20px; }

.pro_hotbox .swiper-button-prev{background: url( "../images/left_btn3.svg") no-repeat center center; background-size:26% auto}
.pro_hotbox .swiper-button-prev:hover{background: url( "../images/left_btn3.svg") no-repeat center center; background-size:26% auto;}



.pro_hotbox .swiper-button-next{ background: url( "../images/right_btn3.svg") no-repeat center center; background-size:26% auto}
.pro_hotbox .swiper-button-next:hover{background: url( "../images/right_btn3.svg") no-repeat center center; background-size: 26% auto;}

.pro_hotbox .swiper-button-prev:after,.pro_hotbox .swiper-button-next:after{display: none}


.proshowpic{position: relative; margin-bottom:60px;}
.proshowpic .bigpic{ border-radius: 30px;}
.proshowpic_txt{position: absolute; left:60px; top: 50%; transform: translate(0,-50%)}
.proshowpic_txt h2{font-size: 40px;}
.proshowpic_txt p{font-size: 20px; color: #666666}
.proshowpic_part{width: calc(50% - 20px)}

.proshowpic_part{position: relative}

.proshowpic_part .proshowpic_txt{top:20%}


.swiperbtn{margin:50px 0px; width:95%}
.swiper-pagination-progressbar{position: relative!important; left: auto!important; top: auto!important; width: calc(100% - 200px)!important; background: #cccccc!important; height: 2px!important;}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000000; height: 4px; margin-top: -1px;}

.brd30{border-radius: 30px; overflow: hidden}
.proshow_detail .swiper-container{overflow: hidden}
.proshow_detail .swiper-slide{width: 35%}

.proshow_detail{max-width: calc((100% - 1600px) / 2 + 1600px); width: 95%}


.jibenpic{width: calc(50% - 30px)}
.jibentxt{width: calc(50% - 30px); background: #f8f9fc}

.jibentxt ul{width: 80%}
.jibentxt li{font-size: 20px; padding: 10px 0px;}
.jibentxt li span{color: #999}


.canshubox{background: #f8f9fc; padding: 50px;}
.canshutxt{width: 50%}



.canshubox .hotpic{width:30%}

.canshutxt li{border-top: 1px solid #eeeeee; width:calc(50% - 20px); padding: 10px;}
.canshutxt li p{font-size: 20px; }
.canshutxt li span{display: block; color: #666666}


.canshutxt li:nth-child(1),.canshutxt li:nth-child(2){border: none}

.servicebanner{position: relative}
.nysertxt{position: absolute; left:5%; top: 50%; transform: translate(0,-50%); color: #ffffff;}

.nysertxt img{height:50px;}
.nysertxt p{font-size: 20px; margin-top:10px;}
.nysertxt span{font-size: 40px;font-family: 'DINPro';font-weight: 500}


.wenti li{height: 40px; border-radius: 40px; background: #ffffff; box-shadow: 0px 5px 5px rgba(0,0,0,0.02); line-height: 40px; padding: 0px 15px; cursor: pointer; min-width: 100px; text-align: center; margin: 0px 10px}

.wenti li.cur{background: #ed1b23; color:#ffffff}



.wentibox li{ border-radius:20px; background: #ffffff; box-shadow: 0px 5px 5px rgba(0,0,0,0.02); margin-bottom: 20px;}

.wentitit{padding: 20px 40px; border-bottom: 1px solid #ededed; cursor: pointer}
.wentitxt{padding:30px 40px;}


.wentitit em{width:26px; height:18px; border-radius:20px; border:2px solid #666666; margin-left:5px;overflow: hidden; background: url("../images/down_btn.svg") no-repeat center center; background-size: 10px auto}

.wentitit h2{font-size: 20px;}

.wentitxt{display: none}


.wentibox li:nth-child(1) .wentitxt{display: block}

.wentibox li.cur .wentitit em{background: url("../images/down_btn2.svg") no-repeat center center; background-size: 10px auto}

.wentibox ul{display: none}
.wentibox ul:nth-child(1){display: block}


.select_dizhi{width:calc(100% - 80px);box-shadow: 0px 5px 5px rgba(0,0,0,0.02); background: #fff; border-radius: 10px; position: relative;}
.select_di_put{height: 50px; width: calc(100% - 10px); padding: 0px 20px; background: url("../images/down_btn.svg") no-repeat 96% center; background-size: 10px auto; border: none}

.selet_searh{width:60px;box-shadow: 0px 5px 5px rgba(0,0,0,0.02); background: #fff; border-radius: 10px;overflow: hidden}

.selet_searh_txt{height: 50px; width: calc(100% - 110px); padding: 0px 20px;border: none }
.selet_searh_btn{width: 70px; height: 50px; background: url("../images/ic-search-white.svg") no-repeat center center; background-size: 20px auto}



.wangdain{background: url("../images/add_ico.svg") no-repeat left center; background-size: 20px auto; padding-left: 30px; margin: 30px 0px;}

.diqusx ul{width: calc(100% + 40px); margin-left: -40px}
.diqusx li{width: calc(50% - 100px); margin-left: 40px; margin-bottom: 40px;background: #ffffff; border-radius: 20px;box-shadow: 0px 5px 5px rgba(0,0,0,0.02); padding: 30px;}
.diqusx li p{padding: 5px 0px;}
.diqusx li h3{background: url("../images/add_ico.svg") no-repeat left center; background-size:30px auto; padding-left: 40px; margin-bottom: 15px; }


.nyabouttxt{text-align: center; max-width: 900px; margin: 0 auto; margin-top:20px}


.bardaboutbj{background: url("../images/wenhuabj.jpg") no-repeat center 20%; background-size:100% auto; padding: 0 3%}



.bardright{width:60%}

.bardright li{width: 33.33%; float: left; padding:30px 0px;}

.bardright li span em{font-size: 50px; line-height: 1;font-family: 'DINPro';font-weight:500}


.bardrighttxt{font-size: 18px;}

.nyfazhan{border-top-left-radius: 30px;border-top-right-radius: 30px; background: #ffffff; margin-top: 20%}



.lishilist li{padding: 20px 0px;}
.lishilist li:nth-child(even){display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

.shijiantxt{width:44%; text-align: right; padding-right: 6%; position: relative }

.lishilist li:nth-child(even) .shijiantxt{text-align: left; padding-right: 0px; padding-left:6%}
.lishilist li:nth-child(even) .shijiantxt:before{left:-14px; top:15px; }

.lishilist{position: relative;}

.lishilist:before{content: ""; height: 100%; width: 1px; position: absolute; left: 50%; transform: translate(-50%,0); top: 0px; background: url("../images/line.png") no-repeat center; background-size: auto 100%; opacity: 0.5}

.shijiantxt h3{font-size: 40px;font-family: 'DINPro';font-weight:500; line-height: 1; margin-bottom: 5px;}
.shijiantxt h4{font-size: 30px;}
.shijiantxt p{color: #666666}

.shijiantxt:before{content: ""; height:14px; width:24px;position: absolute; right:-14px; top:15px; border: 2px solid #ed1b23; border-radius: 20px; background: #ffffff}


.join_imgbox{position: relative}

.join_txt{position: absolute; left:5%; top: 50%; transform: translate(0,-50%)}

.join_txt h2{font-size: 40px; line-height: 1.2; margin-bottom: 5px;}
.join_txt h3{font-size: 30px; margin-bottom: 30px;line-height: 1.6}
.join_txt a{font-size:20px;}

.store_box ul{width: calc(100% + 50px); margin-left:-50px; }
.store_box li{width: calc(33.33% - 50px); margin-left: 50px; margin-bottom: 50px;}
.storepic{background: #ffffff; border-radius: 20px; padding:70px 50px; position: relative}

.erwsd{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; background: #ffffff; visibility:hidden; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: 100%}
.erwsd img{height:100px; border: 1px solid #dddddd; border-radius: 10px; margin: 0 auto}
.erwsd p{font-size: 14px; margin-top: 10px}

.storepic>img{max-height: 50px}

.storetxt{padding: 20px}
.storetxt p{font-size: 20px; margin-bottom: 10px; }


.store_box li:hover .erwsd{visibility: visible; opacity: 1}

.joinlist li{background: #ffffff}




.joinlist li{ border-radius:20px; background: #ffffff; box-shadow: 0px 5px 5px rgba(0,0,0,0.02); margin-bottom: 20px;}

.jointit{padding: 20px 40px; border-bottom: 1px solid #ededed; cursor: pointer}
.jointxts{padding:20px 40px 50px;}

.jointitleft{width: calc(100% - 50px); max-width:800px}

.jointit h3{width:40%;}
.jointit span{background: url("../images/add_ico.svg") no-repeat left center; background-size: 20px auto; padding-left: 30px;}
.jointit em{width:26px; height:18px; border-radius:20px; border:2px solid #666666; margin-left:5px;overflow: hidden; background: url("../images/down_btn.svg") no-repeat center center; background-size: 10px auto}

.jointit h3{font-size: 20px;}
.jointxts{display: none}
.joinlist li:nth-child(1) .jointxts{display: block}
.jointxts h4{margin-top: 30px; margin-bottom: 10px}


.joinlist li.cur .jointit em{background: url("../images/down_btn2.svg") no-repeat center center; background-size: 10px auto}

.nytit h2{font-size:30px; padding: 30px 0px;font-family: 'DINPro';font-weight:500;}

.conttxt{width:60%}

.conics{border: 2px solid #333333; width: 60px; height: 60px; border-radius: 100%;}
.conics img{max-height: 50%; max-width: 50%}

.consxs{width: calc(100% - 100px);}
.consxs p{font-size: 24px;font-weight:500;}
.consxs span{color: #999999}
.conttxt li{border-bottom: 1px solid #e3e3e3; padding: 40px 0px;}

.conttxt li:last-child{border: none}

.nycontacts{border-bottom: 1px solid #e3e3e3}
.nycontacts:last-child{border-bottom: none}


.hezuotit{border-top: 1px solid #e3e3e3}

.hezuotit li{line-height:80px; text-align: center; font-size: 20px; width: 50%;font-family: 'DINPro';font-weight:500; cursor: pointer;position: relative}
.hezuotit li.cur:before{content: ''; height: 4px; border-radius: 4px; background: #ed1b23; width: 100%; position: absolute; left: 0px; top: -1px;}
.hezuotit li.cur{color: #ed1b23}


.hezuoboxs{background: #ffffff; padding:50px;}
.hezuoform{display: none}
.hezuoform:first-child{display:block}
.hezuoform ul{width: calc(100% + 50px); margin-left: -50px; }
.hezuoform li{width: calc(50% - 50px); margin-left: 50px; margin-top:15px; margin-bottom: 15px; font-family: 'DINPro';font-weight:500;}

.inputtxt{width: calc(100% - 40px); padding: 0px 20px; border: 1px solid #dddddd; border-radius: 5px; height:50px;}

.hezuoform li textarea{width: calc(100% - 40px); height: 100px;padding: 20px; border: 1px solid #dddddd; border-radius: 5px;}

.hezuoform li.w100{width: calc(100% - 50px);}


.checks{ background:#fff; width:16px; height:16px; border:1px solid #ddd;  cursor: pointer; margin-right: 10px; border-radius: 2px;}
.checks:checked {border-color:#ed1b23; background:url("../images/dui.svg") no-repeat center center #ed1b23; background-size:80% auto;}

.tijiao{width: 100%; height: 50px; border-radius:10px; background: #dddddd;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.tijiao:hover{background: #ed1b23; color: #ffffff}


.newlistd li{ margin-left: 30px;}
.newlistd li.cur a{color: #333333}
.newlistd li a{color: #999999}

.nynewstop{background: #ffffff;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02);}
.nynewstop .bigpic{width: 50%}


.nynewstxts{width:calc(50% - 100px); padding:50px;}
.nynewstxts h3{font-size:24px;}
.nynewstxts p{color: #666; margin: 20px 0px 30px;}
.nynewstxts span{position: relative; padding-left: 10px;color: #999999}
.nynewstxts span:before{content:""; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #ed1b23; width: 5px; height: 5px; border-radius: 100%;}

.nynewsbot{margin-top:30px;}
.nynewsbot li{width: calc(33.33% - 50px); margin-left: 50px; background: #ffffff; border-radius: 30px; overflow: hidden; margin-top: 50px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.02);}
.nynewsbot ul{width: calc(100% + 50px); margin-left: -50px; }

.nynewsbot li .nynewstxts{width: calc(100% - 60px); padding:40px 30px;}
.nynewsbot li .nynewstxts h3{font-size: 20px; margin-bottom: 10px;}


.newsshowbox{max-width:900px;}

.newsshowtit{text-align: center}
.newsshowtit h1{font-size: 30px;}

.newsshowtit span{position: relative; padding-left: 10px; color: #999999}
.newsshowtit span:before{content:""; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #ed1b23; width: 5px; height: 5px; border-radius: 100%;}


.newsshowtxt{padding: 30px 0px; line-height: 2; text-align: justify}
.newsshowtxt img{width: auto; height: auto}
.newsshowtxt p{margin-top: 20px;}

.xiadown {background:#f5f5f5; border-radius: 5px; padding:20px 30px; }

.xiadown a{background:url("../images/right_btn.svg") no-repeat right center; background-size: 10px auto; display: block; font-size: 20px}


.select_add{position: relative; z-index: 2}

.wappropic{display: none}
.wapbanner{display: none}