﻿@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:'Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.6}

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;}
a:hover{color: #fe0500}
/*居中*/

.center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.between{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.up{display:flex;flex-direction:row;justify-content:space-between;}
.down{display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.upcenter{display:flex;flex-direction:row;justify-content:center;}
.upleft{display:flex;flex-direction:row;justify-content:flex-start;}
.upright{display:flex;flex-direction:row;justify-content:flex-end;}

.upbetween{display:flex;flex-direction:row;justify-content:space-between;}

.left {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.right{display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

/**上对齐*/
.uptop{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.updown{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[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;}




.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%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}



.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.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;}

.wapshow{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%}

.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; background: #ffffff;}

.top>.mainbox{height:80px;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: 1600px;}
.top.cur{box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}


.topright{width:70%;}



.logo{ width:30%; max-width:140px;}
.logo img.hide{display: none}
.nav{width:70%;transition:0.5s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}
.nav.cur{opacity: 0;visibility: hidden;}

.searchbox{width:28%; max-width:200px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.searchbox.cur{ width: 40%; max-width:500px}

.searchhezi{border: 1px solid #eeeeee;border-radius: 36px; }

.search_text{height: 32px; width: calc(100% - 74px); background: none; border: none;padding: 0px 15px; font-size: 14px;}
.search_btn{width: 40px; height: 32px; background: url("../images/soubtn.svg") no-repeat center center; background-size: 40% auto}

.search_btn.cur{background: url("../images/close.svg") no-repeat center center; background-size:30% auto}

.search_text::-webkit-input-placeholder{color:#cacaca; font-size: 14px;} 
.search_text:-moz-placeholder{color:#cacaca;font-size: 14px;} 
.search_text::-moz-placeholder{color:#cacaca;font-size: 14px;} 
.search_text:-ms-input-placeholder{color:#cacaca;font-size: 14px;} 


.wapserch_btn{width: 50px; height: 50px; background: url("../images/soubtn.svg") no-repeat center center; background-size: 50% auto; display: none}


.nav li{position: relative;}
.nav li>a{position: relative; display: block; line-height:80px;}
.nav li.cur>a{color: #fe0500!important}
.nav li:hover>a{color: #fe0500!important}
 


.navdown{width:200px; position: absolute; left:50%; top:80px;background:rgba(255,255,255,1);display: none; z-index: 2; padding: 15px 0px;box-shadow: 0px 0px 10px rgba(0,0,0,0.05); border-top: 3px solid #fe0500; transform: translate(-50%,0); border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.navdown span{display: block;line-height: 30px;padding:5px 40px;}
.navdown span a:hover{text-decoration: underline}

.nav li:nth-child(2) .navdown{width:280px;}



.banner{position: relative; z-index: 1}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:20px; width: 100% }
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.3);opacity: 1; width:10px; height:10px;margin:0px 5px!important; border-radius:100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.banner .swiper-pagination-bullet-active { background: #ffffff; width: 14px; height: 14px;}
.banner .bannerimg{height: 100vh; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner .swiper-slide{height: 100vh; overflow: hidden}
.banner .swiper-slide-active .bannerimg{transform: scale(1.03, 1.03);transition: transform 5000ms ease;}

.bantxt{position:absolute; left:50%;top:55%;transform: translate(-50%,-50%);color: #fff; width: 100%;  }

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}

.bantxt h2{font-size:60px; line-height: 1.4;}
.bantxt p{font-size: 60px; font-weight:100}
.banwenzi{max-width: 850px;}

.morebtn{border: 1px solid #fe0500; height:42px; padding: 0px 20px;border-radius:50px; background: #fe0500; color: #fff!important; line-height: 42px; width:100px;}

.morebtn em{ background: url("../images/you.svg") no-repeat center center;background-size:20px auto;border-radius: 100%;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: 20px; height: 20px;}


.morebtn:hover em{background: url("../images/you2.svg") no-repeat center center #ffffff;background-size:50% auto;width:30px; height:30px; margin-right: -5px;}



.morebtn.morebtn2{background: none;color: #fe0500!important; }

.morebtn.morebtn2 em{ background: url("../images/you2.svg") no-repeat center center;background-size:20px auto;}

.morebtn.morebtn2:hover em{background: url("../images/you.svg") no-repeat center center #fe0500;background-size:50% auto;}

li:hover .morebtn.morebtn2{background: #fe0500;  color: #ffffff!important}
li:hover .morebtn.morebtn2 em{background: url("../images/you2.svg") no-repeat center center #ffffff;background-size:50% auto;width:30px; height:30px; margin-right: -5px;}


.syabout_left{width: 42%; text-align: justify}
.syabout_right img{width: 100%;border-radius: 50px;}
.syabout_right{width: 50%; border-radius: 50px; overflow: hidden}

.sytit h2{font-size: 34px;}
.sytit p{color: #666666; margin-top: 10px;}

.syabout_left p{line-height: 2; margin: 5% 0px 10%;}

.syaboutnum{background: #f5f6f7; border-radius: 20px;}
.syaboutnum li{width: 33.33%; border-left: 1px solid #e8e9eb}
.syaboutnum li:first-child{border: none}
.numtxt{padding: 40px 0px;}
.numtxt em{font-size:40px; font-weight:bold; line-height: 1;} 
.numtxt p{font-size: 18px; margin-top: 10px;}

.syaboutnum li:nth-child(2) .numtxt sup{font-size: 18px; line-height: 1}

.huisebj{background: #f5f6f7}

.sypro_left{width:40%; background: #fff; border-radius: 20px;}

.sypro_right{width:60%;}

.sypro_right li{width:calc(50% - 30px); margin-left: 30px; background: #fff;border-radius: 20px; margin-top: 30px;}

.sypro_right li:nth-child(1),.sypro_right li:nth-child(2){margin-top: 0px;}

.sypro_right li .bigpic{height:150px;}
.sypro_right li .bigpic img{ max-width: 80%;max-height: 80%; width: auto}

.sypro_left .bigpic {height: 400px;}
.sypro_left .bigpic img{ max-width: 100%;width:70%}
.syproductbox a{}
.syprotxt{padding: 20px 5%;}
.syprotxt p{font-weight: bold; font-size: 20px; width: calc(100% - 60px)}
.syprotxt em{width: 30px; height: 30px; background: url("../images/you3.svg") no-repeat center center; background-size: 50% auto; border-radius: 100%; border: 1px solid #999999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

a:hover .syprotxt em{background: url("../images/you.svg") no-repeat center center #fe0500; background-size: 50% auto;border: 1px solid #fe0500 }


.syhuoban .swiper-slide{border-radius:10px; overflow: hidden; background: #fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; border: 1px solid #ebebeb; cursor: pointer;}
.syhuoban .swiper-slide:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.syhuoban .swiper-container{overflow: hidden; margin:20px 0px;}
.syhuoban .swiper-wrapper{  transition-timing-function: linear !important;-o-transition-timing-function: linear !important;-webkit-transition-timing-function: linear !important;}


.sycontact{background: url("../images/bj.jpg") no-repeat center center; background-size: cover}

.sycontact h3{color: #fff;font-weight: bold; font-size:32px; line-height: 1.4}

.footerbj{background: #fafafa}

.footlogo{width:140px;}

.footright{width: 60%}

.footnav{border-bottom: 1px solid #e1e1e1;padding-bottom: 20px; font-size: 18px;}

.footcont{margin-top: 50px;}

.footcont_right{text-align: center; width: 140px;}
.footcont_right p{margin-bottom: 10px;}

.footcont_left p{margin-bottom: 25px;}
.footcont_left p span{font-weight: bold; font-size: 30px; line-height: 1}


.footer_bot{border-top: 1px solid #e1e1e1; padding: 20px 0px;}

.footer_bot p{color: #adadad}

.footer_bot span em{padding: 0px 10px; font-size: 12px;}

.nybanner img{width: 100%}
.nybanner{position: relative}
.nybantxt{position: absolute; left: 0px; top: 55%; transform: translate(0,-50%); width: 100%}

.nybantxt h2{font-weight:normal; color: #ffffff; font-size: 40px;}

.nynavbox{border-bottom: 1px solid #e8e9eb;}
.nynav li{margin-right: 60px;}
.nynav li a{line-height: 60px; display: inline-block; position: relative}
.nynav li a:before{content: ""; width:0%; height: 4px; position: absolute; left: 0px; bottom:-1px; background: #fe0500;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nynav li a:hover:before{width: 100%}

.nynav li.cur a:before{width: 100%}

.miaobao a:last-child{color: #999999}
.miaobao em{color: #cfcfcf; padding: 0px 5px}




.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; display: none; z-index: 9; width:100%;font-size:20px;}

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; font-weight: bold}

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:12px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#006fb5}
.nynavselect ul li.cur a{color: #fff}


.nyableft{width: 44.5%; text-align: justify}

.nyableft p{margin-top: 20px; line-height: 2}
.nyabright{width: 50%;border-radius: 50px; cursor: pointer}


.videotanchu{background: rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999999; display: none}

.videotanchubox{max-width: 1000px; margin: 0 auto; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%}
.videotanchubox h2{color: #fff; font-size: 20px; font-weight: normal; text-align: center; padding-bottom: 20px;}
.videobox{position: relative}
.guanbi{width: 35px; height:35px;margin: 0 auto; margin-top:15px; display: block}
.videobox p{text-align: center; margin-bottom: 20px; color: #ffffff; font-size: 24px; font-weight: bold}

.nyabright.bigpic:before{content: ''; position: absolute; left:50%; top:50%; width: 60px; height: 60px;transform: translate(-50%,-50%); background: url("../images/video_btn.svg") no-repeat center center; z-index: 2}

.nyculture{background: url("../images/wenhuabj.jpg") no-repeat center center; background-size: cover;}

.nyculture_hezi{background: rgba(255,255,255,0.3); border-radius: 20px;}
.nyculture_hezi li{width: calc(25% - 1px); border-left: 1px solid rgba(0,0,0,0.08); text-align: center; cursor: pointer}
.nyculture_hezi li:nth-child(1){border: none}
.nyculture_hezi ul{padding: 50px 0px;}
.culico{width: 120px; height: 120px; border-radius: 100%; background: #fff; margin: 0 auto;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.culico img{width: 50%}
.culico img.hide{display: none}
.nyculture_hezi li h3{font-size: 20px; margin: 20px 0px;}

.nyculture_hezi li p{line-height:1.6;}

.nyculture_hezi li:hover .culico{background: #fe0500}

.nyculture_hezi li:hover .culico img.show{display: none}
.nyculture_hezi li:hover .culico img.hide{display:block}



.fazhantop .swiper-slide{position: relative}
.fazhantop .swiper-slide h2{font-size:400px; font-family: arial; color: #f9f9f9; font-weight: bold; line-height:1; text-align: center}

.fazhanyear{position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); text-align: center; width: 100%}
.fazhanyear h3{font-size: 36px;margin-bottom: 10px;}
.fazhanyear p{font-size: 18px; max-width: 1000px; margin: 0 auto}

.fazhanboxs{border-top: 1px solid #e8e9eb; margin-top: 20px;}
.fazhanboxs .swiper-container{overflow: hidden; padding-top: 4px; }

.fazhanboxs .swiper-slide {cursor: pointer}
.fazhanboxs .swiper-slide p{text-align: center; color: #999999; font-size:20px; font-family: arial; position: relative;display:flex;align-items:flex-end;flex-direction:row;justify-content:center;line-height: 1; color: #999999; padding-top: 40px; position: relative}

.fazhanboxs .swiper-slide p:before{content: ''; width:0%; height:4px; position: absolute; left: 50%; top:-4px; transform: translate(-50%,0%); background: #fe0500;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.fazhanhezi .swiper-container{overflow: hidden;}


.fazhanhezi .swiper-button-prev,.fazhanhezi .swiper-button-next{width:48px; height: 48px; border: 1px solid #9e9e9e; 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: 100%;}


.fazhanhezi .swiper-button-prev{left:0%; background: url( "../images/left2.svg") no-repeat center center; background-size: 50% auto}
.fazhanhezi .swiper-button-prev:hover{background: url( "../images/left.svg") no-repeat center center #fe0500; background-size: 50% auto; border: 1px solid #fe0500}



.fazhanhezi .swiper-button-next{right:0%; background: url( "../images/you3.svg") no-repeat center center; background-size: 50% auto}
.fazhanhezi .swiper-button-next:hover{background: url( "../images/you.svg") no-repeat center center #fe0500; background-size: 50% auto; border: 1px solid #fe0500}


.fazhanhezi .swiper-button-prev:after,.fazhanhezi .swiper-button-next:after{display: none}



.fazhanboxs .swiper-slide-thumb-active p{color: #fe0500; font-weight:bold; font-size: 30px; padding-top:35px;}
.fazhanboxs .swiper-slide-thumb-active p:before{width: 100%}

.fazhanhezi{position: relative}



.fazhantop .swiper-slide{background: #ffffff}

.nyhonor{position: relative}
.nyhonor .swiper-container{overflow: hidden}

.nyhonor .swiper-slide a{background: #ffffff; border-radius: 20px; display: block; text-align: center; padding: 50px; padding-bottom: 20px;}



.nyhonor .swiper-slide a p{height: 100px;}


.nyhonor .swiper-pagination{z-index: 999; left:0px; bottom:0px; width: 100% }
.nyhonor .swiper-pagination-bullet{background:none;opacity: 1; width:12px; height:12px;margin:0px 5px!important; border-radius:100%;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: 1px solid #ff0500}

.nyhonor .swiper-pagination-bullet-active { background: #ff0500;}

.nypartner li{width: calc(14.28% - 12px); border: 1px solid #ebebeb; margin-left: 10px; margin-top: 10px; border-radius: 10px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; cursor: pointer}

.nypartner ul{width: calc(100% + 10px); margin-left: -10px;}

.nypartner li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}


.nynewsbox li{width: calc(33.33% - 35px); margin-left: 35px; margin-bottom:70px;}
.nynewsbox ul{width: calc(100% + 35px); margin-left: -35px;}

.nynewsbox li .bigpic{border-radius: 20px;}
.nynewstxt{padding-top: 20px;}
.nynewstxt span{color: #666666}
.nynewstxt p{font-weight: bold; font-size: 20px; margin-top: 10px;}





.page a{width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; border: 1px solid #e7e7e7; margin: 0px 3px; color: #666666; font-family: arial}
.page a:hover{background: #fe0500; border: 1px solid #fe0500; color: #ffffff;}
.page a em{width: 35px; height: 35px; border-radius: 100%; display: block}
.page a.cur{color: #ffffff;background: #fe0500; border: 1px solid #fe0500;}
.pageprev em{background: url("../images/prev01.png") no-repeat center center; background-size:7px auto}
.pageprev em:hover{background: url("../images/prev02.png") no-repeat center center; background-size: 7px auto}

.pagenext em{background: url("../images/next01.png") no-repeat center center; background-size: 7px auto}
.pagenext em:hover{background: url("../images/next02.png") no-repeat center center; background-size: 7px auto; transition: none}

.pt100{padding-top: 100px;}

.nynewstit{padding: 20px 0px;}
.nynewstit h1{font-size: 40px;}
.nynewstit p{color: #666; margin-top: 10px;}

.nynewsshow{background: #fff; border-radius: 20px; padding: 4% 6%; line-height: 2}
.nynewsshowtxt img{display: inline-block}

.nynewsshowtxt p{ color: #666666}


.sxnews{border-top: 1px solid #e8e9eb; padding: 30px 0px}

.sxnews a{color: #666}
.sxnews a:hover{color: #fe0500}

.pd30{padding: 30px 0px;}


.nyproduct li{margin: 20px 0px; background: #f5f6f7; padding: 30px 0px; border-radius: 20px;}


.nyproduct li .bigpic{width: 25%; border-right: 1px solid #e1e2e3;}
.nyproduct li .bigpic img{width: 60%}
.nyprotxt{width: 65%; padding: 0px 5%}
.nyprotxt p{font-size: 24px; font-weight: bold; color: #333}
.nyprotxt span{line-height: 2; margin: 20px 0px 30px; color: #666666}

.nyprotxt i{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nyprobanner{background: url("../images/proshowbanner.jpg") no-repeat center center; background-size: cover;margin-top: 80px; padding: 5% 0px;}

.nyproshow_left{width: 50%; color: #ffffff; text-align: justify}
.nyproshow_left p{margin-top: 20px; line-height:2;}
.nyproshow_left h1{font-size: 40px;}
.nyproshow_right{width:40%}

.border_bot{border-bottom: 1px solid #e8e9eb; padding-bottom: 10px;}

.proshowtxt h4{color: #fe0500; display: block; border-radius: 40px; border: 1px solid #fe0500; padding:7px 20px; display: inline-block; margin-top:30px;}


.proshowtxt p{margin-top:15px;}



.proshowtable th{text-align: left; padding: 20px 20px; width: 20%}
.proshowtable td{text-align: left; padding: 20px 5%; border-left: 1px solid  #e8e9eb}

.proshowtable tr:nth-child(odd){background: #f5f6f7}



.proshow_bot li{width: calc(33.33% - 50px); margin-left: 50px; margin-top:50px; background: #f5f6f7}
.proshow_bot ul{width: calc(100% + 50px); margin-left: -50px;}


.casetop{background: #f5f6f7; border-radius: 20px;}

.caseleft{width: 50%; position: relative; border-radius:20px;}
.caseright{width:40%; padding: 20px 5%}

.caseleft.bigpic:before{content: ''; position: absolute; left:50%; top:50%; width: 60px; height: 60px;transform: translate(-50%,-50%); background: url("../images/video_btn.svg") no-repeat center center; z-index: 2}

.caseright span{color: #666666}
.caseright h2{font-size: 20px; margin:10px 0px 20px; line-height: 1.8}
.caseright p{color: #666666; line-height: 2}


.casebottom li{width: calc(33.33% - 45px); margin-left: 45px; margin-top:50px; background: #f5f6f7; border-radius: 20px;}
.casebottom ul{width: calc(100% + 45px); margin-left: -45px;}

.casebottom li a{padding: 30px; display: block}


.casebottom li a .bigpic{border-radius: 20px; position: relative}
.casebottom li a .bigpic:before{content: ''; position: absolute; left:50%; top:50%; width: 60px; height: 60px;transform: translate(-50%,-50%); background: url("../images/video_btn.svg") no-repeat center center; z-index: 2}

.casebottom li p{text-align: center; font-size: 20px; font-weight: bold; padding: 10px; margin-top: 20px;}


.jscxbox li{width: calc(25.33% - 50px); margin-left: 50px; margin-top:50px; background: #f5f6f7; border-radius: 20px; padding:4%;}
.jscxbox li:nth-child(1){background: url("../images/jsbj01.jpg") no-repeat center center; background-size: cover}
.jscxbox li:nth-child(2){background: url("../images/jsbj02.jpg") no-repeat center center; background-size: cover}
.jscxbox li:nth-child(3){background: url("../images/jsbj03.jpg") no-repeat center center; background-size: cover}
.jscxbox ul{width: calc(100% + 50px); margin-left: -50px;}

.jscxbox li img{height: 80px;}

.jscxbox li h3{font-size: 24px;margin-top: 30px;}
.jscxbox li p{line-height: 2; margin-top: 20px;}
.jscxbox li p span{font-weight: bold;}


.textcenter{text-align: center}

.nyzhuanli .swiper-container{overflow: hidden; padding: 0px 50px;}


.nyzhuanli{position: relative}

.nyzhuanli .swiper-button-prev,.nyzhuanli .swiper-button-next{width:48px; height: 48px; border: 1px solid #9e9e9e; 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: 100%; top: 45%}


.nyzhuanli .swiper-button-prev{left:0%; background: url( "../images/left2.svg") no-repeat center center; background-size: 50% auto}
.nyzhuanli .swiper-button-prev:hover{background: url( "../images/left.svg") no-repeat center center #fe0500; background-size: 50% auto; border: 1px solid #fe0500}



.nyzhuanli .swiper-button-next{right:0%; background: url( "../images/you3.svg") no-repeat center center; background-size: 50% auto}
.nyzhuanli .swiper-button-next:hover{background: url( "../images/you.svg") no-repeat center center #fe0500; background-size: 50% auto; border: 1px solid #fe0500}


.nyzhuanli .swiper-button-prev:after,.nyzhuanli .swiper-button-next:after{display: none}

.nyzhuanli .swiper-slide{transform: scale(0.7); transition: 300ms;}
.nyzhuanli .swiper-slide p{text-align: center; font-size:20px; font-weight: bold; opacity: 0; visibility: hidden;}

.nyzhuanli .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.nyzhuanli .swiper-slide-active p,.swiper-slide-duplicate-active p{visibility: visible; opacity: 1; margin-top: 20px;}

.chanxuebj img{width: 100%}
.chanxuebj{position: relative}

.chanxuebj .mainbox{position: absolute; left: 50%; top:15%; transform: translate(-50%,0)}

.lilian li{width: calc(33.33% - 75px); background: #f5f6f7;border-radius: 20px; padding: 30px;}
.lilian li span{color: #f6ddde; font-size: 50px; line-height: 1; font-style: italic; font-weight: bold; font-family: arial}

.lilian li p{width: calc(100% - 80px); line-height: 2}

.servicelsit li{border-top: 1px solid #e8e9eb; padding: 5% 0px}


.servicelsit li h4{background: #f5f6f7; border-radius: 80px; height: 50px; font-size: 20px; padding: 0px 25px;}
.servicelsit li h4 img{width: 20px; margin-right: 10px;}

.servicelsit_txt{width: calc(85% - 100px)}
.servicelsit_txt h3{margin-top: 30px;}
.servicelsit_txt h3:first-child{margin-top: 0px;}
.servicelsit_txt p{margin-top: 10px;}

.servicelsit li:nth-child(1) p{padding-left: 35px;}
.servicelsit li:nth-child(2) p{padding-left: 35px;}

.servicelsit li:nth-child(3) p{padding: 10px 0px;}

.supporttxt{line-height: 2; margin-top: 20px;}

.support_list_left{width: 30%}
.support_list_left li{border-bottom: 1px solid #e8e9eb; cursor: pointer; padding:15px 20px; position: relative}
.support_list_left li:before{content: ''; width: 5px; height:5px; border-radius: 100%; background: #333333; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%);}
.support_list_left li:after{content: ''; width:0px; height:1px;background: #fe0500; position: absolute; left: 0px;bottom: -1px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.support_list_left li.cur{color: #fe0500; font-weight: bold}
.support_list_left li.cur:before{background: #fe0500}
.support_list_left li.cur:after{width: 100%}


.support_list_right{width: 65%;}
.support_list_right li{background: #f5f6f7; border-radius: 20px; padding: 30px; position: sticky; top:100px;}

.support_list_right li h3{font-size:20px; margin-bottom: 10px;}

.support_list_right li{display: none}
.support_list_right li:first-child{display: block}



.nycontact li{width: calc(33.33% - 130px); margin-left: 50px; margin-bottom:50px; background: #f5f6f7; border-radius: 20px; padding:50px 40px; text-align: center}
.nycontact ul{width: calc(100% + 50px); margin-left: -50px;}
.conico{width: 60px; height: 60px; margin: 0 auto}
.conico img{max-height: 100%}

.nycontact li p{font-weight: bold; font-size: 18px; margin: 20px 0px 10px;}





.erweima{position: absolute; left: 50%; bottom:25px; 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}
.nycontact li a{position: relative}
.nycontact li a:hover .erweima{opacity: 1; visibility:visible}

.reds{color: #fe0500; text-decoration: underline}


.search_text_two{height: 50px; background: url("../images/soubtn.svg") no-repeat 15px center #fff; background-size: 20px auto; border-radius: 50px; width: calc(100% - 190px); border: none; padding: 0px 15px 0px 40px}
.search_hezi{max-width: 900px; margin: 0 auto; padding: 50px 0px;}


.search_btn_two{height: 50px; background: #fe0500; color: #ffffff; border-radius: 50px; width: 120px;}

.search_btn_two:hover{background: #ff6461}

.search_list li{border-bottom: 1px solid #e8e9eb; padding:30px 0px;}
.search_list p{font-size: 20px;font-weight: bold; margin-bottom: 5px;}
.search_list li em{color: #fe0500}

.yingsitxt{background: #fff; border-radius: 20px; padding: 30px 50px; line-height: 2}

.yingsitxt p{margin: 15px 0px;}


.sitemap{background: #fff; border-radius: 20px; padding: 30px 50px 50px; line-height: 2}

.sitemap dl{border-bottom: 1px solid #e8e9eb; padding: 50px 0px;}


.sitemap dt{font-size: 20px; font-weight: bold}
.sitemap dd span{margin-top: 30px; margin-right:20px; display: inline-block}
.sitemap dd span a{padding: 0px 30px; border: 1px solid #999999; line-height: 40px; display: inline-block; border-radius: 40px;}
.sitemap dd span a:hover{background: #fe0500; color: #ffffff;border: 1px solid #fe0500;}


.downbtn a{height: 50px; padding: 0px 30px; border: 2px solid #fe0500; background: #fe0500; border-radius: 50px; color: #ffffff;    white-space: nowrap;}
.downbtn a:hover{background: #ffffff; color: #fe0500}
.downbtn a:hover img.show{display: none}
.downbtn a:hover img.hide{display:block}

.downbtn a img{width: 20px; margin-left: 20px}
.downbtn a img.hide{display: none}








