@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box}
.wrap{max-width:100%;max-width:1200px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}

.header{align-items:center;height:105px;}
.header .logo{align-items:center;}
.header .logo h2{color:#111;font-size:27px;font-family: 'Roboto-Black';margin-left:20px;}
.header .lnag{display:flex;align-items:center;}
.header .lnag a{margin-left:30px;}
.header .lnag a:first-child{margin-left:0px;}

.nav{display:flex;height:65px;margin-bottom:3px;background:#FFC10A}
.nav .menu{align-items:center;}
.nav .menu .menu_btn{width:300px}
.nav .menu .menu_btn h3{cursor:pointer;color:#111;font-size:18px;font-family: 'Roboto-Bold';text-transform:uppercase;}
.nav .menu .menu_btn h3 img{margin-right:15px}
.nav .menu .menu_list .item{padding:0 30px;position:relative;}
.nav .menu .menu_list .item:before{width:1px;height:17px;content:"";background:#121212;position:absolute;right:0;top:2px;}
.nav .menu .menu_list .item h3 a{color:#111;font-size:16px;}
.nav .menu .menu_list .item:last-child:before{display:none;}
.nav .so{align-items:center;display:flex;cursor:pointer;}

.index-msg{font-family: 'Roboto-Medium';height:100px;background:#FFC10A;display:flex;}
.index-msg .wrap{max-width:1400px;}
.index-msg .txt{display:flex;align-items:center}
.index-msg .txt img{margin-right:30px}
.index-msg .txt span{color:#000;font-size:25px;}
.index-msg .ico{display:flex;align-items:center}
.index-msg .ico a{margin-left:20px;font-size:20px}
.index-msg .form{width:37%;display:flex;align-items:center;}
.index-msg .form form{display:flex;width:100%}
.index-msg .form input,.index-msg .form button{height:45px;line-height:45px;}
.index-msg .form input{width: calc(100% - 135px);padding-left:10px;color:#000;}
.index-msg .form button{width:135px;background:#000000;color:#fff;text-align:center;font-size:16px;border:0;cursor:pointer;}

.footer{background:#151515;padding:60px 0;}
.footer .wrap{max-width:1400px;}
.footer .txt{width:25%}
.footer .txt h2{color:#FFC10A;font-size:35px;margin-bottom:25px;font-family: 'Roboto-Medium';text-transform:uppercase;}
.footer .txt p{font-size:16px;color:#B1B1B1;line-height:43px;}
.footer .wx{width:19%;margin-top:60px;}
.footer .wx p{padding:15px;background:#fff;text-align:center;}
.footer .form{width:36%;}
.footer .form h3{color:#FFC10A;font-size:24px;font-family: 'Roboto-Medium';text-transform:uppercase;}
.footer .form p{font-size:16px;color:#5A5A5A;margin:5px 0 15px 0;}
.footer .form form input{height:44px;line-height:44px;padding:0 15px;background:#F1F1F3;width:49%;margin-bottom:10px;font-size:14px;color:#B1B1B1;}
.footer .form form textarea{width:100%;margin-bottom:10px;min-height:80px;padding:15px;font-size:14px;color:#B1B1B1;}
.footer .form form button{width:100%;height:44px;background:#FFC10A;border:0;cursor:pointer;font-size:18px;color:#151515}
.bottom{background:#151515;border-top:1px solid #1B1B1B;padding:30px 0;text-transform:uppercase;color:#fff;}
.bottom .wrap{max-width:1400px;}

.banner{position:relative;}
.banner img{width:100%;}
.banner form{border:10px solid rgba(0,0,0,.5);border-radius:10px;position:absolute;top:50%;z-index:2;width:880px;left:50%;margin-left:-440px;margin-top:-30px}
.banner form input,.banner form button{background:#FFFFFF;border:0;cursor:pointer;height:55px;line-height:55px;display:block;}
.banner form input{color:#292929;font-size:16px;float:left;width: calc(100% - 110px);padding-left:20px}
.banner form button{transition-duration:.5s;background:#FFC10A;text-align:center;float:right;width:110px;}
.banner form button i{font-size:20px;color:#fff}

.main{padding:60px 0}
.list.flex{justify-content:flex-start;}

.list_advantages h2,.list_advantages h3{text-transform:uppercase;font-family: 'Roboto-Black';}
.list_advantages h2{margin-bottom:40px;font-size:28px;color:#E60012;line-height:28px;border-bottom:5px solid #E60012;display:inline-block;}
.list_advantages p,.list_advantages h3{font-size:18px;color:#191919;line-height:28px;}
.list_advantages h3{margin-bottom:15px;}
.list_advantages p{margin-bottom:25px;}
.list_advantages .images{margin-top:40px;}
.list_advantages .images .item{width:32%;margin:0 2% 20px 0;}
.list_advantages .images .item:nth-child(3n){margin-right:0;}
.pc-menu{margin-bottom:60px;display:flex;justify-content:center;}
.pc-menu a{width:235px;height:52px;color:#111111;font-size:14px;font-family: 'Roboto-Black';border:2px solid #E4EAEE;border-radius:40px;display:flex;align-items:center;justify-content:center;margin-left:25px;}
.pc-menu a:first-child{margin-left:0;}
.pc-menu a.on{background:#FFC10A;border-color:#FFC10A;color:#000;}
.list-news .wrap{max-width:1520px;}
.list-news .list .item{width:31.3%;margin:0 3% 60px 0;}
.list-news .list .item:nth-child(3n){margin-right:0;}
.list-news .list .item .txt{text-align:center;padding:30px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-news .list .item .txt h3{padding:15px;font-family: 'Roboto-Black';color:#0A070C;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .list .item .txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:18px;color:#0A070C;line-height:27px;}
.list-news .list .item .txt span{width:160px;height:50px;display:block;margin:30px auto 0;transition-duration:.6s;background:#3B3B3B;color:#fff;font-size:20px;line-height:50px;}
.list-news .list .item:hover .txt span{background:#FFC10A}
.list-news .show-news .time{font-size:16px;color:#626262}
.list-news .show-news .name{color:#2F2F2F;font-family: 'Roboto-Black';font-size:22px;border-bottom:1px solid #B7B7B7;padding:10px 0 20px;}
.list-news .show-news .body{padding:40px 0;font-size:16px;color:#2F2F2F;line-height:24px;}
.list-news .show-news .body p{margin-bottom:20px;}
.list-news .more{padding-top:25px;border-top:1px solid #D5D5D5;}
.list-news .more .up p,.list-news .more .up p a{font-size:16px;line-height:30px;color:#2F2F2F}
.list-news .more .up p a:hover{color:#FFC10A}
.list-news .more .btn{transition-duration:.5s;width:130px;height:50px;display:flex;background:#FFC10A;border-radius:40px;justify-content:center;align-items:center;}
.list-news .more .btn span{font-size:16px;color:#fff;margin-left:10px;transition-duration:.5s;}
.list-news  .more .btn:hover{border-radius:4px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-contact .hd{text-align:center;}
.list-contact .hd h2{font-family: 'Roboto-Black';font-size:66px;color:#222222;text-transform:uppercase;}
.list-contact .hd p{font-family: 'Roboto-Bold';font-size:24px;color:#0E0E0E}
.list-contact .bd{padding:50px 0 ;}
.list-contact .bd .txt h3{font-family: 'Roboto-Black';font-size:28px;color:#222222;}
.list-contact .bd .txt p{line-height:38px;font-size:18px;color:#222222;}
.list-contact .form input{width:49%;background:#F6F6F6;height:60px;line-height:60px;padding:0 20px;font-size:14px;color:#9D9D9D;margin-bottom:20px;}
.list-contact .form input:nth-child(3){width:100%}
.list-contact .form textarea{width:100%;background:#F6F6F6;min-height:250px;line-height:40px;padding:20px;font-size:14px;color:#9D9D9D;margin-bottom:40px;}
.list-contact .form .code{width:350px;position:relative;}
.list-contact .form .code input{width:100%;margin:0;}
.list-contact .form .code img{position:absolute;right:0;top:7.5px;height:45px;}
.list-contact .form button{width:200px;height:66px;text-align:center;background:#FFC10A;color:#fff;font-size:18px;font-family: 'Roboto-Black';border:0;cursor:pointer;}
.list-about .wrap{max-width:1400px;}
.list-about .body{padding-top:60px;}
.list-about .body .hd{text-align:center;margin-bottom:50px;}
.list-about .body .hd h2{font-family: 'Roboto-Black';font-size:66px;color:#222222;text-transform:uppercase;}
.list-about .body .hd h3{font-family: 'Roboto-Bold';font-size:24px;color:#0E0E0E}
.list-about .body p{line-height:30px;margin-bottom:30px;font-size:18px;color:#222222}
.list-about .images{padding-bottom:60px;}
.list-about .images .item{width:32%;margin:0 2% 25px 0;position:relative;padding:5px;background:#fff;border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-about .images .item .pic{border-radius:8px;}
.list-about .images .item .pic img{border-radius:8px 8px 0 0;}
.list-about .images .item:nth-child(3n){margin-right:0;}
.list-about .images .item .txt{border-radius:0 0 8px 8px;position:absolute;left:5px;height:55px;line-height:55px;color:#fff;font-family: 'Roboto-Bold';text-transform:uppercase;background:rgba(0,0,0,.8);font-size:18px;text-align:center;bottom:5px;width: calc(100% - 10px);}
.list-about .honor{padding:50px 0;background:#F9F9F9 url(../images/honor_bg.jpg) no-repeat right center;}
.list-about .honor .hd{text-align:center;margin-bottom:40px;}
.list-about .honor .hd h2{font-family: 'Roboto-Black';font-size:66px;color:#222222;text-transform:uppercase;}
.list-about .honor .hd h3{font-family: 'Roboto-Bold';font-size:24px;color:#0E0E0E}
.list-about .honor .list .item{width:23.5%;margin:0 2% 20px 0;}
.list-about .honor .list .item:nth-child(4n){margin-right:0;}
.list-about .honor .list .item .txt{text-align:center;font-size:20px;color:#8C8C8C;padding-top:10px}
.list-about .map{text-align:center;padding:40px 0;}
.list-about .map h2{font-family: 'Roboto-Black';font-size:66px;color:#222222;text-transform:uppercase;}
.list-pro .wrap{max-width:1640px}
.list-pro .list .item{width:23.5%;margin:0 2% 40px 0;}
.list-pro .list .item:nth-child(4n){margin-right:0;}
.list-pro .list .item .pic{border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.list-pro .list .item .txt p{margin:25px 0}
.list-pro .list .item .txt h3{transition-duration:.7s;padding-bottom:10px;color:#020202;font-size:20px;font-family: 'Roboto-Bold';}
.list-pro .list .item:hover .txt h3:nth-child(2){color:#FFC10A}
.show-pro .show_c{padding:0 0 40px 0}
.show-pro .show_c h2{font-family: 'Roboto-Black';margin-bottom:25px;color:#000000;font-size:24px;}
.show-pro .show_c p{font-size:20px;color:#000000;line-height:28px;margin-bottom:10px;}
.show-pro .head{margin-bottom:50px;}
.show-pro .head .tupian_list{width:640px;}
.show-pro .head .tupian_list .datu{display:flex;align-items:center;width:490px;padding:10px;border-radius:10px;box-shadow:0 15px 30px rgba(0,0,0,.1)}
.show-pro .head .tupian_list .xiaotu{width:100px;}
.show-pro .head .tupian_list .xiaotu li{width:100px;height:100px;margin-bottom:10px;border:1px solid #EAEAEA;}
.show-pro .head .tupian_list .xiaotu li img{width:98px;height:98px;}
.show-pro .head .tupian_list .xiaotu .pro_prev,.show-pro .head .tupian_list .xiaotu .pro_next{width:100%;height:40px;text-align:center;cursor:pointer;font-size:30px}
.show-pro .head .info{width: calc(100% - 700px);}
.show-pro .head .info h2{font-family: 'Roboto-Black';color:#020202;font-size:24px;margin-bottom:10px}
.show-pro .head .info .star{margin-bottom:20px}
.show-pro .head .info .body{font-size:16px;color:#151515;line-height:34px;}
.show-pro .head .info .btn{display:flex;margin-top:25px;}
.show-pro .head .info .btn a{transition-duration:.6s;width:50px;height:50px;font-size:18px;border:1px solid #7C7C7C;display:flex;align-items:center;justify-content:center;margin-right:10px;}
.show-pro .head .info .btn a:last-child{width:180px;background:#343531;color:#fff;}
.show-pro .head .info .btn a:hover{background:#FFC10A;color:#fff;border-color:#FFC10A}

.index-banner{position:relative;overflow:hidden}
.index-banner .slider-nav{height:110px;width:820px;bottom:60px;left:50%;margin-left:-410px;position:absolute;}
.index-banner .slider-nav span{font-family: 'Roboto-Bold';text-transform:uppercase;height:110px;width:25% !important;font-size:16px;line-height:22px;color:#fff;text-align:center;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.index-banner .slider-nav .slick-current{background:#FFC10A;}
.index-banner .slider-nav .slick-track{transform:none !important}

.index-type{height:698px;background:url(../images/bg.jpg);}
.index-type .hd{text-align:center;padding:100px 0 50px}
.index-type .hd h2{font-family: 'Roboto-Bold';color:#fff;font-size:45px;text-transform:uppercase;}
.index-type .hd h3{font-family: 'Roboto-Medium';color:#fff;font-size:21px;padding:5px 0 15px}
.index-type .hd p{opacity:.37;color:#fff;font-size:10px;line-height:15px;text-transform:uppercase;}
.index-type .bd .item{text-align:center;width:23.5%;margin:0 2% 0 0;}
.index-type .bd .item:nth-child(4n){margin-right:0;}
.index-type .bd .item .txt{color:#fff;font-size:23px;margin-top:10px}

@media (max-width: 1640px){
	.list-pro .wrap{max-width: 98%;}
}
@media (max-width: 1520px){
	.list-news .wrap{max-width: 98%;}
}
@media (max-width: 1400px){
	.index-msg .txt img{margin-right:10px;}
	.index-msg .txt span{font-size:18px}
	.index-msg .wrap,.footer .wrap,.bottom .wrap,.list-about .wrap{max-width:98%}
}

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

@media screen and (max-width:992px) {
	.index-banner .slider-nav,.tupian_list,.list-news .more .btn,.list-contact .bd .txt br,.footer .txt,.footer .wx,.header,.nav,.pc-menu{display:none;}
	.show-banner{display:block !important;overflow:hidden}
	.show-pro .head .info,.list-contact .form .code,.index-msg .form,.footer .form,.index-msg .ico{width:100%;}
	.wrap{max-width:100% !important}
	.list-about .map,.list-about .honor,.footer,.main{padding:30px 10px;}
	.list-news .list .item{width:100%;margin:0 0 15px 0}
	.list-news .list .item .txt{padding:15px}
	.list-news .list .item .txt h3{padding:5px;}
	.list-news .list .item .txt span{margin-top:15px}
	.index-msg{height:auto;padding:20px}
	.index-msg .form{margin:20px 0;}
	.bottom{padding:30px 10px 60px}
	.bottom .mc{margin:20px auto 0}
	.list-about .body{padding:20px 10px 0;}
	.list-about .honor .hd,.list-about .body .hd{margin-bottom:20px}
	.list-contact .hd h2,.list-about .map h2,.list-about .honor .hd h2,.list-about .body .hd h2{font-size:33px}
	.list-contact .hd p,.list-about .honor .hd h3,.list-about .body .hd h3{font-size:18px}
	.list-about .body p{font-size:15px;line-height:25px;margin-bottom:10px;}
	.list-about .images{padding:20px 10px;}
	.list-about .honor .list .item{width:49% !important;margin:0 2% 15px 0 !important;}
	.list-about .honor .list .item:nth-child(2n){margin-right:0 !important;}
	.list-about .honor .list .item .txt{font-size:15px;}
	.list_advantages h2{font-size:22px;margin-bottom:20px}
	.list_advantages .images{margin-top:20px;}
	.list-about .images .item,.list_advantages .images .item{width:100%;margin:0 0 15px 0;}
	.list-contact .bd .txt p{line-height:28px;font-size:15px;}
	.list-contact .bd{padding:25px 0}
	.list-contact .bd .wx{margin:20px auto 0}
	.list-contact .form input{margin-bottom:10px;width:100%;}
	.list-contact .form textarea{min-height:150px;margin-bottom:10px;}
	.list-contact .form button{margin:25px auto 0;border-radius:30px}
	.banner form{width:90%;left:5%;margin:0;top:30%}
	.list-pro .list .item{width:48.5%;margin:0 3% 15px 0;}
	.list-pro .list .item:nth-child(2n){margin-right:0;}
	.list-pro .list .item .txt p{margin:15px 0}
	.list-pro .list .item .txt h3{font-size:15px;padding-bottom:0;}
	.list-pro .list .item .pic{box-shadow: 0 5px 10px rgba(0,0,0,.1);}
	.show-pro .head{margin-bottom:25px;}
	.show-pro .head .info h2{font-size:18px;margin-bottom:0;}
	.show-pro .head .info .star{margin-bottom:10px}
	.show-pro .show_c{padding:0;}
	.index-type{height:auto;padding:50px 10px;}
	.index-type .hd{padding:0 0 30px 0}
	.index-type .hd h2{font-size:24px;}
	.index-type .hd h3{font-size:17px}
	.index-type .bd .item{width:47%;margin:0 6% 20px 0;}
	.index-type .bd .item:nth-child(2n){margin-right:0;}
	.index-type .bd .item .txt{font-size:17px}
}