*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1400px}
.wrap-max{max-width:100%;max-width:1720px;margin:0 auto;}

.header{width:100%;height:100px;background:#DB2146;z-index:99999999;background:#FFFFFF;}
.header.height{position:fixed;top:0;box-shadow:0 0 30px rgba(0,0,0,.2);}
.header .logo{margin-top:25px;}
.header .logo h1{padding-right:10px;border-right:1px solid #CECECE;margin-right:10px;}
.header .logo .txt h2{font-weight:bold;color:#1f1f1f;font-size:21px;}
.header .logo .txt p{color:#444;font-size:16px;}
.header .menu li{position:relative;line-height:100px;margin-right:60px;float:left;}
.header .menu li h3{overflow:hidden;}
.header .menu li h3 a{font-weight:450;text-transform:uppercase;transition: all 1.5s ease;position: relative;text-transform:uppercase;display:block;font-size:17px;color:#1f1f1f;text-align:center;line-height:100px;}
.header .menu li h3 i{transition-duration: 1s;margin-left:5px;float:right;line-height:100px;}
.header .menu li h3:hover i{transform: rotate(180deg);color:#015fa7;}
.header .menu li h3:before{transition: all .5s ease;transform: translateX(-50%);position:absolute;bottom:5px;width:0;opacity:0;left:50%;content:"";height:1px;background:#fff;}
.header .menu li .menu-sub{display:none;z-index:222;display:none;position:absolute;left:-50px;background:#1f1f1f;text-align:center;top:100px;width:200px;line-height:45px;}
.header .menu li .menu-sub a{display:block;height:45px;line-height:45px;font-size:14px;color:#fff;}
.header .menu li .menu-sub a:hover{background:#e50012}
.header .menu li:hover .menu-sub{display:block}
.header .menu li:hover h3:before,.header .menu li.on h3:before{width: 100%;opacity: 1;}
.header .menu li.on h3 a,.header .menu li:hover h3 a{color:#015fa7;}
.header .info img{vertical-align:middle;display:inline-block;margin-right:5px;}
.header .info p{line-height:100px;font-size:21px;}
.header .info p a{color:#e50012;font-weight:bold;}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next{width:60px;height:60px;color:#fff;font:30px/60px '宋体';text-align:center;background: rgba(0, 0, 0, .4);border-radius: 100%;}
.index-banner .swiper-button-prev{left:2%;}
.index-banner .swiper-button-next{right:2%;}
.index-banner .swiper-pagination-bullet{width:14px;height:14px;}
.index-banner .swiper-pagination-bullet-active{background:#015fa7}

.index-about{position:relative;z-index:9999;padding:80px 0;background:#FFFFFF;}
.index-about .wrap{position:relative;padding-bottom:140px;}
.index-about .pic{width:50%;}
.index-about .txt{width:50%;padding-left:20px;}
.index-about .txt h2{font-size:45px;padding:30px 0 10px;color:#1f1f1f}
.index-about .txt h3{font-size:20px;padding-bottom:30px;color:#015fa7}
.index-about .txt p{font-size:15px;line-height:32px;color:#8b8b8b;text-decoration:underline;}
.index-about .txt ul{padding-top:40px;overflow:hidden}
.index-about .txt li{width:33.3%;float:left;text-align:center;border-right:1px solid #F4F4F4;}
.index-about .txt li:last-child{border-right:0;}
.index-about .txt li span{font-size:52px;display:inline-block;color:#015fa7;font-family:'Roboto-Medium';position:relative;}
.index-about .txt li span:after{position:absolute;right:-15px;top:0;content:"+";font-size:20px;}
.index-about .txt li:first-child span:after{content:"年";right:-20px;}
.index-about .txt li:last-child span:after{content:"H";}
.index-about .txt li p{font-size:18px;color:#a6a6a6;text-decoration:none;}
.index-about .show{position:absolute;bottom:-200px;background:#fff;padding:20px;box-shadow:0 0 30px rgba(0,0,0,.15);overflow:hidden;border-radius:6px;z-index:3;}
.index-about .show li{width:23.5%;float:left;margin-right:2%;position:relative;}
.index-about .show li:last-child{margin-right:0;}
.index-about .show li .pic{overflow:hidden;width:100%;}
.index-about .show li img{width:100%;}
.index-about .show li p{text-align:center;color:#e9e9e9;font-size:16px;position:absolute;bottom:0;left:0;width:100%;height:35px;line-height:35px;background:rgba(0,0,0,.5);}

.list-about{padding:40px 0;}
.list-about .txt{text-align:center;}
.list-about .txt h2{font-size:45px;padding:30px 0 10px;color:#1f1f1f}
.list-about .txt h3{font-size:20px;padding-bottom:30px;color:#015fa7}
.list-about .body{text-align:left;color:#8b8b8b;font-size:16px;line-height:26px;}
.list-about .body p{margin-bottom:20px;}
.list-about .show{margin:30px 0;}
.list-about .show li{width:23.5%;margin-bottom:20px;float:left;margin-right:2%;position:relative;}
.list-about .show li:nth-child(4n){margin-right:0;}
.list-about .show li img{width:100%;}
.list-about .show li p{text-align:center;color:#e9e9e9;font-size:16px;position:absolute;bottom:0;left:0;width:100%;height:35px;line-height:35px;background:rgba(0,0,0,.5);}
.list-about .map img{margin:0 auto;}

.title{text-align:center;padding-bottom:60px}
.title h2{color:#313131;font-size:46px;margin-bottom:20px;}
.title p{color:#898989;font-size:16px;line-height:28px;font-weight:100;margin:0 auto;max-width:1000px;}

.index-pro{background:#F7F8F9;padding:200px 0 40px 0;}
.index-pro .swiper-slide{padding:40px 30px;background:#FFFFFF;border-radius:10px;}
.index-pro .swiper-slide .pic{overflow:hidden}
.index-pro .swiper-slide .pic img{width:100%;}
.index-pro .swiper-slide .txt{padding-top:30px;position:relative;}
.index-pro .swiper-slide .txt:after{width:50px;height:3px;background:#767676;position:absolute;left:0;top:0;content:"";}
.index-pro .swiper-slide .txt h3{font-weight:400;color:#5f5f5f;font-size:22px;height:24px;line-height:24px;overflow:hidden}
.index-pro .swiper-slide .txt p{transition-duration: 1s;color:#8d8d8d;font-size:14px;margin:20px 0;height:20px;line-height:20px;overflow:hidden}
.index-pro .swiper-slide .txt span{color:#8d8d8d;font-size:15px;}
.index-pro .swiper-slide:hover .txt p{color:#015fa7}
.index-pro .swiper-container{padding-bottom:50px}
.index-pro .swiper-pagination{bottom:0;}
.index-pro .swiper-pagination-bullet{width:22px;border:4px solid #fff;height:22px;background:#56595C;}
.index-pro .swiper-pagination-bullet-active{background:#fff;border-color:#015FA7}

.index-news{padding-top:60px;}
.index-news li{width:32%;margin-right:2%;margin-bottom:60px;float:left;}
.index-news li .pic{position:relative;overflow:hidden}
.index-news li .pic img{width:100%}
.index-news li .pic .btn{position:absolute;margin-top:-25px;top:50%;left:0;width:100%;text-align:center;}
.index-news li .pic .btn i{font-size:50px;color:#fff;}
.index-news li .txt h3{padding:15px 0;font-size:20px;color:#414141}
.index-news li .txt p{font-size:14px;line-height:25px;color:#929292;height:75px;overflow:hidden}
.index-news li .txt .info{margin-top:20px;}
.index-news li .txt .info span{color:#015fa7;font-size:15px;}
.index-news li .txt .info span i{margin-left:5px;width:24px;height:24px;text-align:center;line-height:24px;background:#015FA7;color:#fff;border-radius:24px;font-size:14px;}
.index-news li:nth-child(3n){margin-right:0;}

.ad{background:url(../images/ad.jpg) no-repeat center center;height:407px;}
.ad .pic img{display:inline-block;margin-top:100px;}
.ad .txt{padding-top:80px;}
.ad .txt li{margin-bottom:20px;}
.ad .txt li a{font-size:24px;color:#fff}
.ad .txt li a:hover{padding-left:5px;color:#015FA7}

.footer{padding:40px 0;}
.footer .txt{width:600px;font-size:15px;color:#444}
.footer .txt ul{overflow:hidden}
.footer .txt ul li{width:50%;float:left;line-height:26px;}
.footer .txt ul li a{font-size:15px;color:#444}
.footer .txt p{font-size:14px;margin-top:10px;}
.footer .nav{width:450px;}
.footer .nav h2{font-size:16px;color:#a2a2a2;}
.footer .nav .btn{position:relative;cursor:pointer;margin-top:10px;height:45px;border:1px solid #D6D6D6;line-height:43px;}
.footer .nav .btn i{float:right;line-height:43px;width:45px;text-align:center;background:#EBEBEB;color:#000;font-size:20px;}
.footer .nav .btn p{font-size:16px;color:#a2a2a2;padding-left:20px;}
.footer .nav .btn ul{background:#211F1F;display:none;width:100%;position:absolute;bottom:42px;left:-1px;}
.footer .nav .btn ul li a{font-size:16px;color:#a2a2a2;display:block;padding-left:20px;}
.footer .nav .btn ul li a:hover{background:#DA0213;color:#fff;}
.footer .nav .btn:hover ul{display:block}
.footer .mc{margin-top:30px}

.pc-menu{text-align:center;position:relative;}
.pc-menu:before{width:100%;height:1px;background:#F3F3F3;content:"";position:absolute;bottom:0;left:0;}
.pc-menu a{position:relative;color:#808080;text-transform:uppercase;padding:0 10px;margin-right:50px;font-size:18px;line-height:70px;display:inline-block;}
.pc-menu a:hover,.pc-menu a.on{color:#045DAC}
.pc-menu a.on:before{width:100%;height:2px;background:#045DAC;content:"";position:absolute;bottom:0;left:0;}

.show-news{padding:40px 0;}
.list-news-content{width:100%;}
.list-news-content h1{font-size:24px;}
.list-news-content .body p{font-size:14px;margin-bottom:15px;line-height:25px;}
.show-news .time{margin:20px 0;color:#999;font-size:16px;}
.news-updown{padding-top:10px;border-top:1px solid #F3F3F3;position:relative;margin:30px 0 20px;}
.news-updown a,.news-updown p{font-size:16px;display:block;line-height:32px;}
.news-updown a.more{width:100px;font-size:14px;height:38px;line-height:38px;text-align:center;position:absolute;text-transform:uppercase;right:0;top:30px;color:#fff;background:#045DAC;}
.news-updown a.more i{width:14px;height:14px;margin-left:5px;border-radius:14px;background:#fff;text-align:center;color:#fff;line-height:14px;font-size:12px;}

.list-pro{padding:60px 0;}
.list-pro li{transition-duration: 1s;width:23.5%;margin:0 2% 30px 0;background:#fff;border-radius:4px;padding:50px 20px 30px 20px;border:1px solid #F5F5F5;float:left;}
.list-pro li:nth-child(4n){margin-right:0;}
.list-pro li a{display:block;}
.list-pro li .pic{overflow:hidden}
.list-pro li .pic img{width:100%}
.list-pro li .txt{border-top:1px solid #F2F2F2;margin-top:50px;padding-top:30px;position:relative;}
.list-pro li .txt h3,.list-pro li .txt h4{font-size:16px;font-weight:500;color:#161616;line-height:25px;}
.list-pro li .txt h3{margin-bottom:5px;}
.list-pro li .txt i{transition-duration: 1s;right:10px;top:40px;position:absolute;width:30px;height:30px;line-height:30px;text-align:center;background:#B7B7B7;color:#fff;border-radius:30px;}
.list-pro li:hover{box-shadow:0 0 30px rgba(0,0,0,.1);}
.list-pro li:hover .txt i{background:#015FA7;color:#fff;}

.show-pro{padding:60px 0;}
.show-pro .pic{width:500px;padding:20px;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:10px;}
.show-pro .pic img{width:100%;}
.show-pro .txt{width:calc(100% - 600px);padding-top:20px;}
.show-pro .txt h2{font-size:28px;color:#696768;}
.show-pro .txt h3{font-size:18px;color:#696768;padding:20px 0;}
.show-pro .txt .body{border-top:1px dashed #ddd;padding-top:20px;}
.show-pro .txt .body p{color:#696768;font-size:17px;line-height:32px;margin-bottom:10px;}
.show-pro .txt .info-nav{margin-top:40px;}
.show-pro .txt .info-nav a{float:left;transition-duration: .5s;margin-right:10px;border:1px solid #7C7C7C;text-align:center;width:50px;height:50px;line-height:50px;}
.show-pro .txt .info-nav a:last-child{width:150px;border-color:#343531;background:#343531;color:#fff;}
.show-pro .txt .info-nav a:hover{background:#045DAC;border-color:#045DAC;color:#fff;}
.show-pro .txt .info-nav a i{font-size:20px;line-height:50px;}
.show-pro .content{padding:30px 0;color:#696768;font-size:16px;line-height:28px;}
.show-pro .content .t{margin-bottom:30px;border-bottom:1px solid #E4E4E4;color:#787975;font-size:18px;line-height:60px;}
.show-pro .content img{display:inline-block;}

.list-contact{background:url(../images/conbg.jpg) no-repeat right top;}
.list-contact .form,.list-contact .txt{width:50%;float:left;padding:40px 60px;}
.list-contact .form{background:#FFF}
.list-contact .form li{margin-bottom:20px;}
.list-contact .form li p{color:#666666;margin-bottom:5px;font-size:16px;}
.list-contact .form li p span{color:#ff0000}
.list-contact .form li input,.list-contact .form li textarea{display:block;width:100%;height:34px;line-height:34px;padding:0 20px;border:1px solid #F5F5F5;}
.list-contact .form li textarea{min-height:80px}
.list-contact .form .submit{width:100px;height:35px;display:block;line-height:35px;text-align:center;color:#fff;background:#015FA7;cursor:pointer;border-radius:4px;}
.list-contact h2{font-size:32px;color:#666;margin-bottom:30px;}
.list-contact .txt li{border-bottom:1px solid #D3D3D3;padding:20px 0;}
.list-contact .txt li span{display:block;font-size:14px;margin-bottom:10px;color:#3c3c3c}
.list-contact .txt li p{color:#0f0f0f;font-size:23px;font-weight:bold}
.list-contact .txt li p a{color:#0f0f0f;font-size:23px;margin-right:10px;font-weight:bold}

@media (max-width: 1200px){
	.wrap-max,.wrap{max-width:98%;}
	.header .info{display:none;}
	.header .menu li{margin-right:20px;}
}
@media screen and (max-width:992px) {
	.fl,.fr{float:none;}
	.pc-menu,.click_qrcode{display:none;}
	.wrap,.wrap-max{max-width:100%;}
	.index-about{padding:30px 10px}
	.index-about .wrap{padding-bottom:0;position:static;}
	.index-about .pic{width:100%}
	.index-about .txt{width:100%;padding-left:0;}
	.index-about .txt h2{font-size:32px}
	.index-about .txt h3{padding-bottom:15px}
	.index-about .txt li span{font-size:25px}
	.index-about .show{position:static;margin-top:30px;}
	.index-about .show li{width:48%;margin:0 4% 20px 0;}
	.index-about .show li:nth-child(2n){margin-right:0;}
	.index-pro{padding:40px 10px}
	.title{padding-bottom:30px;}
	.title h2{font-size:32px;}
	.title p{font-size:14px;line-height:26px;max-width:100%;}
	.index-pro .swiper-slide{padding:10px}
	.index-news{padding:30px 10px 0}
	.index-news li{width:100%;float:none;overflow:hidden;margin-bottom:20px;margin-right:0;}
	.index-news li .txt .info{overflow:hidden;}
	.index-news li .txt .info span.fr{float:right}
	.ad{height:auto;padding:30px 0;}
	.ad .txt{display:none;}
	.ad .pic{text-align:center;}
	.ad .pic img{margin:0 auto;}
	.footer{padding:30px 10px 70px}
	.footer .txt{width:100%;margin-bottom:20px;}
	.footer .txt ul li{width:100%;float:none;}
	.footer .nav{display:none;}
	.footer .mc{margin-top:15px}
	.footer .mc img{margin:0 auto;}
	.list-about{padding:30px 10px;}
	.list-about .txt h2{font-size:32px}
	.list-about .txt h3{padding-bottom:15px}
	.list-about .show{position:static;margin-top:30px;}
	.list-about .show li{width:48%;margin:0 4% 20px 0;}
	.list-about .show li:nth-child(2n){margin-right:0;}
	.list-contact .form, .list-contact .txt{width:100%;padding:30px 10px}
	.list-pro{padding:40px 10px}
	.list-pro li{width:48%;margin-right:4%;padding:20px 10px;margin-bottom:15px}
	.list-pro li:nth-child(2n){margin-right:0;}
	.list-pro li .txt i{top:20px}
	.list-pro li .txt{padding-top:10px;margin-top:20px;}
	.show-news{padding:30px 10px;}
	.news-updown a.more{display:none;}
	.show-pro{padding:30px 10px;}
	.show-pro .pic{width:100%;}
	.show-pro .txt{width:100%;}
	#video{width:100%;}
	.list-contact .txt li p a,.list-contact .txt li p {font-size:16px;font-weight:300;}
	.index-banner .swiper-button-prev, .index-banner .swiper-button-next{display:none;}
}