*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1700px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
body{background:#F2F6F9}
.header{height:80px;box-shadow:0 15px 30px rgba(0,0,0,.15);line-height:80px;background:#fff;width:100%;z-index:222222222;}
.header.height{position:fixed;left:0;top:0;}
.header .menu li a{height:80px;line-height:86px;display:block;padding:0 15px;font-size:18px;color:#2c4363;text-transform:uppercase;transition-duration:1s;}
.header .menu li a.on,.header .menu li a:hover{background:#30C2C2;color:#fff;}
.header .more{margin-left:15px;}
.header .more .so{padding:0 30px;position:relative;}
.header .more .so:before,.header .more .so:after{width:1px;content:"";height:16px;position:absolute;background:#2C4363;top:34px;}
.header .more .so:before{left:15px;}
.header .more .so:after{right:15px;}
.header .more .lang{position:relative;z-index:2;}
.header .more .lang h3{cursor:pointer;font-size:14px;color:#2c4363;}
.header .more .lang h3 span{margin:0 5px}
.header .more .lang .sub{background:#fff;padding:0 10px 10px;border-radius: 0 0 6px 6px;display:none;position:absolute;top:80px;left:0;width:100%;z-index:2;}
.header .more .lang .sub a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #2C4363;display:block;line-height:35px;}
.header .more .lang:hover .sub{display:block;}

.main{padding:70px 0;}
.sidebar{width:100%;max-width:360px;}
.sidebar h2{border-bottom:1px solid #CBD1D5;font-family: 'Barlow-Bold';font-size:24px;text-transform:uppercase;padding-bottom:20px;}
.sidebar li{position:relative;}
.sidebar li a{display:block;transition-duration:.6s;height:61px;line-height:60px;border-bottom:1px solid #CBD1D5;font-size:18px;}
.sidebar li.on a,.sidebar li a:hover{color:#29bfc0}
.sidebar li:before{display:none;content:"\f178";font-family:"FontAwesome";position:absolute;right:10px;top:45%;}
.sidebar li.on:before,.sidebar li:hover:before{display:block;}
.content{width: calc(100% - 460px);}
.ad img{display:block;width:100%}
.list-news ul li{position:relative;padding:40px 0;border-bottom:1px solid #CBD1D5}
.list-news ul li .pic{width:300px;overflow:hidden}
.list-news ul li .pic img{width:100%}
.list-news ul li .txt{width: calc(100% - 350px);}
.list-news ul li .txt .time{font-size:16px;color:#29bfc0;}
.list-news ul li .txt h3{transition-duration:1s;padding:20px 0;font-size:24px;color:#2c4363;font-family: 'Barlow-Bold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news ul li .txt p{font-size:16px;line-height:24px;color:#2c4363;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-news ul li:before{transition-duration:1s;width:0;height:1px;background:#30C2C2;position:absolute;bottom:-1px;left:0;content:"";}
.list-news ul li:hover:before{width:100%;}
.list-news ul li:hover .txt h3{color:#30C2C2}
.show-news .time{padding:30px 0 20px;font-size:16px;color:#29bfc0;}
.show-news .title{font-family: 'Barlow-Bold';line-height:26px;font-size:26px;color:#2c4363;}
.show-news .body{margin:30px 0;padding:30px 0;border-top:1px solid #CBD1D5;border-bottom:1px solid #CBD1D5;font-size:16px;line-height:24px;color:#2c4363;min-height:400px;}
.show-news .body p{margin-bottom:20px;}
.show-news .up p{margin-bottom:5px}
.show-news a.more{width:120px;height:40px;border-radius:40px;transition-duration:.6s;color:#fff;line-height:40px;text-align:center;background:#29BFC0;}
.show-news a.more:hover{background:#2C4363}
.list-pro ul{justify-content:flex-start;}
.list-pro li{width:32%;margin:0 2% 30px 0;}
.list-pro li:nth-child(3n){margin-right:0;}
.list-pro li a{display:block}
.list-pro li .pic{overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:5px}
.list-pro li .pic img{width:100%;}
.list-pro li .txt{padding:35px 10px 0;}
.list-pro li .txt h2{font-family: 'Barlow-Bold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;}
.list-pro li .txt h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#2c4363;}
.list-pro li .txt p{font-size:20px;color:#30C2C2}
.list-pro li .txt p span{color:#2c4363}
.show-pro .title{position:relative;margin:30px 0;text-align:center;}
.show-pro .title:before{width:100%;height:1px;background:#2C4363;top:50%;left:0;position:absolute;z-index:1;content:"";}
.show-pro .title h2{position:relative;background:#F2F6F9;z-index:2;padding:0 10px;display:inline-block;font-family: 'Barlow-Bold';;font-size:36px;}
.show-pro .body table tbody{display:flex;justify-content:space-between;width:100%;flex-wrap:wrap;}
.show-pro .body table tr{width:48%;line-height:49px;height:50px;border-bottom:1px solid #CBD1D5;}
.show-pro .body table tr td{ width:316px;}
.show-pro .show-pro-header{padding:25px 25px 10px 25px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.show-pro .show-pro-header .bd{width: calc(100% - 80px - 55%);}
.show-pro .show-pro-header .bd img{width:100%}
.show-pro .show-pro-header .hd{width:80px}
.show-pro .show-pro-header .hd li{width:80px;border:1px solid #D0DDD8;margin-bottom:10px;}
.show-pro .show-pro-header .hd li img{width:78px;display:block;height:78px;}
.show-pro .show-pro-header .hd .btn a{width:50%;height:30px;line-height:30px;text-align:center;background:#2C4363;color:#fff;font-size:22px;cursor:pointer;}
.show-pro .show-pro-header .hd .btn a:last-child{background:#29BFC0}
.show-pro .show-pro-header .info{width:50%}
.show-pro .show-pro-header .info h2{padding-top:15px;font-family: 'Barlow-Bold';font-size:24px;}
.show-pro .show-pro-header .info h3{font-size:18px;}
.show-pro .show-pro-header .txt{min-height:160px;border-bottom:1px solid #B6B8BA;}
.show-pro .show-pro-header .txt p{color:#161616;line-height:26px;margin-bottom:10px;font-size:16px;}
.show-pro .show-pro-header .info-nav{border-top:1px solid #D2D2D2;margin-top:20px;font-size:0;padding:20px 0;}
.show-pro .show-pro-header .info-nav a{transition-duration:.5s;display:inline-block;width:45px;line-height:45px;height:45px;background:#2C4363;text-align:center;color:#fff;font-size:20px;border-radius:45px;margin-right:10px;}
.show-pro .show-pro-header .info-nav a:first-child{width:145px;background:#29BFC0;font-size:16px;}
.show-pro .show-pro-header .info-nav a:hover{background:#29BFC0;}
.show-pro .show-pro-header .info-share{margin-top:15px}
.show-pro .show-pro-header .info-share p{font-size:18px;color:#070611}
.show-pro .show-pro-header .info-share div a{transition-duration:.5s;display:inline-block;text-align:center;color:#A5A5A5;font-size:20px;margin-left:20px;}
.show-pro .show-pro-header .info-share a:hover{color:#29BFC0;}
.list-contact h2{font-family: 'Barlow-Bold';font-size:48px;}
.list-contact .txt{width:50%}
.list-contact .form{width:45%}
.list-contact .txt h3{font-size:18px;line-height:24px;margin:10px 0 60px;max-width:70%}
.list-contact .txt li{margin-bottom:25px;font-size:16px;}
.list-contact .txt li span{display:inline-block;width:30px;text-align:center}
.list-contact .txt .wx{padding:15px;background:#fff;border-radius:5px;display:inline-block;text-align:center;}
.list-contact .txt .wx p{margin-bottom:8px;}
.list-contact .txt .wx span{color:#000;font-size:18px;}
.list-contact .form form{padding-top:40px;}
.list-contact .form input{display:block;border-bottom:1px solid #CBD1D5;padding-left:10px;width:100%;background:none;padding:30px 0;}
.list-contact .form textarea{display:block;min-height:100px;border-bottom:1px solid #CBD1D5;width:100%;line-height:25px;padding:10px 0;background:none;}
.list-contact .form input::-webkit-input-placeholder,.list-contact .form textarea::-webkit-input-placeholder{color:#2c4363}
.list-contact .form .code{position:relative;}
.list-contact .form .code img{cursor:pointer;position:absolute;right:0;bottom:10px;}
.list-contact .form .btn{text-align:right;padding:60px 50px 0 0}
.list-contact .form .btn span{border-radius:30px;transition-duration:.6s;cursor:pointer;color:#fff;display:inline-block;text-transform:uppercase;text-align:center;width:210px;background:#29BFC0;height:50px;line-height:50px;}
.list-contact .form .btn span:hover{border-radius:4px;}
.list-about h2{font-size:48px;font-family: 'Barlow-Bold';}
.list-about h3{font-size:18px;line-height:24px;}
.list-about li{border-bottom:1px solid #CBD1D5;padding:50px 0;}
.list-about li .pic{width:190px;}
.list-about li .txt{width: calc(100% - 220px);}
.list-about li .txt h4{font-size:24px;font-family: 'Barlow-Bold';}
.list-about li .txt h5{font-size:16px;line-height:24px;margin:30px 0;;}
.list-about li .txt h6{font-size:16px;text-align:right;}
.list-about-video{font-family: 'Barlow-Bold';max-width:900px;text-transform:uppercase;margin:20px 0 120px;font-size:29px;line-height:36px}
.list-about-title{margin-bottom:60px;}
.list-about-title h2{margin-bottom:10px;font-family: 'Barlow-Bold';font-size:48px;}
.list-about-title p{line-height:24px;max-width:830px;font-size:18px;}
.list-about-images{margin-bottom:60px;}
.list-about-images ul{display:flex;flex-wrap:wrap;}
.list-about-images ul li{width:23.5%;padding:10px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:5px;margin:0 2% 30px 0;}
.list-about-images ul li:nth-child(4n){margin-right:0;}
.list-about-images ul li .pic{overflow:hidden}
.list-about-images ul li .pic img{width:100%;}
.list-about-images ul li .txt{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding-top:10px;text-transform:uppercase;}

.footer{padding:100px 0;background:#2C4363;color:#fff;}
.footer .info h2{font-family: 'Barlow-Bold';font-size:24px;text-transform:uppercase;}
.footer .info p{line-height:24px;font-size:18px;}
.footer .info .txt{width:27%;}
.footer .info .txt p{margin:40px 0;}
.footer .info .txt a{transition-duration:.5s;font-family: 'Barlow-Bold';font-size:18px;color:#fff;}
.footer .info .txt a img{transition-duration:.5s;margin-left:16px}
.footer .info .txt a:hover{margin-left:10px;}
.footer .info .txt a:hover img{transform: rotate(90deg);}
.footer .info .add{width:24%;}
.footer .info .add h2{padding-left:30px;background:url(../images/ico3.jpg) no-repeat left center;}
.footer .info .add p,.footer .info .add h3{padding-left:30px}
.footer .info .add p{margin:20px 0;}
.footer .info .add h3{font-family: 'Barlow-Bold';font-size:30px;}
.footer .info .add h3 a{color:#30c2c2}
.footer .info .msg{width:32%;}
.footer .info .msg h2{font-size:30px}
.footer .info .msg .form{border:2px solid #FFFFFF;margin:35px 0 25px}
.footer .info .msg .form input{width: calc(100% - 60px);padding-left:10px;color:#fff;font-size:18px;background:none;}
.footer .info .msg .form input::-webkit-input-placeholder{color:#fff;}
.footer .info .msg .form span{cursor:pointer;width:50px;height:50px;line-height:50px;text-align:center}
.footer .info .msg .ico{margin-top:40px;}
.footer .info .msg .ico a{color:#fff;font-size:20px;padding-right:12px;border-right:1px solid #566982;margin-right:12px;}
.footer .info .msg .ico a:last-child{border:0;margin:0;padding:0;}
.footer .info .msg .ico a:hover{color:#30C2C2}
.footer .bottom{padding-top:130px;}

.index-banner{overflow:hidden;position:relative;}
.index-banner .slick-dots{bottom:15px}
.index-banner .txt{position: absolute;left:0;width:100%;bottom:5px;}
.index-banner .txt h2,.index-txt h2{font-size:70px;font-family: 'Barlow-Bold';text-transform:uppercase;color:#2c4363;line-height:80px;}
.index-banner .txt h2{color:#fff;}

.index-about{padding:60px 0 120px;}
.index-about .title{justify-content:flex-end;}
.index-about .title h2{width:50%;font-size:24px;line-height:36px;font-family: 'Barlow-Regular';}
.index-about .left,.index-about .right{width:46%;}
.index-about .info{margin-top:120px;}
.index-about .info .pic p{overflow:hidden;}
.index-about .info .pic p img{width:100%}
.index-about .info .pic h3{transition-duration:.6s;line-height:80px;font-family: 'Barlow-Bold';font-size:36px;padding:0 30px;background:#fff;text-transform:uppercase;}
.index-about .info .left{display:flex;justify-content:flex-end;flex-wrap:wrap;}
.index-about .info .left .pic:last-child{width: calc(100% - 20%);margin-top:250px;}
.index-about .info .right .pic{width: calc(100% - 15%);margin-top:200px;float:right;}
.index-about .info .pic:hover h3{background:#30C2C2;color:#fff;}
.index-about .info .txt h2{margin-bottom:50px;font-size:36px;color:#30c2c2;line-height:43px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-about .info .txt p{max-width:480px;font-size:18px;color:#2c4363;line-height:30px;font-family: 'Barlow-Regular';}
.index-about .info .btn{margin:100px 0 0 15%;}
.index-about .info .btn a{overflow:hidden;position:relative;transition-duration: 1s;text-align:center;display:flex;align-items:center;justify-content:center;width:265px;height:265px;background:#F3994B;border-radius:100%;}
.index-about .info .btn a p{margin-bottom:10px;}
.index-about .info .btn a p img{transition-duration:.6s;}
.index-about .info .btn a span{font-size:20px;color:#fff;font-family: 'Barlow-Bold';}
.index-about .info .btn a:hover p img{transform: rotate(90deg);}
.index-about .info .btn a .bg{transition-duration:.6s;position:absolute;width:265px;z-index:1;top:-100%;left:0;height:265px;background:#33C1C0;border-radius:100%;}
.index-about .info .btn a .more{position:relative;z-index:2;}
.index-about .info .btn a:hover .bg{top:0;}
.index-type{padding-bottom:100px;}
.index-type .title{text-align:center;margin-bottom:60px;text-transform:uppercase;}
.index-type .title h2{font-size:36px;font-family: 'Barlow-Bold';margin-bottom:10px;}
.index-type .title p{font-size:16px;}
.index-type .box li{width:23.5%;margin:0 2% 0 0;}
.index-type .box li a .pic{box-shadow:none;}
.index-type .box li:nth-child(4n){margin-right:0;}
.index-type .slick-dots{bottom:-60px}

@media (max-width: 1700px){
	.wrap{max-width:98%;}
}

@media (max-width: 1366px){
	.footer .info .add{width:35%}
	.index-about .title h2{width:100%;}
	.index-about .info .left .pic:last-child,.index-about .info .right .pic{width:100%}
	.index-banner .txt h2, .index-txt h2{font-size: 60px; line-height: 60px;}
}

@media (max-width: 1200px){
	.index-banner .txt h2, .index-txt h2{font-size: 48px; line-height: 48px;}
}

@media screen and (max-width:992px) {
	.show-pro .show-pro-header .bd,.show-pro .show-pro-header .hd,.click_qrcode,.sidebar{display:none !important;}
	.list-contact .txt h3,.wrap{max-width:100%;}
	.main{padding:30px 10px;}
	.index-about{padding:10px 10px 30px}
	.index-about .title h2{font-size:16px;line-height:24px;}
	.index-about .info,.index-about .info .left .pic:last-child{margin-top:0;}
	.show-pro .show-pro-header .info,.list-news ul li .pic,.list-news ul li .txt,.list-contact .txt,.list-contact .form,.content,.footer .info .txt,.footer .info .add,.footer .info .msg,.index-about .left, .index-about .right{width:100%}
	.index-about .left{padding:20px 0;}
	.index-about .info .pic h3{font-size:26px;}
	.index-about .info .txt h2{margin-bottom:20px}
	.index-about .info .right .pic{margin-top:20px}
	.index-about .info .btn{margin:60px 0 0 0 ;}
	.index-about .info .btn a{margin:0 auto}
	.list-about-video{max-width:100%;padding:0 10px;margin:20px 0 40px;font-size:20px;line-height:26px;}
	.index-type{padding:0 10px 50px}
	.index-type .title{margin-bottom:30px}
	.index-type .title p{font-size:14px}
	.index-type .box li{width:48%;margin-bottom:20px}
	.index-type .slick-dots{bottom:-40px}
	.footer{padding:30px 10px 100px}
	.footer .info .add{padding:30px 0;}
	.footer .info .txt p,.footer .info .add p{margin:10px 0}
	.footer .bottom{padding-top:30px;}
	.footer .bottom p{font-size:14px;text-transform:uppercase;line-height:24px;}
	.footer .bottom .mc{display:block;margin:30px auto 0}
	.list-about li{padding:20px 0}
	.list-about li .pic{width:100px}
	.list-about li .txt{width: calc(100% - 120px);}
	.list-about li .txt h4{font-size:18px;}
	.list-about li .txt h5{font-size:12px;line-height:22px;margin:10px 0;}
	.list-about li .txt h6{font-size:12px;}
	.list-about-title{margin:0 10px 30px}
	.list-about-title h2{font-size:28px;}
	.list-about-title p{font-size:16px;line-height:24px;}
	.list-about-images{padding:0 10px;margin-bottom:30px}
	.list-about-images ul li{width:48%;margin-bottom:10px;}
	.list-contact .form .btn{margin:30px auto 0;text-align:center;padding:0;}
	.list-contact .txt .wx{margin:0 auto;display:block;}
	.list-news ul li{padding:20px 0;}
	.list-news ul li a{width:100%;}
	.list-news ul li .txt .time{margin-top:20px}
	.list-news ul li .txt h3{padding:10px 0;font-size:20px;}
	.list-news ul li .txt p{font-size:12px;line-height:22px}
	.show-news .time{padding:0 0 20px 0;}
	.show-news .title{font-size:20px;}
	.show-news .body{padding:20px 0;margin:20px 0;font-size:14px}
	.show-news .body p{margin-bottom:10px}
	.show-news a.more{display:block;margin:30px auto 0;}
	.show-pro .show-pro-header{padding:15px;}
	.show-pro .show-pro-header .index-banner,.show-pro .show-pro-header .index-banner .bd{width:100%;display:block !important;}
	.show-pro .show-pro-header .txt{min-height:auto;}
	.show-pro .show-pro-header .index-banner .slick-dots{bottom:0;}
	.show-pro .title{margin:20px 0;}
	.show-pro .title h2{font-size:26px}
	.show-pro .body table tr{width:100%;height:40px;line-height:39px;}
	.list-pro li{width:48%;margin:0 4% 20px 0 !important;}
	.list-pro li:nth-child(2n){margin-right:0 !important;}
	.list-pro li .txt{padding-top:20px;}
	.list-pro li .txt h2{font-size:18px}
	.list-pro li .txt h3{font-size:14px;padding:5px 0;}
	.index-banner .txt{position: static;padding-top:30px;}
	.index-txt{padding-bottom:30px;}
	.index-banner .txt h2{color:#2c4363}
	.index-banner .txt h2,.index-txt h2{font-size:26px;padding:0 10px;line-height:30px;}
}