@charset "utf-8";

/*960px*/

@media screen and (min-width:960px)  and  (max-width:9999px)  {

/* ------ 公用样式 ------ */

html,body{font-family:Arial;}

.pc{display:block;}

.wap{display:none;}

.img{ transition:all .6s ease; overflow:hidden;}

.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

span{display:block;}

a:hover{color:#DA251C;}

.clear{clear:both;}

.ab-seo-content {
    max-width: 1280px;
    margin: 0 auto;
}

.wrap{max-width:1280px; margin:0 auto;}

em,i,p,span{line-height:100%;}

input{-webkit-user-select:text !important;}

/* --- top --- */

.page-top{background:#DA251C; height:45px;}

.page-top .wrap{display:flex; align-items:center;}

/* --- language --- */

.page-language {font-size:12px; width:180px; text-transform:uppercase; position:relative;}

.page-language .pic{margin-right:8px;}

/* 显示 */

.page-language .show{text-align:center; line-height:45px; color:#fff; border-left:1px solid #E97C77; border-right:1px solid #E97C77; display:flex; align-items:center; height:45px; font-weight:bold; background:url(../images/arrow-down.png) no-repeat 90% center; padding-right:15px; background-size:15px 9px; padding-left:20px; transition:all .3s;}

.page-language .show:hover{ background:url(../images/arrow-down.png) no-repeat 90% center #C1221A;}

/* 弹出 */

.page-language .hide{display:none; position:absolute; left:0; top:45px; width:100%;}

.page-language .hide a{display:block; height:45px; display:flex; align-items:center; padding-left:20px; background:#f8f8f8;}

.page-language .hide a:hover{background:#efefef;}

.page-language:hover .hide{display:block;}

/* --- column --- */

.page-column{height:120px; display:flex; align-items:center;}

.page-column h2{font-size:28px; font-weight:bolder; text-transform:uppercase;}

.page-column h2.white{color:#fff; }

.page-column .page-more{margin-left:auto;}

/* --- more --- */

.page-more{width:160px; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:5px; color:#fff; font-size:14px; transition:all .3s; border:1px solid #fff; text-transform:uppercase; background:url(../images/more-arrow.png) no-repeat 85% center #DA251C; padding-right:30px;}

.page-more a{color:#fff;}

.page-more:hover{background:url(../images/more-arrow.png) no-repeat 85% center #333;}

/* --- search --- */

.page-search{margin-left:auto; width:260px; display:flex; align-items:center; height:45px; border-left:1px solid #C1221A; }

.page-search input{width:80%; height:100%; border:none;background:none; padding-left:15px; color:#fff; transition:all .3s;}

.page-search input::-webkit-input-placeholder {color:#fff; font-size:14px;}

.page-search input:focus { background:#C1221A;}

.page-search button{width:20%; height:100%; background:url(../images/search-btn.png) no-repeat #EA3127 center center; border:none; cursor:pointer;}

/* --- follow --- */

.page-follow ul{display:flex; align-items:center;}

.page-follow ul li{ border-right:1px solid #C1221A; width:45px; text-align:center; transition:all .3s; }

.page-follow ul li:hover{ background:#C1221A;}

/* --- header --- */

.page-header{height:80px; background:#fff; }

.page-header .wrap{display:flex; align-items:center; height:80px; }

.page-header .right{width:80%;  margin-left:auto;}

.header-all.small{position:fixed; left:0; top:0; width:100%; z-index:200; background:#fff; border-bottom:1px solid #efefef;}

/* 联系 */

.page-header .contact{float:right; height:44px; overflow:hidden;}

.page-header .contact ul{display:flex; align-items:center;}

.page-header .contact ul li{display:flex; align-items:center; margin-left:25px; font-size:14px; color:#DA251C;}

.page-header .contact ul li .pic{margin-right:15px;}

.page-header .contact ul li .text p{color:#666; margin-bottom:5px;}

.page-header .contact ul li .text em{}

/* --- nav --- */

.page-nav{border-bottom:3px solid #DA251C; height:60px; border-top:1px solid #efefef; background:#fff;}

.page-nav ul{display:flex; align-items:center; }

.page-nav ul li{ position:relative; height:60px; display:flex; align-items:center;  margin-right:55px;}

.page-nav ul li .link{display:block; transition:all .3s; position:relative; text-transform:uppercase; font-size:14px; font-weight:bold; padding-left:20px;}

.page-nav ul li .arrow{background:url(../images/arrow.png) no-repeat right center; padding-right:20px;}

.page-nav ul li .now{color:#FF000C; font-weight:bold;}

.page-nav ul li:hover .pop{display:block;}

.page-nav ul li:hover a{color:#4a4a4a;}

/* 弹出 */

.page-nav ul li .hide{position:absolute; left:0px; top:59px; box-shadow: 0 3px 8px #efefef;  height:0; transition:all .3s; display:none; z-index:300;}

/* 二级 */

.page-nav ul li .hide .box{width:300px; position:relative;}

.page-nav ul li .hide .box a,.page-nav ul li .hide .box .two{display:block; border-bottom:1px solid #f1f1f1; height:40px; line-height:40px; background:#fff; text-align:left; padding-left:10px; font-size:14px;}

.page-nav ul li .hide .box a:hover{background:#f9f9f9;}

.page-nav ul li .hide .box .two:hover{background:#f9f9f9;}

/* 三级 */

.page-nav ul li .hide .box .three{position:absolute; left:200px; top:0; width:200px; display:none; box-shadow: 0 3px 8px #efefef; }

/* 弹出 */

.page-nav ul li:hover .hide{ display:block;}

.page-nav ul li .hide .box:hover a{color:#DA251C;}

.page-nav ul li .hide .box:hover .three{display:block; }

.page-nav ul li .hide .box:hover .three a{color:#333;}

.page-nav ul li .hide .box:hover .three a:hover{color:#DA251C;}

/* --- showpage --- */

.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}

.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}

.page-showpage a.now{ background:#DA251C; color:#fff; border:1px solid #DA251C; }

/* --- footer --- */

.page-footer{background:url(../images/footer.jpg) no-repeat center top #EF371F; height:490px;}

/* nav */

.page-footer .footer-nav{ display:flex; height:420px;}

.page-footer .footer-nav dl{width:25%;}

.page-footer .footer-nav dl dt{height:108px; color:#fff; display:flex; align-items:center; font-size:24px; font-weight:bolder; text-transform:uppercase;}

.page-footer .footer-nav dd{font-size:14px; color:#fff; }

.page-footer .footer-nav dd a{color:#fff; } 

.page-footer .footer-nav dd a:hover{color:#333;}

.page-footer .footer-nav dd p{line-height:200%;}

/* nav */

.page-footer .page-follow{margin-top:20px;}

.page-footer .page-follow li{border:none;}

/* copyright */

.page-footer .copyright{border-top:1px solid #FF7462; height:70px; line-height:70px; font-size:14px; text-align:center; color:#fff;}

/* --- hd --- */

.page-hd{text-align:center; margin-bottom:30px;}

.page-hd li{width:30px; height:5px; background:#ccc; display:inline-block; text-indent:-999rem; border-radius:100px; margin-left:5px; margin-right:5px;}

.page-hd li.on{background:#DA251C;}

/* --- path --- */

.page-path{height:66px; background:#F8F8F8; line-height:66px; font-size:14px; color:#999;}

.page-path a{margin-left:10px; margin-right:10px;}

/* --- 类目 --- */

.page-category{ background:url(../images/type-logo.png) no-repeat center center #DA251C; padding-bottom:30px; overflow:hidden;}

.page-category h3{ color:#fff; height:87px; line-height:87px; font-size:18px; text-transform:uppercase; font-weight:bold;}

.page-category ul{ width:105%;}

.page-category ul li{width:248px; text-align:center; margin-bottom:10px; transition:all .3s; margin-right:10px; float:left;}

.page-category ul li a{display:block; background:#F2F1F7; transition:all .3s; height:40px; display:flex; align-items:center; justify-content:center; font-size:14px; line-height:1;}

.page-category ul li a:hover{opacity:.8;}

.page-category ul li a.now{opacity:.8;}

/* --- 其他产品 --- */

.page-other .bd{margin-bottom:0px; position:relative; overflow:hidden;}

.page-other .bd li{float:left; margin-right:19px; padding-bottom:50px;}

.page-other .bd li a{width:306px; height:377px; border:1px solid #efefef; display:block; transition:all .3s; }

.page-other .bd li a .pic{height:330px; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.page-other .bd li a .text{text-align:center; font-size:14px; height:14px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}

.page-other .bd li:hover a{ border:1px solid #DA251C; box-shadow: 0px 10px 20px #ececec;}


/* 箭头 */

.page-other .bd .prev,.page-other .bd .next{opacity:0; cursor:pointer; position:absolute; top:40%; transition:all .3s;background-color:rgba(0,0,0,0.5); }

.page-other .bd .prev:hover,.page-other .bd .next:hover{background-color:rgba(218,37,28,0.5);}

.page-other .bd:hover .prev,.page-other .bd:hover .next{opacity:1; }

.page-other .bd .prev{left:0;}

.page-other .bd .next{right:0;} 

/* ------ 首页 ------ */

/* --- banner --- */

.banner_index .swiper-slide {position: relative; height:650px; background:#000;}

.banner_index .swiper-slide img {width: 100%;}

.banner_index .swiper-slide video {position: absolute;width: 100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover;}

.banner_index .swiper-slide	.box{height:650px;}

/* --- home-offer --- */

.home-offer{ overflow:hidden;}

/* column */

.home-offer .column{display:flex; align-items:center; padding-top:30px; padding-bottom:30px;}

.home-offer .column h2{font-size:18px; font-weight:bold;}

.home-offer .column .parHd{margin-left:auto;}

.home-offer .column .parHd ul{display:flex;}

.home-offer .column .parHd ul li{font-size:14px; margin-left:35px; font-weight:bold; cursor:pointer;} 

.home-offer .column .parHd ul li.on{color:#da251c;}

/* inBd */

.home-offer .inBd{margin-bottom:30px; overflow:hidden;}

.home-offer .inBd li{float:left; margin-right:25px; padding-bottom:15px;}

.home-offer li .box{background:#fff; width:410px; height:550px; overflow:hidden; border:1px solid #efefef; transition:all .3s; }

.home-offer li .box .pic{height:310px; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.home-offer li .box .content{padding:20px;}

.home-offer li .box .content h3{margin-bottom:15px; font-weight:bold;}

.home-offer li .box .content .text{font-size:14px; line-height:150%; color:#999; margin-bottom:20px; height:128px; overflow:hidden;}

.home-offer li .box .content .more{font-size:14px; text-transform:uppercase; font-weight:bolder;}

/* prev */

.home-offer .offer-content{position:relative;}

.home-offer .offer-content .inPrev{position:absolute; left:0; top:40%; cursor:pointer; opacity:0; transition:all .3s; background:#000; background-color:rgba(0,0,0,0.5);}

.home-offer .offer-content .inPrev:hover{background-color:rgba(218,37,28,0.5);}

.home-offer .offer-content .inNext{position:absolute; right:0; top:40%; cursor:pointer; opacity:0; transition:all .3s; background:#000; background-color:rgba(0,0,0,0.5);}

.home-offer .offer-content .inNext:hover{background-color:rgba(218,37,28,0.5);}

.home-offer .offer-content:hover .inPrev{opacity:1; }

.home-offer .offer-content:hover .inNext{opacity:1;}

/* hover */

.home-offer li .box:hover{border:1px solid #DA251C; box-shadow: 8px 0px 20px #eee;}

.home-offer li .box .content:hover h3{color:#DA251C;}

/* --- home-about --- */

.home-about{background:url(../images/about-logo.png) no-repeat center center #EAEDF2;}

.home-about .wrap{display:flex; align-items:center; padding-top:50px; padding-bottom:50px;}

/* 介绍 */

.home-about .about{width:45%;}

.home-about .about h3{font-size:24px; font-weight:bold; margin-bottom:20px;}

.home-about .about .dep{background:url(../images/about-dep.png) no-repeat; width:324px; height:30px; line-height:30px; color:#fff; font-size:14px; padding-left:10px; margin-bottom:20px;}

.home-about .about .text p{line-height:150%; font-size:14px; margin-bottom:20px;}

.home-about .about a{color:#fff;}

/* 图片 */

.home-about .aboutVideo{margin-left:auto; width:680px; height:380px;}

.home-about .aboutVideo video{width:100%; height:100%;}

/* --- home-leader --- */

.home-leader{background:url(../images/home-leader.jpg) no-repeat center top; height:599px;}

.home-leader .content ul{display:flex; flex-wrap:wrap; justify-content:space-between;}

.home-leader .content ul li{width:250px; background:#fff; text-align:center; position:relative; padding:5px; margin-bottom:10px; border-radius:5px;}

.home-leader .content ul li .pic{position:relative; overflow:hidden;}

.home-leader .content ul li .pic:after{content:""; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); position:absolute; transition:all .3s;}

.home-leader .content ul li .text{position:absolute; left:0; top:0; width:100%; height:100%; z-index:200; color:#fff; display:flex; align-items:center; justify-content:center; padding:30px; font-size:18px; font-weight:bolder;} 

.home-leader .content ul li:hover .pic:after{background-color:rgba(240,56,32,0.5); }

/* --- home-dep --- */

.home-dep{font-size:14px; margin-bottom:30px;line-height: 160%;}

/* --- home-what --- */

/* bd */

.home-what .bd{margin-bottom:50px; overflow:hidden;}

.home-what .bd li{float:left; margin-right:12px; position:relative;}

.home-what .bd li .pic{overflow:hidden;}

.home-what .bd li .text{background:#000; position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.5); z-index:200; height:50px; line-height:50px; text-align:center; color:#fff; transition:all .3s;}

.home-what .bd li:hover .text{background-color:rgba(218,37,28,0.8); }

/* --- Service --- */

.home-service{position:relative;}

/* item */

.home-service .item{height:750px; position:relative;}

.home-service .item .photo{height:750px; text-align:center;} 

.home-service .item .content{position:absolute; z-index:200; left:0; top:0; width:100%; height:100%;}

.home-service .item .content .wrap{ display:flex; align-items:center; height:100%;}

.home-service .item .content .box{ width:805px; height:613px; padding:50px; background:url(../images/home-service.png) no-repeat; margin-left:-80px; padding-left:80px;}

.home-service .item .content .box h3{font-size:48px; color:#fff; font-weight:bolder; margin-bottom:30px;}

.home-service .item .content .box .subtitle{font-size:18px; color:#fff; margin-bottom:20px;}

.home-service .item .content .box .text{width:75%;}

.home-service .item .content .box .text p{line-height:180%; color:#fff; font-size:14px;}



/* other */

.home-service .other{position:absolute; left:0; bottom:125px; z-index:500; width:100%;}

.home-service .other .wrap{display:flex; align-items:flex-end;}

.home-service .other .pageState{margin-left:0px; font-size:24px; color:#fff;}

.home-service .other .pageState span{display:inline-block; font-size:72px;}

.home-service .other .nextpage{margin-left:280px; width:250px; display: flex; align-items:center; justify-content:space-between; margin-bottom:10px;}

.home-service .other .nextpage a{display:block; color:#fff; cursor:pointer; text-transform:uppercase;}

.home-service .other .nextpage a.prev{background:url(../images/page-prev.png) no-repeat; padding-left:30px;}

.home-service .other .nextpage a.next{background:url(../images/page-next.png) no-repeat right center; padding-right:30px;}

/* --- News --- */

.home-news{margin-bottom:50px; overflow:hidden;  padding-bottom:20px;}

/* li */

.home-news ul{width:105%;}

.home-news li{float:left; width:416px; height:500px; border:1px solid #eee; margin-right:15px;  transition:all .3s ease;} 

/* pic */

.home-news li .pic{overflow:hidden; position:relative;}

.home-news li .pic .hide{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.3); text-align:center; opacity:0; transition:all .3s;}

.home-news li .pic .hide h3{font-size:24px; text-transform:uppercase; color:#fff; margin-top:20%; margin-bottom:15px;}

.home-news li .pic .hide p{color:#fff; font-size:18px;}

.home-news li .pic .hide p:before{content:"——"; margin-right:15px;}

.home-news li .pic .hide p:after{content:"——"; margin-left:15px;}

/* title */

.home-news li .title{border-bottom:1px solid #efefef; height:70px;}

.home-news li .title .date{width:70px; float:left; border-right:1px solid #efefef; height:70px; text-align:center; display:flex; align-items:center;}

.home-news li .title .date b{font-size:28px; font-weight:bold; margin-top:8px; margin-bottom:5px;}

.home-news li .title .date em{font-size:12px; color:#999;}

.home-news li .title h3{float:left; font-size:14px;  width:80%; line-height:20px; height:70px; overflow:hidden; display:flex; align-items:center; padding-left:15px;}

/* dep */

.home-news li .dep{padding:15px; font-size:14px; position:relative; height:175px;}

.home-news li .dep p{ height:80px; line-height:20px; overflow:hidden; margin-bottom:10px; color:#666;}

.home-news li .dep .more{color:#2e358d; background:url(../images/news-more.png) no-repeat right center; font-size:12px; display:block; position:absolute; bottom:50px; left:15px;}

.home-news li:hover{ border:1px solid #efefef; box-shadow: 10px 10px 20px #efefef;}

.home-news li a:hover .title h3{color:#DA251C;}

.home-news li a:hover .pic .hide{opacity:1;}

.home-news li a:hover .dep .more{color:#DA251C;}

/* ------ 内页 ------ */



/* banner */

.page-banner{height:400px;}

.banner-about{ background:url(../images/banner-about.jpg) no-repeat; background-size:cover;}

.banner-contact{ background:url(../images/banner-contact.jpg) no-repeat; background-size:cover;}

.banner-news{ background:url(../images/banner-news.jpg) no-repeat; background-size:cover;}

.banner-product{ background:url(../images/banner-pro.jpg) no-repeat; background-size:cover;}

.banner-process{ background:url(../images/banner-process.jpg) no-repeat; background-size:cover;}

.banner-quality{ background:url(../images/banner-quality.jpg) no-repeat; background-size:cover;}

.banner-service{ background:url(../images/banner-service.jpg) no-repeat; background-size:cover;}

/* title */

.subpage-title{margin-bottom:20px; text-transform:uppercase; font-weight:bolder; color:#da251c; font-size:18px;}

/* ------ about ------ */

/* --- dep --- */

.about-dep {margin-bottom:50px;}

.about-dep p{line-height:180%; margin-bottom:25px; font-size:14px;}

/* --- tour --- */

.about-tour{overflow:hidden;}

.about-tour .bd {margin-bottom:50px; overflow:hidden; position:relative;}

.about-tour .bd li{float:left; width:411px; height:430px; margin-right:24px;}

.about-tour .bd li .pic{overflow:hidden;}

.about-tour .bd li .text{background:#f5f5f5; padding:0 20px; height:200px;}

.about-tour .bd li .text h3{font-size:16px; height:60px; line-height:60px; text-align:center;}

.about-tour .bd li .text p{font-size:14px; line-height:150%; color:#666;}



/* 箭头 */

.about-tour .bd .prev,.about-tour .bd .next{opacity:0; cursor:pointer; position:absolute; top:40%; transition:all .3s;background-color:rgba(0,0,0,0.5); }

.about-tour .bd .prev:hover,.about-tour .bd .next:hover{background-color:rgba(218,37,28,0.5);}

.about-tour .bd:hover .prev,.about-tour .bd:hover .next{opacity:1; }

.about-tour .bd .prev{left:0;}

.about-tour .bd .next{right:0;} 

/* --- customer --- */

.about-customer{margin-bottom:30px;}

.about-customer ul{display:flex; flex-wrap:wrap; justify-content:space-between;}

.about-customer ul li{background:#fafafa; display:flex; width:200px; height:120px; align-items:center; justify-content:center; margin-bottom:15px;}


/* ------ applications ------ */

/* --- content --- */

.applications-content{padding-top:40px; padding-bottom:40px; color:#555;} 

.applications-content h3{font-size:16px; font-weight:bolder; margin-bottom:20px;}

.applications-content .text p{font-size:14px; line-height:150%; margin-bottom:20px;}

/* --- pic --- */

.applications-samples{margin-bottom:50px;}

.applications-samples ul{display:flex; flex-wrap:wrap; justify-content:space-between;}

.applications-samples ul li{width:24%;margin-bottom:30px; overflow:hidden; border:1px solid #ddd;}

.applications-samples ul li img{width:100%;   padding:5px;}

/* ------ service ------ */

.service-content{padding-top:40px; padding-bottom:40px; color:#555;} 

.service-content h1{margin-bottom:30px; text-transform:uppercase; font-weight:bolder;}

.service-content .text{margin-bottom:20px; font-size:14px;}

.service-content .text p{line-height:180%;}

/* ------ news ------ */

.news-content {padding-top:40px;} 

.news-content li{margin-bottom:30px;}

/* ------ contact ------ */

/* --- way --- */

.contact-way{margin-top:36px;}

.contact-way ul{display:flex; justify-content:space-between;}

.contact-way li{width:410px; text-align:center; background:#f8f8f8; height:310px;}

.contact-way li strong{display:block; height:111px; line-height:111px; text-transform:uppercase;}

.contact-way li i{display:block; height:1px; background:#333; width:111px; margin:0 auto; margin-bottom:50px;}

.contact-way li .text p{font-size:14px; line-height:180%;}

/* --- column --- */

.contact-column{margin-top:50px; margin-bottom:50px; text-align:center;}

.contact-column h3{margin-bottom:25px;}

.contact-column .text p{line-height:150%; font-size:14px;}

/* --- form --- */

.contact-form ul{display:flex; align-items:flex-end; flex-wrap:wrap; justify-content:space-between;}

.contact-form ul li{width:48%; margin-bottom:20px;}

.contact-form ul li input{width:100%; height:50px; line-height:50px; padding-left:15px; font-size:14px; border:1px solid #CECECE; transition:all .3s;}

.contact-form ul li input:focus{ border:1px solid #DA251C; box-shadow: 10px 10px 20px #ececec;}

.contact-form ul li textarea{ width:100%; padding:15px; font-size:14px; height:200px;  border:1px solid #CECECE; transition:all .3s;}

.contact-form ul li textarea:focus{ border:1px solid #DA251C; box-shadow: 10px 10px 20px #ececec;}

.contact-form ul li button{width:100%; height:45px; line-height:45px; text-align:center; border:none; background:#ddd; font-size:14px; margin-bottom:8px; cursor:pointer; transition:all .3s; text-transform:uppercase; }

.contact-form ul li button:hover{background:#DA251C; color:#fff;}

/* --- map --- */

.contact-map {margin-bottom:50px;}

/* ------ product ------ */

.product-box{overflow:hidden; margin-top:30px; margin-bottom:30px;}

.product-box ul{width:105%;}

.product-box li{ margin-bottom:15px; float:left; margin-right:25px; margin-bottom:25px;}

/* ------ download ------ */

.download-box{ overflow:hidden;}

.download-box h1{margin-bottom:30px; text-transform:uppercase; font-weight:bolder; padding-top:30px;}

/* box */

.download-box ul{width:105%;}

.download-box li{float:left;width:416px; margin-right:18px;}

.download-box li .box{width:416px; height:553px; box-shadow: 0 3px 8px #ccc; position:relative;}

.download-box li .box .sub-logo{height:245px; align-items:center; display:flex; justify-content:center;}

.download-box li .box .pic{padding:0 10px; overflow:hidden;}

.download-box li .box .tag{background:url(../images/download-tag.png) no-repeat; width:151px; height:33px; position:absolute; right:0; top:0; text-align:center; color:#fff; line-height:33px;}

/* text */

.download-box li .text{background:url(../images/download-icon.png) no-repeat 0 center; padding-left:70px; padding-top:30px; padding-bottom:30px;}

.download-box li .text h3{font-size:14px; color:#da251c; margin-bottom:15px;}

.download-box li .text h3 a{color:#da251c; }

.download-box li .text p{font-size:14px; line-height:150%;}


/* ------ product ------ */

/* --- product show --- */

.product-show{ }

/* 产品展示 */

.pro-show{overflow:hidden; padding-bottom:30px;}

/* 标题 */

.pro-title{font-size:16px; text-transform:uppercase; font-weight:bold;  height:55px; line-height:55px; border-bottom:1px solid #efefef; color:#87C440; }

.pro-title .text{width:180px; border-right:1px solid #efefef; text-align:center; color:#2e358d; line-height:55px;}

/* 介绍 */

.pro-dep{background:#fff; overflow:hidden; padding:20px; margin-bottom:20px;  display:flex; align-items:center;}

/* 产品图 */

.pro-dep-pic{width:725px;}

/* 产品图 - 小图 */

.pro-dep-pic .small{float:left; width:105px;}

.pro-dep-pic .small li{margin-bottom:8px;}

.pro-dep-pic .small li .pic{ width:105px; height:105px; border:1px solid #efefef; display:flex; align-items:center; justify-content:center; }

.pro-dep-pic .small li.on .pic{border:1px solid #FF1621;}

.pro-dep-pic .small .small-Img{margin-top:15px; margin-bottom:10px;}

.pro-dep-pic .small .sPrev{ background:url(../images/arrow-top.png) no-repeat center; height:9px; display:block;}

.pro-dep-pic .small .sNext{ background:url(../images/arrow-down2.png) no-repeat center; height:9px; display:block;}

.pro-dep-pic .small .sPrev:hover{ background:url(../images/arrow-top-hover.png) no-repeat center; height:9px; display:block;}

.pro-dep-pic .small .sNext:hover{ background:url(../images/arrow-down-hover.png) no-repeat center; height:9px; display:block;}



/* 产品图 - 大图 */

.pro-dep-pic .big{float:left; margin-left:15px; position:relative; height:600px; width:600px; border:1px solid #efefef; }

.pro-dep-pic .big ul{height:100%;}

.pro-dep-pic .big li{height:100%; display:flex; align-items:center; justify-content:center;}

.pro-dep-pic .big li img{overflow:hidden;}



/* 简介 */

.pro-dep-content{width:500px; position:relative; height:600px; margin-left:auto;}

.pro-dep-content h3{margin-bottom:15px; font-size:24px; color:#ff000c; text-transform:uppercase; line-height:150%;}

.pro-dep-content .text p{line-height:180%; color:#666; position:relative; font-size:14px;}

.pro-dep-content .btn{position:absolute; bottom:50px; width:100%; display:flex; align-items:center; align-items:center; height:50px; }

.pro-dep-content .btn ul{display:flex; flex-wrap:wrap; justify-content:space-between;}

.pro-dep-content .btn ul li{width:48%; margin-bottom:15px;}

.pro-dep-content .btn ul li.link a{background:#EBEBEB; border-radius:5px; font-size:14px; display:flex; align-items:center; height:40px; line-height:40px; transition:all .3s;}

.pro-dep-content .btn ul li.link a .icon{width:36px; height:36px; margin-right:10px; margin-left:10px;}

.pro-dep-content .btn ul li.link a:hover{background:#DA251C; color:#fff;}

.pro-dep-content .btn ul li.follow{display:flex; align-items:center; height:40px;}

.pro-dep-content .btn ul li.follow a{margin-right:10px;}

.pro-dep-content .btn ul li:nth-child(1) .icon{background:url(../images/pro-01.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(2) .icon{background:url(../images/pro-02.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(3) .icon{background:url(../images/pro-03.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(4) .icon{background:url(../images/pro-04.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(5) .icon{background:url(../images/pro-05.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(1):hover .icon{background:url(../images/pro-01-hover.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(2):hover .icon{background:url(../images/pro-02-hover.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(3):hover .icon{background:url(../images/pro-03-hover.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(4):hover .icon{background:url(../images/pro-04-hover.png) no-repeat;}

.pro-dep-content .btn ul li:nth-child(5):hover .icon{background:url(../images/pro-05-hover.png) no-repeat;}

/* 产品 - 介绍 */

.product-dep .wrap{ background:#fff; margin-bottom:30px; padding-bottom:30px;}

.product-dep .content{padding:20px;}

.product-dep .content strong{margin-bottom:15px; text-transform:uppercase; margin-bottom:20px; display:block; color:#DA251C; }

.product-dep .content p{line-height:200%; font-size:14px;}

.product-dep .content span{display:inline-block;}

.product-dep .pic{padding:0 20px; display:flex; flex-wrap:wrap; justify-content:space-between;}

.product-dep .pic p{width:24%;}

/* --- 产品 - 栏目 --- */

.product-column{border-bottom:1px solid #efefef; height:56px; line-height:56px;}

.product-column h3{ width:200px; text-align:center; border-right:1px solid #efefef; height:56px; line-height:56px; font-size:16px; color:#DA251C; text-transform:uppercase; font-weight:bold;}

/* --- 产品 - 询盘 --- */

.product-get{ margin-bottom:20px;}

.product-get .box{ background:#fff; overflow:hidden; }

.product-get ul{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px; padding-bottom:0;}



/* list */

.product-get li{ width:22.5%; height:35px; line-height:35px; margin-bottom:25px;}

.product-get li select{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px;  font-size:12px;  transition:all .3s ease;}

.product-get li select:hover{ box-shadow: 0px 10px 20px #efefef;}



/* input */

.product-get li input{background:#fff; width:100%; height:40px; line-height:40px;  border:1px solid #ddd; padding-left:15px; font-size:14px;   transition:all .3s ease; }

.product-get li input::-webkit-input-placeholder {color:#333;}

.product-get li input:focus{border:1px solid #DA251C;}

.product-get li input:hover{border:1px solid #DA251C;box-shadow: 10px 10px 20px #ececec; }

.product-get li input::-webkit-input-placeholder {color:#aaa;}



/* message */

.product-get .message{ padding:0 20px;}

.product-get .message textarea{width:100%;  border:1px solid #ddd; background:#fff; height:150px; padding:10px; font-size:14px; transition:all .3s ease;  }

.product-get .message textarea::-webkit-input-placeholder {color:#333;}

.product-get .message textarea:focus{border:1px solid #DA251C; box-shadow: 10px 10px 20px #ececec;}

.product-get .message textarea:hover{border:1px solid #DA251C;}

.product-get .message textarea::-webkit-input-placeholder {color:#aaa;}



/* btn */

.product-get .btn{ text-align:right; margin-top:20px; padding:20px;}

.product-get .btn button{background:#E7E7E7; width:135px; height:40px; line-height:40px; text-align:center; font-size:14px; text-transform:uppercase; border:none; transition:all .3s; cursor:pointer;}

.product-get .btn button:hover{background:#DA251C; color:#fff; }





			

/* --- 产品 - 其他 --- */

.product-other{}

.product-other .box{background:#fff;}

.product-other .page-other{padding:15px; padding-bottom:0;}

.product-other .page-other li{margin-right:9px;}













/* ------ video ------ */

.video-box {overflow:hidden; margin-top:30px;}

.video-box ul{display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;}

.video-box ul li{width:49%; margin-bottom:30px;}

.video-box ul li a{display:block; position:relative;}

.video-box ul li a:after{content:""; background:url(../images/play.svg) no-repeat; width:60px; height:60px; background-size:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}

.video-box ul li .video{margin-bottom:20px;}.video-box ul li .video video{width: 100%;}


.video-box ul li .text{text-align:center; font-size:18px; text-transform:uppercase;}


}

/*1024*/

@media screen and (min-width:1024px)  and  (max-width:1024px)  {

/* ------ 公用样式 ------ */

.wrap{max-width:960px; margin:0 auto;}

/* --- 其他产品 --- */

.page-other .bd li{margin-right:15px; padding-bottom:50px;}

.page-other .bd li a{width:229px; height:280px; }

.page-other .bd li a .pic{height:250px;}

.page-other .bd li a .text{ font-size:14px; height:14px;}

/* --- nav --- */

.page-nav ul{}

.page-nav ul li{width:auto; text-align:left;  justify-content:flex-start;  margin-right:10px;}

/* --- home-offer --- */



/* inBd */

.home-offer li .box{width:310px; height:580px; }

.home-offer li .box .pic{height:280px;}

/* --- home-about --- */

/* 介绍 */

.home-about .about{width:38%;}

/* 图片 */

.home-about .aboutVideo{width:580px; ;}

/* --- home-leader --- */

.home-leader{height:460px;}

.home-leader .content ul li{width:180px; padding:5px; margin-bottom:10px; border-radius:5px;}

.home-leader .content ul li .text{ padding:30px; font-size:18px;} 

/* --- home-what --- */

/* bd */

.home-what .bd li{ width:312px;}

/* --- News --- */



/* li */

.home-news li{width:310px; height:470px; transition:all .3s ease;} 



/* pic */

.home-news li .pic{overflow:hidden; position:relative;}

 

/* title */

.home-news li .title{border-bottom:none; height:auto; padding:15px; }

.home-news li .title .date{width:auto; float:none; border-right:none; height:auto; text-align:left; display:block; align-items:center; margin-bottom:15px;}

.home-news li .title .date b{font-size:28px; font-weight:bold; margin-top:8px; margin-bottom:5px;}

.home-news li .title .date em{font-size:12px; color:#999;}

.home-news li .title h3{float:none; font-size:14px;  width:100%; line-height:20px; height:auto; overflow:hidden; display:block; align-items:center; padding-left:0;}



/* dep */

.home-news li .dep{padding:0 15px; font-size:14px; position:relative; height:175px;}

.home-news li .dep p{ height:80px; line-height:20px; overflow:hidden; margin-bottom:10px; color:#666;}

.home-news li .dep .more{color:#2e358d; background:url(../images/news-more.png) no-repeat right center; font-size:12px; display:block; position:absolute; bottom:50px; left:15px;}

/* ------ about ------ */

/* --- tour --- */

.about-tour .bd li{width:305px; height:400px; margin-right:22px;}

.about-tour .bd li .text{padding:0 20px; height:230px;}

.about-tour .bd li .text h3{font-size:16px; height:60px; line-height:16px; display:flex; align-items:center;}

/* --- customer --- */

.about-customer{margin-bottom:30px;}

.about-customer ul li{ width:180px; height:120px; margin-bottom:15px;}

/* ------ download ------ */

.download-box h1{margin-bottom:30px; padding-top:30px;}



/* box */

.download-box li{width:310px; margin-right:18px;}

.download-box li .box{width:310px; height:470px;}

.download-box li .box .sub-logo{height:245px; }

.download-box li .box .pic{padding:0 10px;}

.download-box li .box .tag{width:151px; height:33px; line-height:33px;}



/* text */

.download-box li .text{padding-left:70px; padding-top:30px; padding-bottom:30px;}

.download-box li .text h3{font-size:14px; margin-bottom:15px;}

.download-box li .text p{font-size:14px;}

/* ------ product ------ */

.product-box li{  margin-right:16px;}

/* ------ 产品介绍 ------ */

/* 介绍 */

.pro-dep{display:block;}



/* 产品图 */

.pro-dep-pic{width:100%; overflow:hidden; margin-bottom:30px;}



/* 产品图 - 小图 */

.pro-dep-pic .small{width:125px;}

.pro-dep-pic .small li{margin-bottom:20px;}

.pro-dep-pic .small li .pic{ width:125px; height:125px; }



/* 产品图 - 大图 */

.pro-dep-pic .big{height:780px; width:780px; }



/* 简介 */

.pro-dep-content{width:100%; border-top:1px solid #efefef; padding-top:30px; height:auto;}

.pro-dep-content .box{height:500px;}

.pro-dep-content .btn{position:relative; width:100%; margin-top:30px; }

/* --- 产品 - 其他 --- */

.product-other{}

.product-other .box{background:#fff;}

.product-other .page-other{padding:15px; padding-bottom:0;}

.product-other .page-other .bd li a{width:225px;}

.product-other .page-other li{margin-right:10px;}

}

/*1280*/

@media screen and (min-width:1025px)  and  (max-width:1359px)  {	



/* ------ 公用样式 ------ */

.wrap{max-width:1200px; margin:0 auto;}



/* --- 其他产品 --- */

.page-other .bd li{margin-right:15px;}

.page-other .bd li a{width:289px;}

/* --- home-offer --- */

/* inBd */

.home-offer li .box{width:383px; height:580px;}

/* --- home-about --- */

/* 介绍 */

.home-about .about{width:40%;}

/* --- home-leader --- */

.home-leader{height:530px;}

.home-leader .content ul li{width:230px; }

/* --- home-what --- */

/* bd */

.home-what .bd li{width:392px;}

/* --- News --- */

/* li */

.home-news li{ width:390px; margin-right:15px;} 

/* ------ about ------ */

/* --- tour --- */

.about-tour .bd li{width:385px;}

/* --- customer --- */

.about-customer ul li{ width:180px; }

/* ------ download ------ */

/* box */

.download-box li{width:390px; }

.download-box li .box{width:390px; height:532px;}

/* ------ 产品介绍 ------ */

/* 介绍 */

.pro-dep{}

/* 产品图 */

.pro-dep-pic{width:850px;}

/* 产品图 - 大图 */

.pro-dep-pic .big{height:600px; width:600px; }

/* 简介 */

.pro-dep-content{width:480px;}

/* 产品 - 相关产品 */

.product-about .content .bd li{ width:375px; margin-right:15px; }

/* --- 产品 - 其他 --- */

.product-other .page-other .bd li a{width:285px;}

.product-other .page-other li{margin-right:10px;}

}