@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box;font-family: '微软雅黑';}
.wrap{width:1680px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.b1300{width: 1300px;margin: 0 auto;}
.list.flex{justify-content:flex-start;}
.main{padding:70px 0;}
.clearfix::after {content: "";display: table;clear: both;}
i{font-style:normal}
a:target{padding-top: 105px;}

.header{transition-duration:1s;background:#fff;display:flex;align-items:center;padding-top: 40px;padding-bottom:40px;width:100%;height:25px;position: fixed;top: 0;left:0;z-index: 10}
.header .menu{align-items:center;}
.header .menu .item{position:relative;padding:0 20px;font-size: 18px;}
.header .menu .item h3{position:relative;}
.header .menu .item h3:after{width:0;height:2px;background:#133275;position:absolute;left:0;bottom:-3px;content:"";}
.header .menu .item h3:hover:after{width:100%;transition-duration: .6s}
.header .menu .item h3 a{transition-duration:.6s;text-transform:uppercase;color:#000;}
.header .menu .item.on h3:after{width:100%;height:2px;background:#133275;position:absolute;left:0;bottom:-3px;content:"";}
.header .menu .search-btn{cursor:pointer;}
.header .menu .search-btn:before,
.header .menu .click_qrcode:before{width:1px;height:15px;content:"";position:absolute;right:0;top:50%;margin-top:-6.5px;background:#DBDBDB;}
.header .menu .lang{position:relative;}
.header .menu .lang h4{cursor:pointer;display:flex;align-items:center;}
.header .menu .lang h4 span{color:#000;margin:0 8px;}
.header .menu .lang h4 i{transition-duration:.6s;color:#000;}
.header .menu .lang:before{display:none;}
.header .menu .lang .sub{border-radius:0 0 4px 4px;display:none;position:absolute;left:0;width:100%;padding:10px;z-index:10;background: #fff;}
.header .menu .lang .sub a{display:block;font-size:15px;line-height:40px;border-bottom: 1px solid #E3E3E3}
.header .height{background:#133275;}

.header .menu .item .gy,
.header .menu .item .zx{position: absolute;background: #fff;width: 150%;font-size: 15px;z-index:10;border-radius:0 0 4px 4px;display: none;padding:10px;}
.header .menu .item .gy a,
.header .menu .item .zx a{display: block;line-height: 40px;transition-duration:1s;border-bottom: 1px solid #E3E3E3}
.header .menu .item .gy a:hover,
.header .menu .item .zx a:hover{margin-left: 5px;transition-duration:1s;}

.fixed-pro{min-height:200px;display:none;z-index:10;line-height:24px;padding:30px 0;position: fixed;background:#fff;width:100%;left:0;top:75px;}
.fixed-pro .hd{width:215px;}
.fixed-pro .hd .item{cursor: pointer;display:flex;height:50px;border-bottom:1px solid #E3E3E3;position: relative;align-items: center;transition-duration:1s;}
.fixed-pro .hd .item:hover{color: #fff;background:#133275;border-bottom:1px solid #133275;transition-duration:1s;}
.fixed-pro .hd .item i{width:9px;height:12px;background:url(../images/ico7.png);position: absolute;right:0;top:50%;margin-top:-6px;}
.fixed-pro .hd .item.on{color: #fff;background:#133275;border-bottom:1px solid #133275;}
.fixed-pro .bd{width: calc(100% - 320px);}
.fixed-pro .bd{width: calc(100% - 320px);}
.fixed-pro .bd .box{display:flex;flex-wrap:wrap;}
.fixed-pro .bd .item{transition-duration:.6s;width:25%;padding-right:30px;margin:0 0 10px 0;}
.fixed-pro .bd .item a{display:flex;padding-bottom:10px;border-bottom: 1px solid #E3E3E3}
.fixed-pro .bd .item a .pic{transition-duration:.5s;margin-right:10px;width:50px;height:50px;border:1px solid #E3E3E3;}
.fixed-pro .bd .item a .pic img{width:100%;height:100%}
.fixed-pro .bd .item a .t{width: calc(100% - 60px);display:flex;align-items:center;}
.fixed-pro .bd .item:hover a .pic{border-color:#133275}

.index-banner{margin-top: 80px;position:relative;}
.index-banner .bd img{width:100%;}
.index-banner .slick-dots{bottom:50px;}
.index-banner .slick-dots li{width:16px;border:0;transition-duration:.6s;position:relative;border-radius:16px;margin:0 16px 0 0;height:16px;opacity:1;background: #ffffff}
.index-banner .slick-dots li button{display:none;}
.index-banner .slick-dots li.slick-active{text-align:center; justify-content: center;width: 35px}
.index-banner .prev,.index-banner .next{transition-duration:1s;color:#ffffff;font-size:40px;text-align:center;width:40px;height:40px;position:absolute;top:50%;cursor:pointer;line-height:40px;border-radius: 20px;}
.index-banner .prev:hover,.index-banner .next:hover{color: #133275}
.index-banner .prev{left:40px}
.index-banner .next{right:140px}
.index-banner .icon{font-size: 40px}

.banner{margin-top: 80px;}
.banner img{width:100%;}

.Email{background:#133275;color: #fff;}
.Email .body{padding-bottom: 48px;}
.Email .d1{width:50%;margin-top: 45px;border-right: 1px solid #51689d;}
.Email .d1 a{font-size: 30px;color: #fff;display: block;}
.Email .d1 a i{border-bottom: 1px solid #fff}
.Email .d1 p{line-height: 30px;font-size:16px;margin-top: 26px}
.Email .d2{width:50%;margin-top: 63px;padding-left: 45px;}
.Email .d2 #Email{width:100%;height: 50px;padding-left: 10px}
.Email .d2 #Email::placeholder{color: #000}
.Email .d2 #Email:focus{border:1px solid rgb(255,255,255,0.2)}
.Email .d2 span{background: #fff;margin-left: -40px;color: #545051;font-size:20px;}
.Email .d2 p{margin-top: 20px;line-height: 20px}

.footer{background: url("../images/footerbj.png");}
.footer .d1{width:40%;}
.footer .d1 .img{padding-top: 80px;padding-bottom:35px;border-bottom: 1px solid #3d4556}
.footer .d1 .link .daoHang{width: 33.33%;margin-top: 38px;}
.footer .d1 .link .daoHang .p1{display:block;font-size: 18px;color: #fff;margin-bottom: 18px;transition-duration: .6s}
.footer .d1 .link .daoHang .p2{transition-duration: .6s}
.footer .d1 .link .daoHang .p1:hover,
.footer .d1 .link .daoHang .p2:hover{color: #fff;padding-left: 5px;transition-duration: .6s}
.footer .d1 .a2a_kit{display:flex;margin-top: 30px;}
.footer .d1 .a2a_kit a{color:#fff;display:flex;transition:.6s;margin-right:10px;background:#000;width:34px;height:34px;justify-content:center;align-items:center;}
.footer .d1 .a2a_kit a:hover{background:#133275;border-radius:34px;color:#fff;transition: .6s}
.footer .d1 .a2a_kit a:last-child{margin-right:0;}
.footer .d1 .link .daoHang .p2{display:block;font-size: 16px;color: #9d9d9d;line-height:35px;}
.footer .d2{width:50%;color: #FFF;}
.footer .d2 .form{width:80%;margin: 0 auto;margin-top: 60px;}
.footer .d2 .form h2{display:flex;align-items:center;font-size: 24px}
.footer .d2 .form h2 img{margin-right:15px;font-size: 16px;line-height: 24px}
.footer .d2 .form h3{max-width:440px;font-size:16px;line-height:24px;margin:20px 0 30px;}
.footer .d2 .form form .item{width:48%;}
.footer .d2 .form form .item p{font-size:16px;padding-bottom:10px;}
.footer .d2 .form form .item input{height:40px;line-height:40px;width:100%;padding:0 10px;background:#fff;color:#000;}
.footer .d2 .form form .item.text{width:100%;margin:20px 0;}
.footer .d2 .form form .item textarea{min-height:100px;background:#fff;line-height:26px;width:100%;padding:10px;color:#000;}
.footer .d2 .form form .item.code{position:relative;}
.footer .d2 .form form .item.code img{position:absolute;height:38px;cursor:pointer;right:1px;bottom:1px;}
.footer .d2 .form form .item input::placeholder,
.footer .d2 .form form .item.text::placeholder,
.footer .d2 .form form .item textarea::placeholder,
.footer .d2 .form form .item.code::placeholder {color: #000}
.footer .d2 .form form .btn{display:flex;align-items:flex-end;width:160px;}
.footer .d2 .form form .btn .icon{font-size: 20px;}
.footer .d2 .form form .btn button{transition-duration:.5s;height:40px;width:100%;border:0;cursor:pointer;background:#133275;}
.footer .d2 .form form .btn button img{margin-right:8px;}
.footer .d2 .form form .btn button span{font-size:16px;color:#fff;}
.footer .d2 .form form .btn button:hover{border-radius:30px}
.footer .d2 .form form .item input:focus,
.footer .d2 .form form .item textarea:focus,
.footer .d2 .form form .item.code:focus{border:1px solid rgb(255,255,255,0.2)}

.footer .footer-bottom{padding-top:30px;border-top:1px solid rgb(255,255,255,0.2);margin-top:60px;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:70px;color: #fff;}
.footer .footer-bottom p,
.footer .footer-bottom p a{font-size:16px;}
.footer .footer-bottom p a{margin-left:5px;color: #fff}

.about a:hover{color: #133275}
.about a:last-child{color: #133275}

.about .p1{color: #000;padding-top: 30px;padding-bottom: 30px; border-bottom: 1px solid #e5e5e5}
.about .p1 i{color: #133275;}

.brief{margin-top: 30px;color: #133275}
.brief .d1{width: 54%;text-align: center;padding-right: 15px;}
.brief .d1 img{width: 100%;}
.brief .d2{width: 46%;text-align: left;padding-left: 15px;color: #8f8f8f;}
.brief .d2 .p1{font-size: 30px;}
.brief .d2 .p1 a{border-bottom:1px solid #000;color: #133275;}
.brief .d2 .p2{color: #000;font-size:16px;margin-top: 10px;}
.brief .d2 .d3{color: #000;font-size:16px;line-height: 30px;margin-top: 24px}
.brief .d2 .d3 p{display:block;margin-top:10px}

.jieshao {margin-top:80px;color: #000;padding-top:25px;padding-bottom:25px;border-top: 1px solid #cccccc;border-bottom:1px solid #cccccc}
.jieshao .p1{font-size: 48px;font-weight: bold;}
.jieshao .p2{font-size: 12px;width: 20px;height: 20px;border-radius: 10px;line-height:20px;background: #133275;color: #fff;position: absolute;text-align: center}
.jieshao .d1{text-align:left;width: 25%;}
.jieshao {color: #000}

.video{color: #000;margin-top: 25px;padding-bottom:80px;overflow: hidden;text-align: center;}
.video .p1{font-size: 30px;margin: 0 auto;}
.video .p1 a{border-bottom: 1px solid #000}
.video video{width:900px;text-align: center;margin-top: 40px}
.video .d1{display: inline-flex;margin-top: 55px;cursor:pointer;}
.video .d2{float: left;margin-right: 30px;overflow:hidden}
.video img{width: 100%;transition-duration: .6s}
.video img:hover{transform: scale(1.02);transition-duration: .6s}
.video .title{width: 100%;margin-top: 18px;text-align: left}
.video .swiper-pagination {padding-bottom: 30px;border-bottom: 1px solid #cccccc}

.facility{margin-top: 35px;}
.facility .p1{width:100%;font-size: 30px;}
.facility .p1 a{border-bottom: 1px solid #000;color: #133275;}
.facility .p2{width:100%;color: #000;margin-top: 15px}
.facility .d1{margin-top: 25px;display:flex;flex-wrap:wrap;}
.facility .img{width: calc(25% - 22.5px);padding: 10px;margin: 15px;box-shadow: 0 0 10px 10px #eff5fa;}
.facility .img:nth-child(4n){margin-right: 0;}
.facility .img:nth-child(4n+1){margin-left: 0;}
.facility .img .d2{width:100%;overflow:hidden}
.facility .img img{width: 100%;transition-duration: .6s}
.facility .img img:hover{transform: scale(1.05);transition-duration: .6s;overflow: hidden}

.certification{margin-top: 35px;}
.certification .p1{width:100%;font-size: 30px;}
.certification .p1 a{border-bottom: 1px solid #000;color: #133275;}
.certification .p2{width:100%;color: #000;margin-top: 15px}
.certification .d1{margin-top: 25px;display:flex;flex-wrap:wrap;}
.certification .img{width: calc(25% - 22.5px);padding: 10px;margin: 15px;box-shadow: 0 0 10px 10px #eff5fa;}
.certification .img:nth-child(4n){margin-right: 0;}
.certification .img:nth-child(4n+1){margin-left: 0;}
.certification .img .d2{width:100%;overflow: hidden;}
.certification .img img{width: 100%;transition-duration: .6s}
.certification .img img:hover{transform: scale(1.05);transition-duration: .6s;}
.certification .p3{color: #000;font-size: 16px;line-height: 24px;padding: 10px;}

.culture{margin-top: 65px;margin-bottom: 105px}
.culture .p1{width:100%;font-size: 30px;}
.culture .p1 a{border-bottom: 1px solid #000;color: #133275;}
.culture .p2{width:100%;color: #000;margin-top: 20px}
.culture .d1{margin-top: 20px}
.culture .img{width:calc(33% - 20px);text-align:center;margin: 15px;}
.culture .img:nth-child(3n){margin-right: 0;}
.culture .img:nth-child(3n+1){margin-left: 0;}
.culture .img img{width: 100%;}
.culture .p3{padding-top: 20px;padding-bottom: 20px;color: #000;text-align: left;border-bottom: 1px solid #cccccc}
.culture .p4{font-size: 14px;line-height:24px;text-align: left;color: #000;margin-top: 25px;}

.classify{margin-top: 65px;}
.classify .d1{width:calc(50% - 10px);margin-top: 10px;margin-bottom: 10px;position: relative;}
.classify .d1:nth-child(2n-1){margin-right: 10px}
.classify .d1:nth-child(2n){margin-left: 10px}
.classify .d1 img{width:100%;}
.classify .d1 .mask{transition-duration:2s;width:100%;height: 100%;position:absolute;left:0;top:0;background: #000;opacity: 0.5;z-index: 9}
.classify .d1 .text{transition-duration:2s;width:100%;height: 100%;position:absolute;left:0;top:0;text-align: center;color: #fff;z-index: 10;opacity: 0;}
.classify .d1 .text img{width: 99px;margin-top: 18.75%}
.classify .d1 .text .p1{font-size: 30px}
.classify .d1 .text .p2{margin-top: 5%;}
.classify .d1 .text .p2 i{transition-duration: 2s;}
.classify .d1 .text .p2 i:hover{transition-duration: 2s;padding-left: 30px}
.classify .d1 .mobile_text {font-size: 18px;display: none;line-height: 50px;align-items: center;background: #133275;color: #fff;padding-left: 15px;}

.introduce{width: 100%;height:800px;background: url("/skin/images/jianjiebj.png") no-repeat bottom right #162644;color:#fff;margin-top: 70px}
.introduce .d1{margin-top: 105px;max-width: 765px;}
.introduce .p1 span{font-size: 30px;border-bottom: 1px solid #fff}
.introduce .p2{margin-top:20px;font-size: 16px}
.introduce .p3{margin-top:50px;font-size: 16px;line-height: 30px}
.introduce .p4{margin-top:65px;font-size: 16px}
.introduce .p4 a{color: #fff}
.introduce .d2{text-align:left;width: 25%;float: left;margin-top: 120px;padding-left: 25px;}
.introduce .d2 .s1{font-size: 48px;font-weight: bold}
.introduce .d2 .s2{font-size: 12px;width: 20px;height: 20px;border-radius: 10px;line-height:20px;background: #fff;color: #000;position: absolute;text-align: center}

.information{margin-top: 120px;margin-bottom: 135px;}
.information p{color: #000;text-align: center;}
.information .p1 a{color: #000;font-size: 30px;border-bottom: 1px solid #000}
.information .p1 a:hover{color: #133275;}
.information .p2{margin-top: 25px;}
.information .p2 a{margin: 0 19px;font-size: 16px;border-bottom: 1px solid #000;color: #000;}
.information .p2 a:hover{color: #133275;}
.information .d1{width:100%;margin-top: 60px;display: flex;flex-wrap: wrap;}
.information .d1 a{width:calc(25% - 20px);margin:10px;position: relative;overflow: hidden}
.information .d1 a:nth-child(4n+1){margin-left: 0}
.information .d1 a:nth-child(4n){margin-right: 0}
.information .d1 a img{width:100%;transition-duration: .6s}
.information .d1 a img:hover{transform: scale(1.05);transition-duration: .6s}
.information .d1 a .mask{width:100%;position:absolute;z-index:9;bottom:0;left:0;border-top:1px solid rgb(255,255,255,0.2);background: linear-gradient(to top,rgb(0,0,0,0.8),rgb(0,0,0,0.5));}
.information .d1 a .mask p{color: #fff;text-align: left;margin-left: 5.5%;margin-right: 5.5%}
.information .d1 a .mask .p3{font-size: 12px;margin-top: 33px}
.information .d1 a .mask .p4{margin-top:14px;font-size:16px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden}
.information .d1 a .mask .p5{margin-top:35px;margin-bottom:43px;font-size: 14px;text-decoration: underline;transition-duration: 2S}
.information .d1 a .mask .p5:hover{transform: translateX(10px);transition-duration: 2S}

.list-contact {margin-top: 120px;margin-bottom: 60px;}
.list-contact .d1{width:46%;}
.list-contact .d1 .item{line-height: 22px;padding-bottom:20px;padding-top:20px;color:#000;border-bottom: 1px solid #cccccc}
.list-contact .d1 .item .icon{margin-left: 10px;margin-right: 10px;font-size: 20px}
.list-contact .d1 .item .yx{margin-left:95px}
.list-contact .d2{width:54%;text-align: right}

.news {margin-top: 70px;margin-bottom: 105px;}
.news .sidebar{width:18%;}
.news .sidebar .item h3{border-bottom:1px solid #CCCCCC;}
.news .sidebar .item h3 a{transition-duration:.5s;font-size:18px;line-height: 50px;}
.news .sidebar .item h3 a i{font-size:18px;line-height: 50px}
.news .sidebar .item h3 a:hover{color:#133275}
.news .sidebar .item.on h3 a{color:#133275}
.news .sidebar .item.on h3 a:hover{color:#133275}
.news .sidebar .item .menu{line-height: 40px;font-size:16px;color: #000000;display: block;padding-left: 10px;}
.news .sidebar .item .menu:last-child{border-bottom: 1px solid #cccccc;}
.news .sidebar .item.on .menu{display: block}
.news .sidebar .item .menu a{padding-left: 10px;}
.news .sidebar .item .menu a:hover{color: #133275}
.news .sidebar .item .menu.on a{color: #133275}
.news .sidebar .item .menu.on a:hover{color:#133275}

.news .lists{width:80%;padding-left: 75px;margin-bottom: 85px;}
.news .lists .item{width: 100%;margin-bottom: 35px;}
.news .lists .item:hover{color:#000}
.news .lists .item .img{width: 200px}
.news .lists .item .img img{width: 100%;}
.news .lists .item .d1{width: calc(100% - 200px);padding-left: 15px;}
.news .lists .item .d1 .p1{font-size: 12px;margin-top: 18px}
.news .lists .item .d1 .p2{font-size:16px;margin-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.news .lists .item .d1 .p3{font-size: 14px;margin-top:30px;line-height:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.news .lists .item .d1 .p4{font-size: 12px;text-decoration: underline;color: #133275;margin-top: 42px}
.news .lists .paging{text-align: left;margin-top: 32px;}

.news .content{width:80%;color:#000;padding-left:75px;margin-bottom: 100px;}
.news .content .name{font-size: 18px;}
.news .content .time{font-size: 14px;margin-top:18px;padding-bottom:30px;color:#5e5e5e;border-bottom: 1px solid #cccccc;}
.news .content .body{font-size: 14px;line-height: 30px;margin-top: 40px;padding-bottom: 120px;border-bottom: 1px solid #cccccc; }
.news .content .more{margin-top:30px;}
.news .content .more .up p,.list-news .bd .up p a{font-size:14px;line-height:30px;color:#000;}
.news .content .more .up p a:hover{color:#133275}
.news .content .more .btn{transition-duration:.5s;width:100px;height:40px;display:flex;background:#133275;justify-content:center;align-items:center;}
.news .content .more .btn span{font-size:14px;color:#fff;margin-left:10px;transition-duration:.5s;}
.news .content .more .btn:hover{border-radius:40px}

.products {margin-top: 70px;margin-bottom: 105px;}
.products .sidebar{width:18%;}
.products .sidebar .item h3{border-bottom:1px solid #CCCCCC;}
.products .sidebar .item h3 a{transition-duration:.5s;font-size:18px;line-height: 50px;}
.products .sidebar .item h3 a i{font-size:18px;line-height: 50px}
.products .sidebar .item h3 a:hover{color:#133275}
.products .sidebar .item.on h3 a{color:#133275}
.products .sidebar .item.on h3 a:hover{color:#133275}
.products .sidebar .item .menu{line-height: 40px;font-size:16px;color: #000000;display: block;border-bottom: 1px solid #cccccc;padding-left: 10px;}
.products .sidebar .item.on .menu{display: block}
.products .sidebar .item .menu a{padding-left: 10px;}
.products .sidebar .item .menu a:hover{color: #133275}
.products .sidebar .item .menu.on a{color: #133275}
.products .sidebar .item .menu.on a:hover{color:#133275}

.products .lists{width:80%;margin-bottom: 105px;display: flex;flex-wrap: wrap;}
.products .lists .list{width:33%;padding: 10px;margin-bottom: 45px;}
.products .lists .img{cursor: pointer; display: block;}
.products .lists .img:hover{color: #000000}
.products .lists .img img{width: 100%;}
.products .lists .img .p1 {color: #000;width: 100%;font-size: 24px;margin-top: 30px;display: flex;}
.products .lists .img .p1 .s1{width:calc(100% - 36px);font-family:'Roboto-Medium';color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.products .lists .img .p1 .icon{font-size: 24px;margin-right: 12px;height: 24px;}
.products .lists .img .p2 {margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.products .lists .paging{text-align: left;margin-top: 80px;width: 100%}

.products .xg_title{line-height: 29px;color:#000;border-bottom:1px solid #CCCCCC;margin-top: 40px;padding-bottom: 15px;}
.products .xg_lists{width:100%;margin-top: 25px;justify-content: start}
.products .xg_lists .list{width:33%;padding: 10px;}
.products .xg_lists .img{cursor: pointer; display: block;}
.products .xg_lists .img:hover{color: #000000}
.products .xg_lists .img img{width: 100%;}
.products .xg_lists .img .p1 {color: #000;width: 100%;font-size: 24px;margin-top: 30px;display: flex;}
.products .xg_lists .img .p1 .s1{width:calc(100% - 36px);font-family:'Roboto-Medium';color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.products .xg_lists .img .p1 .icon{font-size: 24px;margin-right: 12px;height: 24px;}
.products .xg_lists .img .p2 {margin-top: 15px;margin-bottom: 35px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}

.products .content{width:80%;}
.products .content .head .tupian_list{width:550px;}
.products .content .head .tupian_list .datu{width: calc(100% - 100px);}
.products .content .head .tupian_list .datu img{width:100%;}
.products .content .head .tupian_list .xiaotu{width:80px;}
.products .content .head .tupian_list .xiaotu li{margin-top: 13px;margin-bottom:13px;display:flex;justify-content:center;align-items:center;width:75px;height:75px;border:1px solid #000000}
.products .content .head .tupian_list .xiaotu .btn{margin:0 auto;text-align: center;font-size: 25px;cursor: pointer}
/*.products .content .head .tupian_list .xiaotu .btn a{font-size:22px;cursor:pointer;width:50%;height:35px;line-height:35px;text-align:center;color:#F3C21F}*/
/*.products .content .head .tupian_list .xiaotu .btn a:last-child{color:#000}*/
.products .content .head .tupian_list .xiaotu .btn a:hover{color:#133275}
.products .content .head .info{display:flex;flex-wrap:wrap;align-content:space-between;color:#000;width: calc(100% - 590px);}
.products .content .head .info-t,.products .content .head .info-b{width:100%}
.products .content .head .info h2{font-size:24px;padding-top:10px;}
.products .content .head .info h3{text-transform:uppercase;padding-bottom: 20px;padding-top: 10px}
.products .content .head .info .info-nav{display:flex;padding-top: 20px;border-top: 1px solid #cccccc;border-bottom:1px solid #cccccc;padding-bottom: 20px}
.products .content .head .info .info-nav a{border-radius: 5px;margin-left:8px;display:flex;width:44px;font-size:20px;height:44px;align-items:center;background:#000000;justify-content:center;color:#fff;transition-duration:.5s;}
.products .content .head .info .info-nav a:hover{border-radius:44px;background:#133275;}
.products .content .head .info .info-nav .message_btn{display:flex;width:130px;height:44px;cursor:pointer;transition-duration:.5s;background:#133275;align-items:center;justify-content:center;border-radius: 5px}
.products .content .head .info .info-nav .message_btn img{margin-right:10px}
.products .content .head .info .info-nav .message_btn span{text-transform:uppercase;color:#fff;}
.products .content .head .info .info-nav .message_btn:hover{border-radius:30px;}
.products .content .head .info .info-b{padding:20px 0 5px;border-top:1px solid #cccccc}
.products .content .head .info .info-b .ico a{transition-duration:.6s;padding:0 10px;border-right:1px solid #CCCCCC;}
.products .content .head .info .info-b .ico a:last-child{border:0;}
.products .nr_body{margin-top: 36px;color: #000;width: 100%}
.products .nr_body .p1{width: 100%;line-height: 29px;padding-bottom:17px;border-bottom:1px solid #CCCCCC;}
.products .nr_body .d1{width: 100%;display: inline-flex;flex-wrap: wrap}
.products .nr_body .d1 p{width:calc(50% - 25px);line-height: 50px;border-bottom:1px solid #CCCCCC;}
.products .nr_body .d1 p:nth-child(2n+1){margin-right: 25px;padding-left: 10px}
.products .nr_body .d1 p:nth-child(2n){margin-left: 25px}
.products .parameter{line-height: 29px;display:flex;align-items: flex-start;margin-top: 20px;}
.products .parameter span{line-height: 29px;}

.pc-menu{margin-bottom:85px;display:flex;justify-content:center;}
.pc-menu .item{transition-duration:.5s;background:#F3C21E;min-width:200px;display:flex;height:50px;border:1px solid #000;margin-right:20px}
.pc-menu .item:last-child{margin-right:0;}
.pc-menu .item a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;}
.pc-menu .item a i{transition-duration:.5s;width:19px;height:17px;padding-top:3px;background:url(../images/ico9.png) no-repeat bottom center;margin-right:9px;}
.pc-menu .item a span{transition-duration:.5s;color:#000;font-size:16px;text-transform:uppercase;}
.pc-menu .item:hover{border-color:#000000;background:#000000;}
.pc-menu .item:hover a i{background:url(../images/ico8.png) no-repeat bottom center;}
.pc-menu .item:hover a span{color:#F3C21E}
.pc-menu .item.on{background:#000000;border-color:#000000;}
.pc-menu .item.on a i{background:url(../images/ico8.png) no-repeat bottom center;}
.pc-menu .item.on a span{color:#F3C21E}

.index-btn{cursor:pointer;position:relative;overflow:hidden;transition-duration:.5s;background:#F3C21E;width:185px;height:50px;display:flex;}
.index-btn .p{position:relative;z-index:2;width:100%;}
.index-btn i{transition-duration:.5s;width:60px;height:50px;background:url(../images/ico18.png) no-repeat center center;}
.index-btn span{transition-duration:.5s;width: calc(100% - 60px);color:#000;display:flex;align-items:center;justify-content:center;}
.index-btn:before{transition-duration:.5s;content:"";width:60px;height:50px;background:#000;position:absolute;left:0;z-index:1;top:0;}
.index-btn:hover:before{width:100%}
.index-btn:hover i{background:url(../images/ico19.png) no-repeat center center;}
.index-btn:hover span{color:#fff}

@media (max-width: 1720px){
	.wrap{width:95%}
}

@media (max-width: 1320px){
	.wrap{width:95%}
}

@media screen and (max-width:992px) {
	.b1300{width: 95%;}

	.click_qrcode,
	.products .content .head .tupian_list,
	.list-news .more .btn,
	.products .sidebar,
	.products .hd p,
	.header,
	.pc-menu8,
	.index-banner .prev,
	.index-banner .next
	{display:none !important;}

	.show-banner {display:block !important;overflow:hidden}

	.index-banner,.banner{margin-top: 0;}
	.index-banner .slick-dots{bottom:10px}
	.index-title{margin:20px 0;}
	.index-btn{max-width:100%;}
	.about{display: none}

	.Email{display: none}

	.footer {width: 100%}
	.footer .d1{display: none;}
	.footer .d2{width: 100%}
	.footer .d2 .form {width: 100%;padding-left: 5px;padding-right: 5px};
	.footer .footer-bottom p i,
	.footer .footer-bottom p a{display: block;}

	.classify{margin-top: 35px}
	.classify .d1{width:100%;}
	.classify .d1:nth-child(2n-1){margin-right: 0}
	.classify .d1:nth-child(2n){margin-left: 0}
	.classify .d1 .mask{display: none}
	.classify .d1 .text{display: none}
	.classify .d1 .mobile_text {display: block}

	.introduce{margin-top: 35px}
	.introduce .d1{margin-top: 50px}
	.introduce .p4{display: none}
	.introduce .d2{width: 50%;margin-top: 60px}

	.information{margin-top: 25px;margin-bottom: 25px}
	.information .d1 a:hover{transform: scale(1);}
	.information .p2{display: none}
	.information .d1{margin-top: 20px;}
	.information .d1 a{width:100%;margin-left: 0;margin-right: 0}
	.information .d1 a img:hover{transform: scale(1);}
	.information .d1 a .mask .p5:hover{transform: translateX(0);}

	.brief .d1{width: 100%;text-align: center;padding-right: 0;}
	.brief .d2{width: 100%;text-align: left;padding-left:0;}
    .brief .d2 .p1{margin-top:15px}

	.jieshao .d1{width: 50%;margin-top: 10px;padding-left: 5%}

	.xian{display: none}
	.video{margin-top: 50px;}
	.video video{width:100%}
	.video img:hover{transform: scale(1)}

	.facility .img{width: calc(50% - 15px);}
	.facility .img:nth-child(2n){margin-right: 0;}
	.facility .img:nth-child(2n+1){margin-left: 0;}
	.facility .img img:hover{transform: scale(1)}

	.certification .img{width: calc(50% - 15px);}
	.certification .img:nth-child(2n){margin-right: 0;}
	.certification .img:nth-child(2n+1){margin-left: 0;}
	.certification .img img:hover{transform: scale(1)}

	.culture{margin-top: 35px;margin-bottom: 35px}
	.culture .img,.culture .img:nth-child(n){width:100%;margin-left: 0;margin-right: 0}

	.products .content .head .info,
	.products .bd .form .code,
	.products .bd .form .input_item .item,
	.products .hd,
	.products .datu {width:95%;margin: 0 auto}

	.products{margin-top: 0;margin-bottom:0;}
	.products .show-banner{width: 100%}
	.products .show-banner .bd img{width: 100%}
	.products .parameter .item{width: 100%;}
	.products .sidebar{display: none}
	.products .lists{width:100%;margin: 25px auto 25px}
	.products .lists .list{width:100%;padding: 0;margin: 0;}
	.products .lists .img .p1 {margin-left: 5px;margin-top: 5px;}
	.products .lists .img .p2 {margin-left: 5px;margin-top: 5px;margin-bottom: 25px;}
	.products .lists .paging{margin-top: 20px}
	.products .content{width:100%;margin-top:15px;}
	.products .content .head .info-b{display: none}
	.products .nr_body{margin: 36px auto 0;width: 95%}
	.products .nr_body .d1 p{width:100%;}
	.products .nr_body .d1 p:nth-child(n){margin-right: 0;margin-left: 0;padding-left :15px}
	.products .xg_title{width:95%;margin: 40px auto 15px;}
	.products .xg_lists{width:95%;margin: 25px auto 0;}
	.products .xg_lists .list{width:100%;padding: 0;}
	.products .xg_lists .img .p1 {margin-left: 5px;margin-top: 5px;}
	.products .xg_lists .img .p2 {margin-left: 5px;margin-top: 5px;margin-bottom: 25px;}

	.news {margin-top: 25px;margin-bottom:0;}
	.news .sidebar{display: none}
	.news .lists{width:100%;padding-left: 0;margin: 0 auto 25px;}
	.news .content{width:100%;padding-left:0;margin: 0 auto 35px;}
	.news .content .time{margin-top:9px;padding-bottom:15px;}
	.news .content .body{margin-top: 20px;padding-bottom: 30px;}
	.news .content .more{margin-top:20px;display: block}
	.news .content .more .btn{margin-top: 10px}

	.list-contact {margin-top: 20px;margin-bottom: 20px;}
	.list-contact .d1{width:100%;}
	.list-contact .d2{width: 100%;text-align: center}
}