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

body {color:#333333;font-family:'PingFang SC',-apple-system-font, BlinkMacSystemFont,'Microsoft YaHei UI','Microsoft YaHei',sans-serif;overflow-x: hidden; line-height: 1.8;}

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

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color:#13acbd}
/*居中*/
.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;}


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

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


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

/*省略号*/
.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:90%}
.logo{width:30%; max-width:200px;}
.top{position:fixed; left: 0px; top: 0px; width:94%; z-index:12;transition:0.2s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: fixed; left:3%; top:15px; }
.top.cur{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02); top: 0px; width: 100%; left: 0px; border-radius: 0; max-width: 100%; transform: none}
.top:hover{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}
.top>.mainbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  width:94%; z-index: 2;background: #fff; border-radius:10px; max-width: 1600px; padding: 0px 3%}

.nytop{background: #ffffff;box-shadow:0px 6px 6px rgba(0,0,0,0.02);}

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

 


.nav{width:75%; max-width: 880px;}
.nav li{position: relative}
.nav li>a{position: relative; display: block;line-height:70px;padding-right:20px; font-weight: bold}
.nav li.cur>a{color: #13acbd;}
.nav li:hover>a{color: #13acbd;}

.navdown{width:200px; position: absolute; left:-30px; top:75px;background:rgba(255,255,255,1);display: none; z-index: 2; padding:5px 0px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-radius: 10px;}

.navdown span{display: block;line-height: 30px;padding:5px 20px 5px 30px;}
.navdown span a{background: url("../images/arrow-right.svg") no-repeat right center; background-size: 12px auto; display: block}
.navdown span a:hover{background: url("../images/arrow-right3.svg") no-repeat right center; background-size: 12px auto; }

.navdowndown{position: absolute; left: calc(100% + 2px);width:300px;background:rgba(255,255,255,1);padding:5px 0px;box-shadow: 0px 10px 10px rgba(0,0,0,0.05); border-radius: 10px; top: 0px; display: none}



.tel{margin-right:40px;font-family:'DINPRO';}
.tel a{color: #0f51aa; position: relative; font-size: 20px; font-weight: 500}
.telico img{width:10px; }
.telico {width:20px; height: 20px; border-radius: 100%; border: 1px solid #0f51aa;margin-right:6px;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);}
}

.morebtn{line-height:38px; text-align: center; color: #ffffff; background: #13acbd;border-radius: 38px; padding: 0px 10px 0px 15px; position: relative; overflow: hidden;  max-width: 100px; border: 1px solid #13acbd}
 
.morebtn span{position: relative; z-index: 2}
.morebtn em{position: relative; 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; }
.morebtn em{width: 24px; height:24px; border-radius: 100%; background: url("../images/arrow-right2.svg") no-repeat center center; background-size:70% auto; margin-left:8px;}
.morebtn:before{content: ''; position: absolute; left:-100%; top: 0px; width: 100%; height: 100%; background:#27c4d5; 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: 38px; }
    
.morebtn:hover em{background: url("../images/arrow-right3.svg") no-repeat center center #ffffff; background-size:70% auto; }
.morebtn:hover span{color: #ffffff}
.morebtn:hover:before{left: 0px;}

.morebtn.kong{background: none; color: #13acbd}
.morebtn.kong em{ background: url("../images/arrow-right3.svg") no-repeat center center; background-size:70% auto; }
.morebtn.kong:hover em{background: url("../images/arrow-right3.svg") no-repeat center center #ffffff; background-size:70% auto; }





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

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

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

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


.bantxt{position:absolute; left:50%;top:55%;transform: translate(-50%,-50%); width: 100%; color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }

.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;margin-bottom: 20px;}
.bantxt h2 span{font-weight: 300}
.bantxt p{font-size:20px; line-height:1.8;letter-spacing:1px; font-weight:400}
.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);}


.sykechengbj{background: url("../images/sykcbj.jpg") no-repeat top center #fefefe; background-size: 100% 100%;}

.sytit h2{font-size:30px;}
.sykecheng_left{width: 47%; position: relative}
.sykecheng_left .swiper-slide .bigpic{border-radius: 20px;}
.syketxt{padding: 20px 10px 30px; color: #666666; min-height: 56px;}
.sykecheng_left .morebtn{margin-left: 10px;}
.sykecheng_right{width: 47%}

.sykecheng_right li span{height:30px; width:30px;}
.sykecheng_right li span img{max-height: 100%}
.hide{display: none}
.sykecheng_right li p{width: calc(100%  - 60px)}
.sykecheng_right li{margin-bottom: 10px;}
.sykecheng_right li a{height:70px; border-radius:10px; background:url("../images/arrow-right.svg") no-repeat 95% center rgba(255,255,255,0.5); padding: 0px 30px; background-size: 16px auto; font-size: 18px;}

.sykecheng_right li a:hover{background:url("../images/arrow-right2.svg") no-repeat 95% center #13acbd; background-size: 16px auto; color: #ffffff}
.sykecheng_right li a:hover span img.show{display: none}
.sykecheng_right li a:hover span img.hide{display: block}

.sykecheng_right li.cur a{background:url("../images/arrow-right2.svg") no-repeat 95% center #13acbd; background-size: 16px auto; color: #ffffff}
.sykecheng_right li.cur span img.show{display: none}
.sykecheng_right li.cur span img.hide{display: block}

.sykecheng_left .swiper-slide{display: none}
.sykecheng_left .swiper-slide:nth-child(1){display: block}


.syservice{border-top: 1px solid #f1f1f1}

.sytit p{max-width: 50%; max-width: 500px; color: #666666; text-align: right}

.binggoubox ul{width: calc(100% + 36px); margin-left: -36px;}
.binggoubox li{width: calc(50% - 36px); margin-left: 36px;background-color: #f8fafb; border-radius: 20px; position: relative; overflow: hidden}
.binggoubox li a{padding:40px 30px; display: block;position: relative; z-index: 1}

.binggoubox li h3{font-size: 20px; color: #333333}
.binggoubox li p{margin: 20px 0px 30px; color: #666666}

.binggoubox li img{position: absolute; right: -10px; bottom: -10px; opacity: 0.1; height:30%}

.binggoubox li:before{background: url("../images/skservice_pic.jpg") no-repeat center center; background-size: cover; content: ''; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 0; 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; }
.binggoubox li:hover:before{opacity: 1; visibility: visible;}
.binggoubox li a:hover p{color: #ffffff}
.binggoubox li a:hover h3{color: #ffffff}

.binggoubox li:nth-child(2):before{background: url("../images/skservice_pic2.jpg") no-repeat center center; background-size: cover; }
.binggoubox li:nth-child(3):before{background: url("../images/skservice_pic3.jpg") no-repeat center center; background-size: cover; }
.binggoubox li a:hover .morebtn{border: 1px solid #13acbd; color: #ffffff}

.binggoubox li a:hover .morebtn em{background: url("../images/arrow-right3.svg") no-repeat center center #ffffff; background-size:70% auto;}
.binggoubox li:hover{box-shadow: 0px 10px 10px rgba(0,0,0,0.04)}

.xiaoyoucase{overflow: hidden}
.xiaoyoucase .swiper-container{overflow-x: hidden}
.xiaoyoucase .swiper-slide{width:28%; border: 1px solid #eeeeee; border-radius: 30px;box-shadow: 0px 10px 10px rgba(0,0,0,0.03) }

.xybox{padding: 30px}


.xylogo{width:80px; height:70px; border: 1px solid #e4e4e4; border-radius: 20px;}
.xylogo img{max-width: 80%; max-height: 80%;}

.xytop h4{width: calc(100% - 100px); font-size: 20px;}

.xytxt{padding: 20px 0px; color: #666666}

.xiaoyoucase{position: relative; padding-bottom: 50px;}

.xiaoyoucase .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:0px; width:86%;max-width: 1400px; }
.xiaoyoucase .swiper-pagination-bullet{background:rgba(0,0,0,0.2);opacity: 1; width:8px; height:8px;margin:0px 5px; border-radius:0%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 10px;}
.xiaoyoucase .swiper-pagination-bullet-active { background:#13acbd; width:30px;}

.synewsbox .sytit{border-bottom: 2px solid #13acbd; padding-bottom: 20px;}

.synewshezi{font-size: 18px;}
.synewsbox_left{background: #fff; width: 45%}
.synewsbox_left .bigpic{border-radius: 30px; margin-bottom: 20px;}
.synewsbox_txt{padding:10px 0px;}

.synewsbox_right{width: calc(50% - 20px);}
.synewsbox_right ul{height: 100%}
.synewsbox_right li{border-bottom: 1px solid #eeeeee; height: 25%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}

.synewsbox_right li a{width: 100%}
.synewsbox_txt span{font-size: 14px; color: #999999}


.xuqiubox{background: #f8fafb; border-radius: 30px; padding:40px 50px;}

.xuqiuleft{width: 30%}
.xuqiuleft h2{font-size: 30px; line-height: 1.2}
.xuqiuleft p{color: #666666; margin: 30px 0px 50px}

.xuqiuright{width:60%}

.xuqiuright li{border-left: 1px solid #dee0e1; width: calc(50% - 76px); padding: 0px 38px; position: relative}
.xuqiuright li:before{content: ''; position: absolute; left: -2px; top: 60px;width:3px; background: #13acbd; height: 24px;}
.xuqiuright li img{height: 40px;}

.xuqiuright li h3{margin: 15px 0px 20px;}

.xuqiuright li p{color: #666666; margin: 20px 0px 34px}

.footer{background: #f8f8f8}

.foot_nav{width: 50%}
.foot_nav p{font-weight: bold; margin-bottom:5px;}
.foot_navdown span{display: block; padding: 3px 0px}
.foot_navdown span a{color: #999999}
.foot_navdown span a:hover{color: #13acbd}


.foot_right{width: 45%}
.footcon{width: 40%}
.footma{width: 55%}

.foot_right span{display: block; color: #999999}
.footcon p{font-weight: bold; margin-bottom: 5px;}
.footma p{font-weight: bold;margin-bottom: 5px;}
.footma li{width: 30%; text-align: center}
.footma li span{margin-top: 5px; font-size: 12px;}

.foot_bot{border-top:1px solid #dee0e1; padding: 20px 0px; color: #999999}

.foot_bot a{color: #999999}
.foot_bot a:hover{color: #13acbd}

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

.tanchubox{width: 90%; max-width: 1000px; background: #ffffff; border-radius: 30px; margin:100px auto 0px;overflow: hidden}

.tantit{text-align: center; background: #f8fcfd; padding:30px 30px;}
.tantit h3{color: #13acbd; font-size: 30px;}
.tantit p{color: #666666}
.tantit p span{padding: 0px 10px;}
.tanchuhezi{padding:30px 5%}

.select_dizhi{position: relative;}
.tanchuhezi>ul>li{width: calc(25% - 30px); margin-left: 30px;margin-bottom:20px; position: relative;}
.tanchuhezi .w75{width: calc(40% - 30px);}

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

.inptxt{width: calc(100% - 32px); padding: 0px 15px; border: 1px solid #e3e3e3; height: 40px; border-radius: 2px;}

.selecttxt{width: 100%; padding: 0px 15px; border: 1px solid #e3e3e3; height: 40px; border-radius: 2px; background: url(../images/down_btn.svg) no-repeat 95% center;background-size: 10px auto;}
.tanchuhezi p{margin-bottom: 5px;}
.tanchuhezi label{margin-bottom: 5px;}
.tanchuhezi p em{color: #ff0000}
.tanchuhezi label em{color: #ff0000}

/*.tanchuhezi li.w50{width: calc(66.66% - 30px);}*/

.tanchuhezi li.w100{width: calc(100% - 30px);}

.bodertop{border-top: 1px solid #f0f0f0}

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

.tanchuhezi h3{font-size: 20px; margin-bottom: 20px;}
.inputright label{cursor: pointer}

.textarea{width: calc(100% - 32px); padding: 15px; border: 1px solid #e3e3e3; height:60px; border-radius: 2px;}

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


.tanchuover{height: 100vh; overflow-y: scroll; width: 100%; position:fixed; left: 0px; top: 0px; z-index: 999; display: none;}
body.over{overflow: hidden}

.morebtn.w200{max-width: 200px; width: 100%}

.close_btn{width: 40px; height: 40px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.6);}
.close_btn img{width: 30%}
.close_btn:hover{background: #13acbd}

.nybanner{position: relative}
.nybanner img{width: 100%}

.nybantxt{position: absolute; left: 0px; width: 100%; bottom: 0px; color: #ffffff}

.nybantxt.newsbantxt{bottom: 30%}



.nybantit h2{position: relative; color: #ffffff; }
.nybantit h2 em{font-size: 100px;opacity: 0.2; line-height: 1}
.nybantit h2 span{position: absolute; left: 0px; bottom: 0px;font-size:40px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}
.nynav{margin:60px 0px 30px;}
.nynav li{margin-right: 15px;}
.nynav li a{height: 40px; line-height: 40px; border-radius: 40px; padding: 0px 25px; color: #ffffff; display: block; font-size: 18px;}
.nynav li a:hover{background: #ffffff; color: #13acbd}
.nynav li.cur a{background: #ffffff; color: #13acbd}

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


.nyabtop{border-bottom: 1px solid #c4c4c4}
.nyabtop h2{font-size:50px; line-height: 1.2}
.nyabtop p{color: #666666}
.nyabtop p em{font-size: 70px; font-weight: bold; color: #13acbd; line-height: 1;font-family: 'DINPro';}
.nyabtop p span{display: block}


.nyabtxtleft{width: 52%; text-align: justify; color: #666666; line-height: 2}
.nyabtxtleft p{margin-bottom: 20px;}
.nyabtxtright{width: 42%}
.nyabtxtright ul{width: calc(100% + 70px); margin-left:-70px;}
.nyabtxtright li{width: calc(50% - 70px); margin-left: 70px; margin-bottom:30px;}

.nyabtxtright li p i{font-size: 60px;font-family: 'DINPro'; font-weight: 500; line-height: 1}
.nyabtxtright li p em{font-size: 50px;font-family: 'DINPro'; font-weight: 500; line-height: 1}
.nyabtxtright li p{border-bottom: 1px solid #c4c4c4; padding-bottom: 10px; margin-bottom: 10px;}
.nyabtxtright li span{color: #666666}

.brd30{border-radius: 30px; overflow: hidden}


.abyoushi ul{width: calc(100% + 25px); margin-left:-25px;}
.abyoushi li{width: calc(25% - 45px); margin-left: 25px; margin-bottom:25px; border-top-left-radius: 30px; border-top-right-radius: 30px; background: #f0f7f7; border-bottom: 4px solid #13acbd; padding: 8% 10px;}

.abysico{height:70px;}
.abysico img{max-height: 100%}

.abyoushi li p{font-size: 20px; text-align: center; margin-top: 30px;}



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

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


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


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



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

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

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

.lishilist{position: relative;}

.lishilist:before{content: ""; height: 100%; width: 1px; position: absolute; left: 50%; transform: translate(-50%,0); top: 0px; background:#c9c9c9; background-size: auto 100%; opacity: 0.5}

.shijiantxt h3{font-size:50px;font-family: 'DINPro';font-weight:500;  margin-bottom:20px; line-height: 1; color: #13acbd}
.shijiantxt p{color: #666666; font-size: 20px}

.shijiantxt:before{content: ""; height:13px; width:13px;position: absolute; right:-14px; top:15px; border:8px solid #d0faff; border-radius: 20px; background: #13acbd}



.ablingdao ul{width: calc(100% + 40px); margin-left:-40px;}
.ablingdao li{width: calc(42% - 40px); margin-left: 40px; margin-bottom:60px; border-radius: 30px;background: #f8fafb;overflow: hidden; padding:4%; position: relative }

.ablingdao li:before{content: ''; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px; background: url("../images/ldbj.jpg") no-repeat center center; background-size: cover; z-index: 0}
.ablingdao li .bigpic{width: 40%}
.abldtxt{width: 50%; position: relative; z-index: 1; height: 100%}

.abldtxt_top h3{font-size: 30px;}
.abldtxt_bot{ color: #fff; height:40%; padding-top: 10%}

.abldtxt_top{ height:45%; padding-top:5%}

.zhuanjiabox ul{width: calc(100% + 26px); margin-left:-26px;}
.zhuanjiabox li{width: calc(25% - 86px); margin-left: 26px; margin-bottom: 60px; padding: 30px; background: #f8fafb; border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom:4px solid #13acbd; }

.zhuanjiabox li .bigpic{border-radius: 30px;}
.zjtxt{text-align: center; padding: 20px 0px}
.zjtxt h2{margin-bottom: 10px}
.zjtxt p{color: #666666}

.page a{height: 40px; min-width: 40px; text-align: center; line-height: 40px;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;font-family: 'DINPro';font-weight:500;}

.page a img{max-height:50%}
.page a.cur{color: #13acbd}
.noclick {opacity: 0.2; cursor: default}

.pagebj{background: #f8f8f8; border-radius: 60px; padding: 0px 20px;}


.huobanbox ul{width: calc(100% + 30px); margin-left:-30px;}
.huobanbox li{width: calc(25% - 30px); margin-left: 30px; margin-bottom: 30px;background: #f8fafb;border-radius: 10px;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;}

.contacttit h2{font-size: 40px; margin-bottom: 10px}
.contacttit p{color: #666666}

.contactbox ul{max-width:65%}

.contactbox li{border-bottom: 1px solid #d9d9d9; padding:20px 0px; font-size: 18px;}
.contactbox li:last-child{border: none}
.contactbox li img{width: 30px;}
.contactbox li p{width: calc(100% - 50px)}

.contactbox li p em{width: 80px}
.contactbox li p span{width: calc(100% - 80px)}

.contactbox li p span img{width: 100px;}

.gongkaikelist ul{width: calc(100% + 50px); margin-left:-50px;}
.gongkaikelist li{width: calc(33.333% - 50px); margin-left: 50px; margin-bottom: 50px;}
.gongkaikelist li .bigpic{border-radius:30px;}

.gongkaikelist li p{font-size:20px; padding:20px 10px 30px; font-weight: bold}
.gongkaikelist li i{margin-left: 10px;}


.kechengnav{border-bottom:4px solid #13acbd}
.kechengnav li{width: 16.666%}
.kechengnav li a{ display: block; text-align: center; line-height:60px; height: 54px; font-size: 20px;}

.kechengnav li a:hover{border-top-left-radius: 20px;border-top-right-radius: 20px;background: #13acbd; color: #ffffff;}
.kechengnav li.cur a{border-top-left-radius: 20px;border-top-right-radius: 20px;background: #13acbd; color: #ffffff;}

.miaobao p{color: #999999; font-size: 14px; background: url("../images/home.svg") no-repeat left center; background-size: 14px auto; padding-left: 20px}
.miaobao p a{color: #999999;}
.miaobao p a:hover{color: #13acbd;}


.xiangmuleft{width: 43%;}
.xiangmuleft h3{font-size: 24px; border-bottom: 1px solid #dddddd; padding: 20px 0px; margin-bottom: 20px;}

.xiangmuleft p{color: #666666; line-height: 2}

.xiangmuright{width: 50%; border-radius: 30px; background: url("../images/kcbj.jpg") no-repeat center center; background-size: cover}

.xiangmurighttxt{padding:10%}
.xiangmurighttxt h4{margin-top: 30px; font-size: 24px;}
.xiangmurighttxt p{color: #666666}

.kechengjieleft{width: 55%}
.kechengjieright{width:40%}

.kechengjieleft h2{border-bottom: 1px solid #dddddd; padding: 20px 0px; margin-bottom: 20px; font-size: 30px; width: 120%; position: relative; z-index: 2}

.kechengjstxt{color: #666666; line-height: 2}
.kechengcon p{padding: 5px 0px;}
.kechengcon p img{width: 16px; margin-right: 10px;}


.hexinjiazhi ul{width: calc(100% + 20px); margin-left:-20px;}
.hexinjiazhi li{width: calc(33.333% - 84px); margin-left: 20px; margin-bottom: 27px; background: #f8fafb; border-left: 4px solid #13acbd; padding: 30px; padding-bottom: 0px}


.hexinjiazhi li h4{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; font-size:24px;}
.hexinjiazhi li h4 img{width:20px; margin-right: 20px;}
.hexinjiazhi li p{color: #666666; min-height: 50px;}
.hexinjiazhi li span{font-style: italic; color: #13acbd; opacity: 0.2; font-size: 60px; line-height: 0.8; display: block; text-align: right;font-family: 'DINPro';font-weight:500;}


.kechengshezhi li{border-bottom: 1px solid #dddddd; padding: 20px 0px;}
.kechengshezhi li h4{font-size: 24px; cursor: pointer}
.kechengshezhi li.cur h4 span{color: #13acbd}
.kechengshezhi li.cur h4 p{color: #13acbd}

.kechengshezhi li h4 span{font-style: italic; color: #ebebeb; font-size:50px; line-height:1; font-family: 'DINPro';font-weight:500; }
.kechengshezhi li h4 p{width: calc(100% - 80px)}
.kechengsztxt{padding-left: 80px;}
.kechengsztxt p{position: relative; padding: 5px 0px; padding-left: 10px; color: #999999}
.kechengsztxt p:before{content: ''; width: 5px; height:5px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #13acbd; border-radius: 100%}

.kechengsztxt p span{color: #333333}


.kechengsztxt{display: none; margin-top: 10px;}
.kechengshezhi li:nth-child(1) .kechengsztxt{display: block}
.djshizitit li{margin: 0px 10px;}
.djshizitit li a{ color: #13acbd; font-size: 18px; padding: 0px 30px; height: 42px; line-height: 42px; border-radius: 42px; text-align: center; border: 1px solid #13acbd; display: block}
.djshizitit li a:hover{color: #ffffff; background: #13acbd}
.djshizitit li.cur a{color: #ffffff; background: #13acbd}

.dingjishizi .zhuanjiabox{display: none}
.dingjishizi .zhuanjiabox:first-child{display: block}


.xueyuanganyan ul{width: calc(100% + 35px); margin-left:-35px;}
.xueyuanganyan li{width: calc(33.333% - 97px); margin-left: 35px; margin-bottom: 40px;padding: 30px; padding-bottom: 0px; border: 1px solid #dadada; border-bottom: 4px solid #13acbd; border-top-left-radius:20px; border-top-right-radius: 20px; }
.xueyuantop{background: #f8fafb; border-radius: 20px; padding:20px;}
.xueyuanlogo{width: 80px; height: 80px; border-radius: 100%; overflow: hidden}
.xueyuanlogo img{max-height: 100%}

.xueyuanname{width: calc(100% - 100px)}
.xueyuanname span{color: #666666}
.xueyuanname p{font-size: 24px;}
.xueyuanbot{padding: 20px 0px;}
.xueyuanbot p{line-height: 2; color: #666666; margin:10px 0px}
.xueyuanbot span{ width: 40px; display: block}
.xueyuanbot span img{width: 40px;}
.xueyuanbot em { text-align: right;display: block;}
.xueyuanbot em img{ width: 40px; display: inline-block}

.kecnumber{font-size: 60px; line-height: 1; color: #13acbd;font-family: 'DINPro';font-weight:500; font-style: italic;}

.kezstxt{width: calc(100% - 120px)}
.zhaosheng li{margin-bottom: 30px;}
.kezstxt h3{color: #13acbd;background: linear-gradient(to right, #d0eef2, #f6fcfc);padding: 10px 20px; font-size: 24px;}
.kezspis{padding: 20px 0px;}
.kezspis p{position: relative; padding: 5px 0px; padding-left: 10px; color: #999999}
.kezspis p:before{content: ''; width: 5px; height:5px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%); background: #13acbd; border-radius: 100%}


.kezstxtbxs h4{font-size: 18px;}
.kezstxtbxs p{color: #999999; line-height: 2}
.kezstxtbxs .kezspis{padding: 0px;}
.kezstxtbxs dd{border-bottom: 1px solid #dddddd; padding: 20px 0px;}
.kezstxtbxs dd h4{margin-bottom: 10px}

.kechengbox{display: none}
.kechengbox:first-child{display: block}

.xuqiufbsx{border-top: 4px solid #13acbd; padding-right:10%}

.xuqiubsxright{width: 40%;}
.xuqiubsxright img{width: 100%}

.xuqiubsxleft{width: 48%; text-align: justify}
.xuqiubsxleft h3{font-size:24px;}
.xuqiubsxleft p{color: #666666; margin-top: 20px;}

.fabuxuqius{background: #f8fafb; border-radius: 30px; padding: 60px; padding-top: 40px; position: relative}

.fabuxuqius h2{color: #13acbd; padding:10px 20px; border-radius: 20px;background: linear-gradient(to right, rgba(19,172,189,0.2), rgba(19,172,189,0));  width: 50%; top: -30px; position:absolute;}

.fabuxuqius_hz{background: #ffffff; border-radius: 30px;}


.maifangtop  .sytit{width: 30%}
.maifangtxt{width: 65%; line-height: 2}
.maifangtxt h3{color: #13acbd; margin-top: 10px;}


.maifangbox ul{width: calc(100% + 35px); margin-left:-35px;}
.maifangbox li{width: calc(33.333% - 97px); margin-left: 35px; margin-bottom: 35px;padding:30px; padding-top: 0px; border: 1px solid #e6e6e6; border-top: 4px solid #13acbd; border-bottom-left-radius:20px; border-bottom-right-radius: 20px; background: url("../images/buyico.png") no-repeat right 20px; background-size: 30% auto}

.maifangbox li h4{font-size:18px; background: url("../images/xuqiu_ico01.svg") no-repeat left center; background-size: 20px auto; border-bottom: 1px solid #e6e6e6; padding: 20px 0px;padding-left: 30px; }

.maifanxs{line-height: 2; padding:20px 0px; color: #666666; margin-bottom: 30px;}

.maifangbox.xiangfan li{background: url("../images/sale.png") no-repeat right 20px; background-size: 40% auto}
.maifangbox.xiangfan li h4{ background: url("../images/xuqiu_ico02.svg") no-repeat left center; background-size: 20px auto; line-height: 1.2}

.researchbox ul{width: calc(100% + 35px); margin-left:-35px;}
.researchbox li{width: calc(25% - 35px); margin-left: 35px; margin-bottom: 35px;}

.researchbox li p{font-size: 18px; margin: 20px 0px; min-height: 70px;}
.researchbox li span{color: #999999}

.researchbox li .bigpic{border-radius:20px;}

.zixuantxt{line-height: 2; color: #666666; font-size: 16px; text-align: justify}
.zixuantxt p{margin: 20px 0px}

.zixuanboxs{border-radius: 30px; overflow: hidden}


.nynewsbox ul{width: calc(100% + 35px); margin-left:-35px;}
.nynewsbox li{width: calc(25% - 95px); margin-left: 35px; margin-bottom: 35px;padding:30px;border-top: 4px solid #13acbd; border-bottom-left-radius:20px; border-bottom-right-radius: 20px; background:#f8fafb;}
.nynewsbox li .bigpic{border-radius: 20px;}

.nynewsbox li span{color: #999999}
.nynewsbox li p{font-size: 18px; min-height: 100px; margin: 20px 0px;}


.newsshowbanner{background: #f0f7f7;  padding:160px 0px 80px;}

.newsshowbanner .mainbox{max-width: 1000px;}

.max1200{max-width: 1000px;}

.newsshowtxt {line-height: 2}
.newsshowtxt p{color: #666666}
.newsshowtxt p img{display:inline-block;}

.updowns{border-top: 1px solid #d9d9d9; padding: 30px 0px; margin-top:50px;}

.updowns li{max-width: 45%;}


.xiaoyouqiye ul{width: calc(100% + 35px); margin-left:-35px;}
.xiaoyouqiye li{width: calc(33.333% - 35px); margin-left: 35px; margin-bottom: 35px;border-radius: 20px; background:#f8fafb;}

.xiaoyouqiye li .xytxt{border-top: 1px solid #e4e4e4; margin-top:25px;}

.xiaoyounews li{border-bottom: 1px solid #f1f1f1}

.xiaoyounews li a{padding:40px 30px;}

.xytime{}
.xytime p{font-size:40px;font-family: 'DINPro';font-weight:500; line-height: 1.2}


.xiaoyounews li .bigpic{width: 20%; border-radius: 20px;}
.videos{max-height:70vh}
.videos video{max-height:70vh}
.xynewstxt{width:65%}
.xynewstxt1{width:calc(100% - 130px);}
.xynewstxt p{font-size: 20px; line-height: 1.4; margin-bottom: 10px;}
.xynewstxt span{color: #999999}
.xiaoyounews li a:hover{background: #f8fafb; border-radius: 30px; }
.xiaoyounews li:hover{border-bottom: 1px solid #fff}

.xiaoyoufangtan ul{width: calc(100% + 30px); margin-left:-30px;}
.xiaoyoufangtan li{width: calc(25% - 30px); margin-left: 30px; margin-bottom: 30px;border-radius: 20px; background:#f8fafb; position: relative}

.ftans{position: absolute; width: calc(90% - 20px); left: 5%; background: #fff; border-radius: 20px; bottom: 5%; padding: 10px;}
.txs{width: 60px; height: 60px;border-radius: 100%}
.txs img{max-width: 100%; max-height: 100%}

.fantxts{width: calc(100% - 40px);padding: 0px 20px;}
.fantxts p{font-size: 18px; line-height: 1.2}
.fantxts span{font-size: 14px; color: #999999}

.xiaoyoufangtan li:before{width: 40px; height: 24px; border-radius: 20px; background: url("../images/sanjiao.png") no-repeat center center rgba(255,255,255,0.4); background-size:8px auto;content: ''; position: absolute; left: 5%; top: 5%; 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; }
.xiaoyoufangtan li .bigpic{border-radius: 30px;}

.xiaoyoufangtan li:hover:before{background-color: #ffffff}

.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: 40px; height: 40px; border-radius: 100%; border: 1px solid rgba(255,255,255,0.6); margin: 0 auto; margin-top: 20px;}
.closebtn img{width: 30%}
.closebtn:hover{background: #13acbd}

.banner{overflow: hidden}
#banvideo{float: left}