@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,caption,tfoot,thead,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:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; padding-top:80px;}

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: #c7000a}
/*居中*/

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

/*浮动*/
.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';}

/**上对齐*/
.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}

/**二端对齐居中*/
.erduanzhong{justify-content: center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/* 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}

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




.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.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;}
.sevenline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient: vertical;}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}



input::-webkit-input-placeholder{color:rgba(0,0,0,0.5); font-size: 14px;} 
input:-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 14px; } 
input::-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 14px; } 
input:-ms-input-placeholder{color:rgba(0,0,0,0.5);font-size: 14px; } 



@-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}

.mainbox{margin: 0 auto; width:90%; max-width: 1720px;}


.top{width: 100%; z-index:8; background:rgba(255,255,255,1); position: fixed; top: 0px; left: 0px;}
.top.cur{ box-shadow: 0px 0px 20px rgba(0,0,0,0.05);}
.top.cur>.mainbox{min-height:70px;}
.logo{ width:30%; max-width:340px;}
.topright{width:60%}
.top>.mainbox{min-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;}

.nav{ width:80%;}

.nav li{position: relative;}
.nav li>a{line-height:40px; display: block;}
.nav li:before{content: ''; width: 0px; height:2px; background: #c7000a;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; bottom:0px;}
.nav li:hover:before{width: 100%}
.nav li:hover>a{color: #c7000a}


.navdown{width: 200px; position: absolute; left:-20px; top:40px;background:rgba(255,255,255,0.9);display: none; z-index: 2; padding: 15px 0px;}
.navdown span{display: block;line-height: 30px;padding: 5px 20px;}

.nav li:nth-child(3) .navdown{width: 320px;}

.nav li.cur:before{width: 100%}
.nav li.cur>a{color: #c7000a; }


.concur>a{ color: #c7000a; font-weight: bold}

.nav li:hover.concur:before{display: none}


.globalbtn{position: relative;  background: url("../images/xia.png") no-repeat right center; background-size: 10px auto; padding-right:20px;cursor: pointer}
.globalbtn>span{background: url("../images/qiu.png") no-repeat left center; background-size:16px auto; padding-left: 26px; line-height: 30px; display: block}

.globalbtn ul{position: absolute; left:50%; transform: translate(-50%,0);top:30px; background:rgba(255,255,255,0.8); width:80px; padding: 5px 10px; line-height: 30px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); border-radius: 5px; font-size: 14px; 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; z-index: 9999; text-align: center}

.globalbtn ul li a{display: block;}

.globalbtn:hover ul{ opacity: 1; visibility: visible; top: 30px}





.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.5);opacity: 1; width:46px; height:3px;margin:0px 5px; border-radius:6px;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}

.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.05, 1.05);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;}

.bantxt h2{font-size:40px;text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.bantxt p{font-size: 20px; font-weight: 300; margin-top: 10px;text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.banwenzi{max-width: 850px;}


.wapshow{display: none}
.swiper-container {overflow: hidden}
.banner .swiper-slide-active .bantxt .mainbox{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}


.morebtn{width: 60px; height: 60px; border-radius: 100%; border: 1px solid #fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; color: #fff; font-size: 14px; font-weight: 300;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.morebtn:hover{background: #c7000a!important; border: 1px solid #c7000a!important;color: #fff!important}

.morebtn.blackcolor{color: #474747; border: 1px solid #474747}


.syaboutbox{background: url("../images/syabbj.jpg") no-repeat center center; background-size: cover;text-align: center}
.syaboutbox .mainbox{/*background: url("../images/abbj.png") no-repeat center 20%;*/ background-size: 74% auto}
.syabtit{ line-height: 1.4}
.syabtit h2{font-size: 40px; color: #c7000a; font-weight:500}
.syabtit h3{font-size: 30px; font-weight:500; margin-top: 5px;}

.syabouttxt h4{font-size:18px; margin-bottom: 10px;font-weight:500}
.syabouttxt p{color: #474747; line-height: 2}


.syserviceonebox{background:url("../images/servicebj.jpg") no-repeat center center; background-size: cover; color: #ffffff}
.syserviceonebox .sytit p{color: #ffffff;}
.sytit{text-align: center}
.sytit h2{font-size: 34px; font-weight: 500}
.sytit p{color: #595959; margin-top: 5px;}

.gonggong{position: relative;}
.gonggong .swiper-button-next:after, .gonggong .swiper-button-prev:after{font-size:20px; color:rgba(255,255,255,0.5); }
.gonggong .swiper-button-next:hover, .gonggong .swiper-button-prev:hover{border: 1px solid #ffffff; }
.gonggong .swiper-button-next:hover:after, .gonggong .swiper-button-prev:hover:after{color:rgba(255,255,255,1); }
.gonggong .swiper-button-prev{left:-5%; width:52px; height: 52px; 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 rgba(255,255,255,0.5); border-radius: 100%}
.gonggong .swiper-button-next{right:-5%;width: 52px; height: 52px; 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 rgba(255,255,255,0.5); border-radius: 100%}



.gonggong .swiper-pagination{z-index: 999; left:0px; bottom:10px; width: 100% }
.gonggong .swiper-pagination-bullet{background:rgba(255,255,255,0.5);opacity: 1; width:30px; height:3px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.gonggong .swiper-pagination-bullet-active { background: #ffffff}


.syprobox.gonggong .swiper-pagination-bullet{background:rgba(0,0,0,0.5);}
.syprobox.gonggong .swiper-pagination-bullet-active { background: #c7000a}



.sericobox{width: 58px; height: 58px; margin: 0 auto}
.sericobox img{max-height: 100%}




.syserviceonehezi .swiper-slide{text-align: center;}
.syserviceonehezi .swiper-slide a{color: #ffffff; display: block; border-radius: 10px;border: 1px solid rgba(255,255,255,0); padding: 50px 10px;}
.syserviceonehezi .swiper-slide a:hover{background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3) }
.syserviceonehezi .swiper-slide a span{margin: 0 auto; opacity: 0.5}
.syserviceonehezi .swiper-slide a:hover span{opacity: 1}
.tesetxt h4{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.tesetxt{margin: 30px 0px 40px;}

.syserviceonehezi .swiper-slide a:hover .morebtn{background: #c7000a!important; border: 1px solid #c7000a!important;color: #fff!important}




.syprobox .swiper-slide{position: relative;border-radius: 10px;overflow: hidden}
.syprobox .swiper-slide a{display: block;}
.syprobox .swiper-slide a em{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 20%;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; z-index: 5}

.syprotxt{ width: 84%; left: 8%; color: #fff; position: absolute;  z-index: 4;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syprotxt img{ max-height:48px; display: inline-block}

.syprobox .swiper-slide a:before{content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.2); z-index: 2; 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;}
.syprotxt p{font-size: 24px;margin: 10px 0px 0px; font-weight: 500}
.syprotxt span{color: rgba(255,255,255,0.7)}
.syprotxt.db{bottom: 30px;}
.syprotxt.zj{bottom: 50%; text-align: center; opacity: 0}

.syprobox .swiper-slide a:hover:before{opacity: 1}
.syprobox .swiper-slide a:hover .syprotxt.zj{opacity:1}
.syprobox .swiper-slide a:hover .syprotxt.db{opacity: 0}

.syprobox .swiper-slide a:hover em{opacity: 1}


.huisebj{background: #f3f3f3}


.sypartner li{width: calc(20% - 30px); margin-left: 30px; margin-bottom: 30px; float: left;border-radius: 10px;overflow: hidden}

.sypartner ul{width: calc(100% + 30px); margin-left: -30px;}


/* .sypartner li a img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	opacity:0.7;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} */
.sypartner li a:hover img{opacity: 1;-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter:none;}


.sycontactbj{background: url("../images/sycontactbj.jpg") no-repeat center center; background-size: cover; color: #fff}


.sycontactbox{border: 1px solid rgba(255,255,255,0.3); border-radius: 20px; padding:40px 50px;}

.syconleft{width:100%}
.syconleft h2{font-size: 24px; font-weight: 500}

.syconright{text-align: center; width: 35%; max-width: 260px;}
.syconright img{max-width: 90px; margin: 0 auto}
.syconright p{margin-top: 10px;}

.syconright li{width: 45%}

.syconleft li img{width: 40px;}
.syconleft li{margin-top: 30px;}
.syconleft li em{height: 40px; width: 1px; background: rgba(255,255,255,0.5); margin: 0px 30px;}
.syconleft li p{line-height: 1.6}
.syconleft li span{display: block;font-size: 18px;font-family: arial}

.footerbj{background: #121212; color: #676767}

.footerbj a{color: #676767}

.footerbj a:hover{color: #ffffff}

.footernav{max-width: 620px; width: 70%}
.footernav ul{width: 100%}
.footshare{width: 25%; max-width: 120px}
.footshare img{height: 14px;}

.footshare a{opacity: 0.5}
.footshare a:hover{opacity: 1}

.footerbot{border-top: 1px solid #2a2a2a}


.nybanner{position: relative}
.nybanner>img{width: 100%}
.nybantxt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 1600px; text-align: center; color: #fff}
.nybantxt h2{font-size: 40px; font-weight: 500}
.nybantxt p{font-size: 20px}

.nynavbj{background: #f7f7f7;}

.miaobao{min-height: 70px;}
.miaobao a img{width: 16px;}
.miaobao span img{width: 6px;}
.miaobao span{margin: 0px 10px;}
.miaobao em{font-size: 12px; margin: 0px 10px;}
.nynav{width: 50%}
.nynav li a{display: block; line-height: 70px;}
.nynav li{ margin-left: 6%;position: relative}
.nynav li:first-child{margin: 0px;}

.nynav li:before{content: ''; width: 0px; height:2px; background: #c7000b;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:50%; bottom: 0px; transform: translate(-50%,0)}
.nynav li:hover:before{width: 120%}
.nynav li:hover>a{color: #c7000b}

.nynav li.cur:before{width: 120%}
.nynav li.cur>a{color: #c7000b}

.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 5% 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333;border-radius: 10px; }

.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:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#c7000b}
.nynavselect ul li.cur a{color: #fff}


.nyservicebj{background: url("../images/serverbj.jpg") no-repeat top center; background-size: 100% auto;}

.nysertxt{text-align: center; line-height: 2; font-size: 18px; max-width:1000px; margin:0 auto;}

.nysertxt p{position: relative}
.nysertxt p:before{content: '“'; color: #c7000b; font-size: 36px;  position: absolute; left: -60px; top: -20px;}
.nysertxt p:after{content: '”'; color: #c7000b; font-size: 36px;  position: absolute; right: -60px; bottom: -30px;}


.nyservicelist li{border-bottom: 1px solid #d3d3d3; padding: 5% 0px; }
.nyservicehz{background: #f7f7f7; border-radius: 10px; overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0,0.05) }
.servicepic{width: 53%; background: #000;position: relative}
.servicepic a{display: block; position: relative}

.servicepic .swiper-pagination{z-index: 999; left:0px; bottom:20px; width: 100% }
.servicepic .swiper-pagination-bullet{background:#707070;opacity: 1; width:12px; height:12px;margin:0px 5px; 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;}
.servicepic .swiper-pagination-bullet-active { background: #c7000a}




.servicepic a:before{content: ''; border: 1px solid rgba(255,255,255,0.9);width: 70px; height: 70px; border-radius: 100%; background: url("../images/fd.png") no-repeat center center; background-size: 26px auto; position: absolute; left:50%; top: 40%; transform: translate(-50%,-50%); 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;}
.servicepic img{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.servicepic a:hover:after{border: 10px solid #c7000a; width:calc(100% - 20px); height: calc(100% - 20px); content: ''; position: absolute; left: 0px; top: 0px; z-index: 1}
.servicepic a:hover img{opacity: 0.5}
.servicepic a:hover:before{top: 50%; opacity: 1; z-index: 2}
.nyservicelist li:nth-child(odd) .nyservicehz .servicepic{order: 2;}
.nyservicelist li:last-child{border: none}
.nyservicetxt{width:37%; padding:3% 5%;}
.nyservicetxt h3{font-weight: 500; position: relative; font-size: 24px; padding-bottom: 20px; margin-bottom: 20px;}
.nyservicetxt h3:before{content: ''; width: 84px; height: 2px; background: #c7000a; position: absolute; left: 0px; bottom: 0px;}

.nyservicetxt p{color: #7e7e7e; margin-top:10px; line-height: 1.8}
.nyservicetxt h4{margin-top: 20px; font-size: 20px; font-weight: 500}



.tanchubj{width: 100%; height: 100%; position:absolute; z-index: 9; background: rgba(0,0,0,0.7); left: 0px; top: 0px; display: none}


.tanchubox{position: absolute; left: 50%; top: 50%; z-index: 10; border: 10px solid #fff; border-radius: 10px; transform: translate(-50%,-40%); max-width: 927px; width: calc(90% - 20px); display: none}


.tanchubox.gonggong .swiper-button-next{right:3%}
.tanchubox.gonggong .swiper-button-prev{left:3%}


.nycasebox{border-top: 1px solid #d3d3d3}


.nycaselist li{width: calc(50% - 22px); margin-left: 20px; margin-bottom: 20px; float: left;border-radius: 10px;overflow: hidden; border: 1px solid #d3d3d3;}
.nycaselist li img{width: 100%}
.nycaselist ul{width: calc(100% + 20px); margin-left: -20px;}


.nycaselist{border: 1px solid #d4d4d4;border-radius: 10px; padding: 28px; margin-top: 50px;}

.nycaselist_txt{border-left: 1px solid #cacaca;padding-left: 24px; margin-top: 10px;}

.nycaselist_txt h4{font-size: 24px;}
.nycaselist_txt p{color: #7e7e7e;  margin-top: 10px; line-height: 1.8}

.contactbox{border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

.contactright{width: 60%}

.contactleft{width: 30%; padding: 5%}
.contactleft h2{font-weight: 500; font-size: 24px; margin-bottom:30px}
.contactleft>p img{width:14px; margin-right: 10px}
.contactleft>p{margin: 10px 0px;}
.contactleft ul{max-width: 280px; margin-top: 30px;}
.contactleft ul li{text-align: center; width: 40%}
.contactleft ul li p{margin-top: 10px;}

.contactleft ul li img{border: 1px solid #f0f0f0}



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

.bianwenben{width: calc(100% - 32px); border: 1px solid #d3d3d3; padding: 0px 15px; height: 50px; border-radius: 10px;}
.bianwbenyu{width: calc(100% - 32px); border: 1px solid #d3d3d3; padding: 15px 15px; height: 150px;border-radius: 10px;}


.tijiaos{width: 170px; height: 50px;background: #c7000b; color: #fff; font-size: 18px;border-radius: 6px;}

.tijiaos:hover{background: #da1520;}

.biaodanbox li:nth-child(5),.biaodanbox li:nth-child(6){width: calc(100% - 30px); }

.biaodanbox li span{width: 80px; line-height: 50px;}
.bdright{width: calc(100% - 90px)}


.nyabtxt{line-height:2; text-align: justify}
.nyabtxt h3{color: #c7000b; font-size: 20px; font-weight: normal; margin-top: 10px}

.nyabtxt p{color: #7e7e7e; margin-top: 15px;}


.nyabmunhezi{background: #f7f7f7}
.nyabmunbox{max-width: calc((100% - 1720px)/2 + 1720px); width: 95%}
.nyabmunleft{width: 37%;}
.nyabmunleft li{width:45%;margin: 30px 0px; margin-right: 5%;float: left}
.nyabmunleft li p{font-size: 30px; color: #c7000b; border-bottom: 1px solid #c3ccdc; font-family: arial; padding-bottom: 10px}
.nyabmunleft li span{display: block; color: #7e7e7e; margin-top: 10px;}


.nyabmunright{width: 63%}
.nyabmunright img{width: 100%}


.nyfazhanbox{max-width: calc((100% - 1720px)/2 + 1720px); width: 95%;position: relative}
.nyfazhanbox .swiper-slide{width: 35%}
.fzboxs{border-left: 1px solid #dddedf; padding: 80px 40px;padding-top:30%}

.fazhantxt .fangdapic{border-radius:10px; overflow: hidden}
.fazhantxt span{color: #c7000b; font-size: 30px; font-weight: 500}
.fazhantxt p{line-height: 1.8; min-height: 80px; margin: 20px 0px;}

.nyfazhanbox .sytit{position: absolute; left: 40px; top:8%}

.fazhanqiehuan{position: absolute; right: 5%; top:6%}
.fazhanqiehuan .swiper-button-next{position: relative; top: auto; right: auto;white-space: nowrap; color: #474747; padding-left: 30px; height: auto; margin: auto}
.fazhanqiehuan .swiper-button-prev{position: relative; top: auto; left: auto;white-space: nowrap; color: #474747;padding-left: 30px; height: auto; margin: auto; margin-bottom: 10px}

.fazhanqiehuan .swiper-button-next:after,.fazhanqiehuan .swiper-button-prev:after{font-size:16px; color: #c7000b; left: 0px; position: absolute; font-weight: bold}


.bossbox{padding: 40px; background: #fff; border-radius: 10px;}

.bosspic{width: 30%; max-width:560px}

.bosstxt{width: 68%; max-width: 1090px; text-align: justify}

.bosstxt h2{font-weight: 500; margin-bottom: 10px}
.bosstxt h3{font-weight: normal;}
.bosstxt p{color: #7e7e7e; margin-top: 20px; line-height: 1.8;}



.sypartnertit li{height:44px; border-radius: 44px; border: 1px solid #999999; min-width: 150px; text-align: center; color: #5f5f5f; line-height: 44px; font-size: 18px; cursor: pointer; margin: 0px 20px;}
.sypartnertit li:hover{color: #c7000b;border: 1px solid #c7000b; }
.sypartnertit li.cur{color: #c7000b;border: 1px solid #c7000b; }


.sypartnerbox .sypartner{display: none}
.sypartnerbox .sypartner:first-child{display: block}

.sypartnerbox .sypartner li{border: 1px solid #e6e6e6;width: calc(20% - 32px);}