@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.8;padding-top: 70px; }

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:#d02830}
/*居中*/
.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;}


.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.2s;}
.wow:nth-child(3){animation-delay:0.3s;}
.wow:nth-child(4){animation-delay:0.4s;}
.wow:nth-child(5){animation-delay:0.5s;}
.wow:nth-child(6){animation-delay:0.6s;}
.wow:nth-child(7){animation-delay:0.7s;}
.wow:nth-child(8){animation-delay:0.8s;}



/*省略号*/
.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}

.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);}
li: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: 1400px; width: 86%}
.logo{width: 20%; max-width: 100px;}
.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; background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.05);}


.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;  width:95%; max-width:none; z-index: 2; padding-left: 5%}


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

.logo{ width:120px;}


.nav{width:58%; max-width: 880px;}
.nav li>a{position: relative; display: block;line-height:70px;padding-right:15px;}
.nav li.cur>a{color: #d02830;}
.nav li:hover>a{color: #d02830;}
.nav li.cur>a:before{border-top:4px solid #d02830; }
.nav li:hover>a:before{transform: rotate(-180deg);border-top:4px solid #d02830;top:calc(50% - 2px) }
.nav li>a:before{content: '';width: 0;height: 0;border-left:4px solid transparent;border-right:4px solid transparent;
    border-top:4px solid #333333;border-bottom:transparent;  position: absolute; right:0%; top: 50%; transform: translate(0,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nav li:nth-child(1)>a:before,.nav li:nth-child(4)>a:before,.nav li:nth-child(5)>a:before{display: none}
.nav li:nth-child(6),.nav li:nth-child(7){position: relative}




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

.navdown .mainbox{width: 90%; max-width: 1600px;}

.navdown h3{width: 120px;font-size: 22px;}
.navdown_pic{width: 25%}
.navdown_pic img{width: 100%}
.navdown_list{width:calc(65% - 120px);}
.navdown_list span{width: calc(50% - 2px);border-left:1px solid #e4e4e4;padding:7px 0px;}
.navdown_list span a{padding:6px 20px 0px 40px; position: relative; display:block}
.navdown_list span a:before{content: ''; width: 3px; height:0%; background: #d02830; position: absolute; left: -2px; top: 50%; transform: translate(0,-50%);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.navdown_list span a:hover:before{height: 100%}

.navline{width: 1px; background: #e4e4e4}
.navdown_two_list{width: calc(100% - 220px)}
.navdown_two_list dl{}
.navdown_two_list dl dt{font-weight: bold; font-size:18px; margin-bottom: 10px;}
.navdown_two_list span{padding: 10px 0px; display: block}
/*.navdown_two_list a{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}*/

.aboutnavdown{width:400px;left: -50px; padding:20px 30px; }
.aboutnavdown h3{margin-top:5px;}
.navdown_about_list{width: calc(100% - 160px);}
.navdown_about_list span{display: block; border-bottom: 1px solid #e4e4e4}
.navdown_about_list span a{padding: 10px 0px; display: block}
.navdown_about_list span:last-child{border: none}

.tel{margin-right:40px;}
.tel a{color: #d02830; position: relative; font-size: 20px; font-weight: bold}
.tel img.telico{width:16px; margin-right:6px;}
.tel span{width:16px; position: absolute; left: 100%; top:0px;}
  
.tel img.telico{ animation: ring1 2.2s ease infinite;}
    
@keyframes ring1 {
  0% {transform: rotate(0);}
  15% {transform: rotate(25deg);}
  30% {transform: rotate(0);}
  45% {transform: rotate(25deg);}
  60% {transform: rotate(0);}
  100% {transform: rotate(0);}
}

.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)}
.search a{width: 70px;height: 70px; border-left: 1px solid #e3e3e3}

.search img{width:20px;}

.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;}

.btnone{min-width: 80px; padding: 0px 20px; height: 40px; border-radius: 4px; background: #d02830; border: 1px solid #d02830; color: #ffffff; text-align: center; line-height: 40px; display: inline-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;}
.btnone:hover{background:none;color: #d02830; box-shadow:0px 0px 10px rgba(208,40,48,0.5)}

.btntwo{min-width: 80px; padding: 0px 20px;height: 40px; border-radius: 4px; border: 1px solid #ffffff; color: #ffffff; text-align: center; line-height: 40px; display: inline-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;}
.btntwo:hover{background:#d02830; border: 1px solid #d02830;color: #ffffff!important;box-shadow:0px 0px 10px rgba(208,40,48,0.5)}

.btnthree{min-width: 80px; padding: 0px 20px; height: 40px; border-radius: 4px; border: 1px solid #5a5b5b; color: #333333; text-align: center; line-height: 40px; display: inline-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;}
.btnthree:hover{background:#d02830; border: 1px solid #d02830;color: #ffffff!important;box-shadow:0px 0px 10px rgba(208,40,48,0.5)}

.btnfour{min-width: 80px; padding: 0px 20px; height: 40px; border-radius: 4px; border: 1px solid #ffffff; color: #ffffff; text-align: center; line-height: 40px; display: inline-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;}
.btnfour:hover{background:#d02830; border: 1px solid #d02830;color: #ffffff!important;box-shadow:0px 0px 10px rgba(208,40,48,0.5)}


.banner{position: relative; z-index: 1}

.banner .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:30px; width:86%;max-width: 1400px; }
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.2);opacity: 1; width:40px; height:2px;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;}
.banner .swiper-pagination-bullet-active { background:rgba(255,255,255,1)}

.banner .swiper-slide img{width: 100%;-webkit-transition: all .4s ease; transition: all .4s ease;}

.banner .swiper-slide img.hide{display: none}

.banner .swiper-slide-active>img{transform: scale(1.03, 1.03);transition: transform 5000ms ease;}


.bantxt{position:absolute; left:50%;top:50%;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 img{width:60%!important; max-width: 500px;}
.bantxt h2{font-size:44px;margin-bottom: 20px;letter-spacing: 1px; font-weight:normal}
.bantxt h2 span{font-size: 20px; line-height: 1; margin: 0px 20px;}
.bantxt p{font-size:20px; line-height:1.8;letter-spacing:1px}
.banwenzi{max-width: 850px;line-height: 1}

.banner .swiper-button-prev{left:1%; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden; background: rgba(255,255,255,0.3); width: 46px; height: 46px;border-radius: 100%}
.banner .swiper-button-next{right:1%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden;background: rgba(255,255,255,0.3); width: 46px; height: 46px;border-radius: 100%}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{color:rgba(255,255,255,0.8); font-size: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.banner .swiper-button-next:hover:after, .banner .swiper-button-prev:hover:after{color:rgba(255,255,255,1);}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity: 1; visibility: visible}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background: rgba(255,255,255,0.6);}

.huisebj{background: #f7f9fc}

.sytit{text-align: center}
.sytit h2{font-size: 40px;}
.sytit p{color: #818283}

.syprobox ul{width: calc(100% + 20px); margin-left: -20px;}
.syprobox li{border-radius: 10px;background-color: #ffffff; width: calc(25% - 20px); margin-left: 20px; margin-top: 20px;overflow: hidden; text-align: center; position: relative}
.syprobj{background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; 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;visibility: hidden; z-index: 1 }
.syprobox li>a{ padding:40px 30px; display: block; position: relative; z-index: 2}
.syprobox li p{font-size: 18px; font-weight: bold; margin: 20px 0px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; }
.syprobox li span{color: #9a9a9a;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.syproico{height: 100px;}
.syproico img{max-height: 100%;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;}

.syprobtn{width: calc(100% - 60px); position: absolute; left: 30px; bottom: 0px; 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: 2 }





.syprobox li:hover a p{color: #ffffff}
.syprobox li:hover a span{color: #ffffff}
.syprobox li:hover .syprobj{opacity: 1; visibility: visible}

.syprobox li:hover .syprobtn{bottom: 30px; opacity: 1; visibility: visible}

.syprobox li:hover .syproico img{opacity: 0; visibility: hidden}

.syprobox li:hover p{transform: translateY(-90px)}
.syprobox li:hover span{transform: translateY(-80px)}


.sysolution ul{width: calc(100% + 30px); margin-left: -30px; }
.sysolution li{width: calc(50% - 30px); margin-left: 30px; margin-top: 30px;border-radius: 10px; overflow: hidden; color: #ffffff;position: relative}
.sysolution li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.sysolution li a{color: #ffffff}
.sysolution li a:hover{color: #d02830}
.sysolution li h3{font-size: 24px;}
.sysolution li h3 img{width: 20px; margin-right: 10px;}
.sysolution_list{margin: 30px 0px 40px; min-height: 128px;}
.sysolution_list span{width: 50%;float: left; }

.sysolution_list span a{padding:0px 15px; position: relative;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.sysolution_list span a:before{content: ''; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}
.sysolution_list span a:hover:before{background: #d02830}
.sysolutiontxt{padding:50px 50px; position: relative; z-index: 2;}

.sysolutionbj{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-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1}

.sysolution li:hover .sysolutionbj{transform: scale(1.1, 1.1);}



.sytit_left{text-align: left}

.btnfive{color: #d02830; background: url("../images/icon_you.svg") no-repeat right center; background-size:8px auto; padding-right:15px;}

.btnsix{color: #ffffff; background: url("../images/icon_you3.svg") no-repeat right center; background-size:8px auto; padding-right:15px;}
.btnsix:hover{color: #d02830; background: url("../images/icon_you.svg") no-repeat right center; background-size:8px auto;}


.sycasebox{position: relative; padding-bottom: 50px;}
.sycasebox .swiper-slide a{background: #ffffff; border-radius: 10px; overflow: hidden; display: block}
.sycasebox .swiper-slide a:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }
.sycasetxt{padding: 25px;}
.sycasetxt p{ margin-bottom: 20px;}

.sycasebox .swiper-slide .sycasetxt p{min-height: 86px;}
.case_list li .sycasetxt span{color: #999999; margin-bottom:30px;}
.case_list li .sycasetxt p{margin-bottom:10px; font-weight: bold; font-size: 16px;}


.sycasebox .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:100%;}
.sycasebox .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:40px; height:2px;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;}
.sycasebox .swiper-pagination-bullet-active { background:#d02830}


.sycasebox .swiper-button-prev{left:-5%; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden; background: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 30%}
.sycasebox .swiper-button-next{right:-5%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden;background: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 30%}
.sycasebox .swiper-button-next:after, .sycasebox .swiper-button-prev:after{color:#ffffff; font-size: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.sycasebox .swiper-button-next:hover:after, .sycasebox .swiper-button-prev:hover:after{color:rgba(255,255,255,1);}
.sycasebox:hover .swiper-button-prev,.sycasebox:hover .swiper-button-next{opacity: 1; visibility: visible}
.sycasebox .swiper-button-prev:hover,.sycasebox .swiper-button-next:hover{background:#d02830;}



.synewsbox{position: relative;}
.synewsbox ul{width: calc(100% + 80px); margin-left:-80px;}
.synewsbox li{width: calc(50% - 80px); margin-left: 80px;border-bottom: 1px solid #e3e3e3;}
.synewsbox li a{padding: 20px 0px; display: block}

.synewsbox li em{color: #d0d0d0; display: block}
.synewsbox li p{font-size:18px; margin: 10px 0px 20px;}
.synewsbox li span{background: url("../images/icon_you2.svg") no-repeat right center; background-size:8px auto; padding-right:15px; display: inline-block}
.synewsbox li:hover span{color: #d02830; background: url("../images/icon_you.svg") no-repeat right center; background-size:8px auto;}


.synewsbox .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:100%;}
.synewsbox .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:40px; height:2px;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;}
.synewsbox .swiper-pagination-bullet-active { background:#d02830}

.partnerbox{background: url("../images/footerbj.jpg") no-repeat center center; background-size: cover; text-align: center}
.partnerbox p{font-size: 40px; color: #fff}

.footerbj{background: #f7f9fc}
.footerleft{width: 15%}
.footerleft h4{font-size: 18px;}
.footerleft p{color: #999999; margin-top: 20px;}
.footerleft h5{color: #d02830;font-size: 18px;}


.footercenter{width:60%}

.footercenter li h4{font-size: 16px; margin-bottom: 10px;}

.footernavdown{margin-top:15px;}
.footernavdown p a{color: #666666; padding: 5px 0px; display: block} 
.footernavdown p a:hover{color: #d02830} 

.footerright{width: 12%}
.footerright h4{font-size: 16px;}
.footerright li{width: 46%; text-align: center}
.footerright li p{color: #999; margin-top: 10px}
.footerright ul{margin-top: 20px;}


.footerbj .mainbox{width: 90%; max-width: 1600px;}

.footer_bottom{background: #ebedf0; padding: 20px; color: #999}
.footer_bottom a{color: #999; margin: 0px 5px;}
.footer_bottom a:hover{ color: #d02830}


.fudong{position: fixed; right: 10px; top: 50%; transform: translate(0,-50%); width:50px; z-index: 4; display: none}

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 50px; background: #fff;}
.fudong li{text-align: center; position: relative;}
.fudong li a{ padding:20px 0px; display: block}

.fudong li img{max-width:20px; max-height:20px; margin: 0 auto}
.fudong li:first-child{background: #d02830;border-radius: 50px; overflow: hidden }
.fudong li:first-child a{color: #fff;}
.fudong li:first-child p{width: 20px; margin: 0 auto; line-height: 1.2; margin-top: 5px;}
.fudong_down{position: absolute; width:160px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right:70px; top:0px; background: #fff; padding: 20px; text-align: left; 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;border-radius: 10px;}
.fudong_down p{margin-bottom: 10px}
.fudong_down span{font-size: 18px;color: #d02830; font-weight: bold;}
.fudong_down:before{content: ''; width: 0;height: 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #ffffff; position: absolute; left: 100%; top: 20px; }

.fudong li:hover .fudong_down{opacity: 1;visibility: visible; right: 60px;}

.topup{width: 50px; height: 50px; border-radius: 100%; margin-top:10px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: #ffffff}
.topup img{width: 20px;}

.fudong a img.hide{display: none}
.fudong a:hover img.show{display: none}
.fudong a:hover img.hide{display:block}

.banner{position: relative}
.banner>img{width: 100%}
.nybantxt{position: absolute; left: 0px; width: 100%; top: 50%; transform: translate(0,-50%); color: #FFFFFF}

.nybantxt h2{font-size: 40px;}

.nybantxt p{font-size: 20px;}
.mianbao{padding: 20px 0px; border-bottom: 1px solid #f5f5f5}
.mianbao img{width:5px; margin: 0px 8px;}
.mianbao a:last-child{color: #999999}
.mianbao a:last-child:hover{color: #d02830}

.nyproduct ul{width: calc(100% + 40px); margin-left: -40px;}
.nyproduct li{width: calc(50% - 40px); margin-left: 40px;border-radius: 10px; overflow: hidden; background: #f7f9fc; margin-bottom: 40px;}
.nyproduct li:hover .nyprotxt p{color: #d02830}
.nyprotxt>a{padding: 40px; display: block; padding-bottom: 0px;}

.nyprotxt p{font-size: 20px; font-weight: bold;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.nyprotxt span{ margin: 15px 0px 40px; color: #666666}

.nyproduct li .bigpic{ position: relative; border-radius: 10px;}
.nyprotxt .morebox{padding: 0px 40px 40px 40px;}

.pro_introduce{background: #f7f9fc; border-radius: 10px; overflow: hidden}

.pro_js_left{width:45%}
.pro_js_right{width:45%; padding:20px 5%}
.pro_js_right h3{font-size: 20px; }
.pro_js_right p{color: #666666; margin-top: 20px;}

.pro_xt_txt{width:25%}
.pro_xt_txt li  h4{border-bottom: 1px solid #e3e3e3; font-weight: normal; font-size: 20px; padding-bottom:10px; margin-bottom:10px;}
.pro_xt_txt li p{padding:3px 0px}
.pro_xt_txt li  h4 em{color:#ffffff;text-shadow:-1px -1px 0 #d02830, 1px -1px 0 #d02830,-1px  1px 0 #d02830,1px  1px 0 #d02830; margin-right: 10px; font-style: normal;}
.pro_xt_txt ul{height: 100%}

.pro_xt_pic{width:30%}

.nypro_liangdian ul{width: calc(100% + 20px); margin-left: -20px;}
.nypro_liangdian li{width: calc(50% - 80px); border-radius: 10px; background: #f7f9fc;padding:30px; margin-left: 20px; margin-bottom: 20px;}

.pro_ld_ico{background: #ffffff; width: 80px; height: 80px; border-radius: 10px;}
.case_ld_ico{width:140px;height:140px;}
.pro_ld_ico img{max-width: 50%; max-height: 50%}
.pro_ld_ico.case_ld_ico img{max-width:100%; max-height: 100%}

.pro_ld_txt{width: calc(100% - 100px);}
.case_ld_txt{width: calc(100% - 180px);}
.pro_ld_txt span{color: #666666;}
.pro_ld_txt p{font-size: 18px; margin-bottom:5px;}

.nypro_tedian{position: relative}
.nypro_tedian .swiper-slide{border-radius: 10px; overflow: hidden; background: linear-gradient(to bottom, #f7f9fc, #eef4fd); position: relative; overflow: hidden; padding-bottom:30px;}

.tedianico{height:60px; width:60px;}
.tedianico img{max-height: 100%}

.tediantxt{padding: 50px 30px 20px 30px;}

.tediantxt p{margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: bold;line-height: 1.6;}

.tediantxt span{color: #666666; display: block}


.ditubj{height:80px; opacity: 0.04;filter: grayscale(100%); position: absolute; right: -10px; bottom: -10px;}


.swiper-button-prev,.swiper-button-next{ z-index: 1}
.nypro_tedian .swiper-button-prev{left:-5%; 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: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 50%;}
.nypro_tedian .swiper-button-next{right:-5%;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: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 50%;}
.nypro_tedian .swiper-button-next:after, .nypro_tedian .swiper-button-prev:after{color:#ffffff; font-size: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.nypro_tedian .swiper-button-next:hover:after, .nypro_tedian .swiper-button-prev:hover:after{color:rgba(255,255,255,1);}
.nypro_tedian .swiper-button-prev:hover,.nypro_tedian .swiper-button-next:hover{background:#d02830;}

.prodibu{background: url("../images/proshowdibj.jpg") no-repeat center center; background-size: cover; color: #ffffff; text-align: center}

.prodibu p{margin-top: 20px;}

.nypro_tesebox{position: relative}
.nypro_tesebox .bigpic{border-radius: 10px;}
.nypro_tesebox p{font-size: 20px; font-weight: bold; position: relative; padding-left:15px; margin:20px 0px 10px;}
.nypro_tesebox p:before{width: 0;height: 0;border-top:4px solid transparent;border-bottom: 4px solid transparent;border-top:4px solid transparent;border-left:4px solid #d02830; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); content: ''}

.nypro_tesebox span{display: block; color: #666666; padding: 0px 15px;}

.nypro_tesebox .swiper-button-prev{left:-5%; 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: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 50%;}
.nypro_tesebox .swiper-button-next{right:-5%;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: rgba(0,0,0,0.3); width: 46px; height: 46px;border-radius: 100%; top: 50%;}
.nypro_tesebox .swiper-button-next:after, .nypro_tesebox .swiper-button-prev:after{color:#ffffff; font-size: 20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.nypro_tesebox .swiper-button-next:hover:after, .nypro_tesebox .swiper-button-prev:hover:after{color:rgba(255,255,255,1);}
.nypro_tesebox .swiper-button-prev:hover,.nypro_tesebox .swiper-button-next:hover{background:#d02830;}

.solution_tit ul{border-radius: 10px; background: #f7f9fc;}
.solution_tit li{width: 25%; border-left: 1px solid #eef0f2; position: relative}
.solution_tit li:first-child{border: none}
.solution_tit li a{height:60px; font-size: 18px; position: relative; z-index: 2;border-radius: 10px;}
.solution_tit li a img{max-width: 20px; max-height: 20px; margin-right: 15px;}
.solution_tit li a img.hide{display: none}

.solution_tit li.cur a{color:#ffffff;}
.solution_tit li.cur a img.hide{display: block}
.solution_tit li.cur a img.show{display:none}
.solution_tit li.cur:before{height: 110%}
.solution_tit li:before{width:100%; height:0%; background: #d02830; content: ''; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); z-index: 1;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;}

.solution_tit li a:hover{background: #d02830; color: #ffffff}
.solution_tit li a:hover{background: #d02830; color: #ffffff}
.solution_tit li a:hover img.hide{display: block}
.solution_tit li a:hover img.show{display:none}

.solution_list ul{width: calc(100% + 20px); margin-left: -20px;}
.solution_list li{width: calc(25% - 20px); margin-top:50px; margin-left: 20px;}

.solution_list li:hover em{background: #d02830; color: #ffffff; border: 1px solid #d02830}
.solution_list li .bigpic{border-radius: 10px;}
.solution_list li a{display: block}
.solution_list li p{font-size:18px; font-weight: bold; margin: 20px 0px 10px;}
.solution_list li span{color: #666666; margin-bottom: 20px;}

.solutiontxt{line-height:2; text-align: center}
.solutiontxt p{margin-top: 20px;}
.solutiontxt img{margin: 0 auto}

.huisebj .nypro_liangdian li{background: #ffffff}

.huisebj .pro_ld_ico{background: #f7f9fc}

.case_list ul{width: calc(100% + 20px); margin-left:-20px;}
.case_list li{width: calc(33.33% - 20px); margin-left: 20px; background: #f7f9fc; border-radius: 10px; margin-bottom: 20px;}
.case_list li .bigpic{border-radius: 10px;}
.case_list li a{padding: 20px; display: block}
.case_list li .sycasetxt{padding: 20px 10px;}

a:hover .btnthree{background:#d02830; border: 1px solid #d02830;color: #ffffff!important;box-shadow:0px 0px 10px rgba(208,40,48,0.5)}

.pagination {margin:20px 0;border-radius:4px;}
.pagination>li>a,.pagination>li>span {position:relative;padding:8px 14px;margin-left:-1px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;color:#666}
.pagination>li:first-child>a,.pagination>li:first-child>span {border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {background-color:#eeeeee;color:#d02830}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index:2;color:#ffffff;cursor:default;background-color:#d02830;border-color:#d02830;}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color:#999999;cursor:not-allowed;background-color:#ffffff;border-color:#dddddd;}


.caseshowbox{padding-top: 20px; padding-bottom: 50px;}
.showtit{border-bottom: 1px solid #e4e4e4; padding: 30px 0px;}

.showtit h1{font-weight: normal; font-size:30px; line-height: 1.2;margin-bottom: 10px;}
.showtit p{color: #d0d0d0}

.showleft{width: 62%}

.showlefttxt{text-align: justify;}
.showlefttxt img{display: inline-block;}
.showlefttxt p{margin-top: 20px; color: #666666}

.updown{border-top: 1px solid #e4e4e4; padding: 20px 0px; margin-top:40px;}
.updown p{padding: 5px 0px;}

.showright{width:calc(32% - 60px); background: #f7f9fc; padding: 30px; padding-bottom: 20px; position: sticky; top: 70px; margin-top: 20px;}

.showright_tit{font-weight: normal}

.xiangguan_case li{border-bottom: 1px solid #e3e3e3; padding: 20px 0px;}
.xiangguan_case li:last-child{border: none}
.xiangguan_case li .bigpic{width: 45%}
.xiangguan_case li p{width: 48%}

.news_list li{background: #f7f9fc; border-radius: 10px; margin: 20px 0px; width:100%;}

.timeleft{text-align: center; line-height: 1.2; width:100px}
.timeleft p{font-size: 40px; font-weight: bold; margin-bottom: 10px;}
.newsline{width: 1px; height:98px; background: #ececee}

.newscen{ width: calc(84% - 280px);}
.news_list li a{padding: 30px;}
.news_list li .bigpic{width:22%; height: 180px;}
.news_list li .bigpic img{height: 180px;object-fit: cover;}

.newscen p{font-size:20px; margin-bottom: 10px;}
.newscen span{color: #999999}

.s_newscen{ width: 84%;}
.w100{width:100%;}

.xiangguan_news li{border-bottom: 1px solid #e3e3e3; padding: 20px 0px; position: relative; padding-left: 15px;}
.xiangguan_news li:before{content: ''; width: 5px; height: 5px; border-radius: 100%; background: #333; position: absolute; left: 0px; top:30px;}
.xiangguan_news li:last-child{border: none}

.hzxuqiu li{width: calc(33.33% - 20px); position: relative; overflow: hidden; cursor: pointer; border-radius: 10px;}
.hzxuqiu li:before{content:''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); z-index: 1}

.hzxuqtxt{position: absolute; left:30px; width:calc(100% - 60px); bottom:-30px; color: #ffffff; z-index: 2;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.hzxuqtxt h4{font-size: 20px;}
.hzxuqtxt p{margin:10px 0px 30px; line-height: 26px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; text-align: justify}

.hzxuqiu li:hover .hzxuqtxt p{-webkit-line-clamp: 20!important;line-clamp:20!important;}

.hzxuqiu li .btnfour{opacity: 0;visibility: hidden}
.hzxuqiu li:hover .hzxuqtxt {bottom: 30px;}
.hzxuqiu li:hover .btnfour{opacity: 1;visibility:visible}

.shengqibox{background: url("../images/shengqhzbj.jpg") no-repeat center center; background-size: cover; text-align: center; color: #fff}
.shengqibox p{font-size: 40px;}
.shengqibox dl{margin:50px 0px 40px;}
.shengqibox dt{border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; background: rgba(0,0,0,0.1); padding:15px 20px;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}
.shengqibox dt img{width: 14px; margin-right: 10px;}
.shengqibox dd img{width: 8px;}

.shengqibox dt:hover{background: #d02830;border: 1px solid #d02830;}

.nyabout_logo{width: 30%; padding-top: 5px;}

.nyaboutwenzi{width: 60%; text-align: justify; line-height: 2;font-size: 16px;}
.nyaboutwenzi p{margin-bottom: 20px;}

.nyvalue_box{background: url("../images/valuepic.jpg") no-repeat center center; background-size: cover; padding:2% 5%; color: #fff; border-radius: 20px;}
.nyvalue_box li img{width: 60px;}
.nyvalue_box li{margin:60px 0px;}
.nyvalue_box li span{font-size: 18px;}
.nyvalue_box li p{font-size: 24px;white-space: nowrap;}
.value_txt{width: calc(100% - 100px)}

.fazhanbox dl{border-top: 1px solid #cccccc; padding:30px 0px;}
.fazhanbox dl:nth-child(1){border: none}
.fazhanbox dt{font-size: 36px; color: #d02830; font-weight: bold; line-height: 1.4}
.fazhanbox dt span{display:block; font-size:28px;}

.fazhanbox dd{width:80%}

.fazhanbox dd P{width:calc(100% - 20px);margin:10px 0px; position: relative; padding-left: 20px}

.fazhanbox dd P:before{content: ''; width: 5px; height: 5px; border-radius: 100%; background: #333; position: absolute; left: 0px; top: 10px;}

.fazhanbox{height:600px; overflow-y: scroll; padding-right:30px;}

.fazhanbox::-webkit-scrollbar { width:6px;background-color: #e0e0e0; width: 4px; }
.fazhanbox::-webkit-scrollbar-track { border-radius: 6px; background: #e0e0e0; }
.fazhanbox::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #d02830; }


.kuaijie li{width: 50%;position: relative}
.kuaijie li a{color: #fff; font-size:30px; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%}

.kuaijie li a img{width: 12px; margin-left: 20px;}

.contachtop ul{width: calc(100% + 90px); margin-left: -90px}
.contachtop li{width: calc(33.33% - 90px); margin-left: 90px; margin-bottom: 20px;}

.contachtop li span{border-bottom: 1px solid #e4e4e4; padding: 20px 0px; color: #666666}
.contachtop li span img{max-width:24px; max-height: 24px; margin-right: 15px}
.contachtop li p{padding:20px 0px; padding-left: 35px; font-size:20px}

.contachtop li p em{width: 30%; text-align: center; font-size: 14px;color: #666666}
.contachtop li p em:first-child{margin-right: 20px;}

.contachbot ul{width: calc(100% + 40px); margin-left: -40px;}
.contachbot li{width: calc(50% - 44px); margin-top: 28px; margin-left: 40px; background: #f7f9fc; border-radius: 10px; border-left: 4px solid #d02830}

.contachbot li span{width: 140px; background: #edeff2}
.contachbot li span img{width: 16px; margin-right: 10px;}
.contachbot li p{width: calc(100% - 200px); padding: 20px 30px;}
.contachbot li p em{display: block}


.shengqibj .mainbox{max-width: 1000px;}
.shengqibj{background: url("../images/bjb.jpg") no-repeat center center; background-size: cover}
.biaodan{border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden}
.biaoright{width: 50%}

.biaoleft{background-size: cover; background-position: center center; background-repeat:no-repeat; width: 50%}

.biaoright ul{width: calc(100% - 60px); margin-left: -20px;padding:40px;}
.biaoright li{width: calc(100% - 20px);margin:5px 0px; margin-left: 20px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;} 
.biaoright li.wh50{width: calc(100% - 20px);}

.frosm{border: 1px solid #cccccc; border-radius: 4px;overflow: hidden; width: calc(100% - 130px)}
.inputtxt{width: calc(100% - 30px); padding: 0px 15px; height: 35px; border: none}
.inputtxt.w50{width: calc(50% - 30px)}
.cade{color: #d02830; padding-right: 15px;}
.biaoright li p{color: #666;width: 130px;}

.tijiaobtn{width: 100%; height: 48px; background: #d02830; color: #ffffff; border-radius: 4px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.tijiaobtn:hover{box-shadow:0px 0px 10px rgba(208,40,48,0.5)}
.biaoright li:nth-child(7){margin-top: 10px; margin-bottom:20px;width: calc(100% - 20px);}
.biaoright li:nth-child(8){width: calc(100% - 20px);}


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


.redcolor{color: #d02830}
.redcolor:hover{text-decoration: underline}

.biaoright li textarea{width:calc(100% - 160px); padding: 15px; border: 1px solid #ccc; border-radius: 4px; height: 45px}

.selects{width:100%; padding:0px 15px; border: 1px solid #ccc; border-radius: 4px; height: 35px; background: url("../images/icon_xia.svg") no-repeat 97% center; background-size: 12px auto; width: calc(100% - 130px)}


.falvtxt{background: #ffffff; border-radius: 10px; padding: 50px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); max-width: 1000px; margin: 0 auto; margin-top: 5%}

.falvtxt p{padding: 10px 0px;}



.tanchubj{width:100%; height: 100%;  position: fixed; left: 0px; top: 0px; z-index: 999; background: rgba(0,0,0,0.8); display: none; cursor: pointer}
.videotan{width: 90%; position:absolute; left: 50%; top: 50%; max-width: 900px; transform: translate(-50%,-50%); z-index: 1000;}
.videotan video{width: 100%;}

.closebtn{width:30px; height: 30px;position: absolute; right:0px; top: 0px;  display: block}

.closebtn:hover{ transform:rotate(90deg); }
.videotit{padding: 10px;}
.videotan h4{color: #ffffff; text-align: center; padding-bottom: 10px; font-size: 16px;}

.nyvideolist li{width: calc(33.33% - 20px); margin-left: 20px;margin-bottom: 30px;}
.nyvideolist ul{width: calc(100% + 20px); margin-left:-20px;}

.nyvideolist li p{font-size: 18px 0px; padding: 20px 0px;}
.nyvideolist li{border-bottom:1px solid #dddddd; position: relative}
.nyvideolist li:before{content: ''; width: 0px; height: 2px; background: #d02830; 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; }
.nyvideolist li:hover:before{width: 100%;}
.nyvideolist li .bigpic{position: relative}
.nyvideolist li .bigpic:before{content: ''; width: 40px; height: 40px; background: url("../images/playico.svg") no-repeat center center; background-size: 100% auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2}

.tanlayer{background:rgba(0,0,0,0.5); position: fixed; width:100%; height:100%; top:0px; left: 0px; display:none;}
.layerbiandan{position:absolute; width:300px; padding:30px; border-radius: 5px;background:#FFF; top:60%; left:50%; transform: translate(-50%, -50%);z-index: 10; text-align: center;display:none;}
.layerbiandan h2{font-size:16px; font-weight: bold;text-align:center;}
.layertext{padding:8px 20px;border-radius: 5px;font-size:18px;font-weight: bold;background:#d02830; color:#FFF;margin:0px auto;margin-top:15px;display:inline-block;}