@charset "utf-8";



/*1024*/

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





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

.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:#009eec;}

.clear{clear:both;}

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

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

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









/* --- hidden --- */

.line-20{ height:20px; line-height:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

.line-60{ height:60px; line-height:20px; overflow:hidden;}









/* --- hover --- */

.page-after{position:relative;}

.page-after a{position:relative; display:block;}

.page-after a:after{content:""; width:100%; height:0%; position:absolute; left:0; bottom:0; background:#009eec; z-index:-1; transition:all .3s; }

.page-after a:hover:after{height:100%; z-index:0;}









/* --- 位置 --- */

.page-path{padding-top:25px; padding-bottom:25px; font-size:14px; color:#ccc; background:#fff;}

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











/* --- more --- */

.page-more{width:130px; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:5px; background:#009eec; color:#fff; font-size:14px; transition:all .3s;}

.page-more:hover{background:#333; }











/* --- 分页 --- */

.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; background:#fff;}

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









/* --- 导航 --- */

.page-nav{}

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

.page-nav ul li{width:12.5%; text-align:center; position:relative;}

.page-nav ul li .link{display:block;  height:105px; line-height:105px; transition:all .3s; position:relative;}

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

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

.page-nav ul li:hover a{color:#009eec;}



/* 弹出 */

.page-nav ul li .pop{background:#fff;width: auto;position:absolute;left:0;top:105px;z-index:2000;display:none;min-width: 200px;}

.page-nav ul li .pop a{height:50px;border-bottom:1px solid #e0e0e0;display:block;line-height:49px;text-align:left;padding: 0 20px;font-size:14px;color:#8D8D8D;white-space: nowrap;}

.page-nav ul li .pop a.now{color:#fff; background:url(../images/nav-arrow.png) no-repeat 90% center #009eec;}

.page-nav ul li .pop a.now:hover{color:#fff;}

.page-nav ul li .pop a:hover{color:#fff; background:url(../images/nav-arrow.png) no-repeat 90% center #009eec;}











/* --- 搜索 --- */

.page-search{width:10%;}

.page-search .show{background:#009eec; display:block; align-items: center; height:105px; display:flex; justify-content:center; cursor:pointer;}

.page-search .hide{position:absolute; right:0; top:105px; background:#fff; width:466px; height:64px; z-index:500; border-top:1px solid #efefef; display:flex; align-items:center; display:none;}

.page-search .hide input{ height:100%; border:none; font-size:14px; padding-left:20px; background:#fff; height:64px; float:left; width:80%; }

.page-search .hide button{ background:url(../images/search-btn.png) no-repeat center center; height:64px; border:none; cursor:pointer; float:left; width:20%; }











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

.page-category{height:58px; background:#eee;}

.page-category ul{display:flex; height:100%; line-height:58px;}

.page-category li{width:165px; text-align:center; border-right:1px solid #fff; font-size:14px;}

.page-category li a{display:block;}

.page-category li a.now{background:#009eec; color:#fff;}













/* --- 头部 --- */

.page-header{height:105px; display:flex; align-items:center; background:#fff;}



/* logo */

.page-header .logo{width:25%; padding-left:50px;}



/* nav */

.page-header .nav{width:60%; }



/* 定制 */

.page-header .customized{width:10%; margin-left:auto; text-align:center; border-left:1px solid #efefef;  border-right:1px solid #fff; line-height:105px;}

.page-header .customized a{display:block;}









/* --- 底部 --- */

.page-footer{background:url(../images/footer.jpg) no-repeat; height:450px; background-size:cover;}



/* 栏目 */

.page-footer .footer-column{border-bottom:1px solid #009eec; height:127px; }

.page-footer .footer-column .wrap{display:flex; align-items:center; height:100%;}

.page-footer .footer-column .wrap .link{margin-left:auto;}

.page-footer .footer-column .wrap .link a{margin-left:30px; color:#fff;}



/* 联系 */

.page-footer .footer-contact{border-bottom:1px solid #009eec; height:250px; }

.page-footer .footer-contact .wrap{display:flex; align-items:center; height:250px;}

.page-footer .footer-contact .wrap .address{color:#fff;}

.page-footer .footer-contact .wrap .tel{margin-left:auto;}

.page-footer .footer-contact .wrap .tel .phone{font-size:20px; color:#fff; margin-bottom:30px;}

.page-footer .footer-contact .wrap .tel .contact{width:180px; height:50px; border:1px solid #fff; border-radius:10px; text-align:center; line-height:48px; color:#fff; background:#009eec; float:right;}

.page-footer .footer-contact .wrap .tel .contact a{ color:#fff; display:block;}



/* 版权 */

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











/* --- banner --- */

.home-banner{position:relative;}



/* 切换 */

.home-banner .bd li{height:640px;}

.home-banner .hd {position:absolute; bottom:50px; left:0; width:100%; text-align:center;}

.home-banner .hd li{width:12px; height:12px; background:#fff; border-radius:100%; display:inline-block; margin-left:5px; margin-right:5px; cursor:pointer;}

.home-banner .hd li.on{background:#009eec;}



/* 箭头 */

.home-banner .prev,.home-banner .next{position:absolute; top:40%; opacity:0; transition:all .3s ease; cursor:pointer;}

.home-banner:hover .prev,.home-banner:hover .next{opacity:1;}

.home-banner .prev{left:50px;}

.home-banner .next{right:50px;}









/* --- 产品与工艺 --- */

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

.home-product .wrap{}



/* 栏目 */

.home-product .column {height:80px; line-height:80px; background:#E9E9E9;}

.home-product .column .title{font-size:24px; font-weight:bold; width:50%; float:right;background:#009eec; color:#fff; padding-left:30px;}

.home-product .column .title:before{content:"-"; margin-right:15px;}



/* 简介 */

.home-product .brief{text-align:center; height:85px; line-height:85px;}



/* 内容 */

.home-product .content .bd{margin-bottom:30px; overflow:hidden;}

.home-product .content .bd li{float:left; width:403px; margin-right:35px; padding-bottom:20px;}

.home-product .content .bd li a{border:1px solid #efefef; background:#fff; display:block;  transition:all .3s ease;}

.home-product .content .bd li .pic{height:382px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #efefef; overflow:hidden;}

.home-product .content .bd li .content{padding:15px;}

.home-product .content .bd li .content .info{color:#999; font-size:14px; margin-bottom:15px; }

.home-product .content .bd li .content .title{margin-bottom:15px;}

.home-product .content .bd li a:hover{border:1px solid #009eec; box-shadow: 0 3px 8px #efefef;}

.home-product .content .bd li a:hover .page-more{background:#333;}



/* 切换 */

.home-product .content .hd{text-align:center;}

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

.home-product .content .hd li.on{background:#333;}









/* --- 服务项目 --- */

.home-service{background:#f8f8f8; font-size: 20px; padding-bottom:30px;}



/* 栏目 */

.home-service .column {height:125px; line-height:125px; text-align:center; font-size:24px; font-weight:bold;}



/* 内容 */

.home-service .content{ display:flex; justify-content:space-between;}

.home-service .content a{display:block; position:relative;}

.home-service .content a .content{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff;}

.home-service .content a .content .icon{margin-bottom:20px;}



.home-service .content a.service-b{margin-bottom:18px;}









/* --- 公司介绍 --- */

.home-about{background:#EAEDF2;}

.home-about .wrap{display:flex; align-items:center; padding-top:50px; padding-bottom:50px; background:url(../images/about-logo.png) no-repeat center center;}



/* 介绍 */

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

.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:350px; 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 .photo{margin-left:auto;}









/* --- 公司应用 --- */

.home-application{position:relative;}



/* item */

.home-application .item{height:650px; position:relative;}

.home-application .item .photo{height:650px; text-align:center;} 

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

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

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

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

.home-application .item .content .box .subtitle{font-size:24px; color:#fff; margin-bottom:30px;}

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

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



/* other */

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

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

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

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

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

.home-application .other .nextpage a{display:block; color:#fff; cursor:pointer;}

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

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









/* --- 最新资讯 --- */

.home-news{background:#F8F8F8; padding-top:60px; padding-bottom:30px;}



/* column */

.home-news .column{margin-bottom:30px; display:flex; align-items:center;}

.home-news .column h3{font-size:28px; font-weight:bold;}

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

.home-news .column .page-more a{color:#fff; display:block;}



/* column */

.home-news .dep{margin-bottom:30px; font-size:14px;}



/* content */

.home-news .bd li{width:410px; margin-right:22px; padding-bottom:15px;}

.home-news .bd li a{ height:424px; padding:15px; background:#fff; display:block; transition:all .3s; box-shadow: 2px 2px 5px #ececec;}

.home-news .bd li .pic{margin-bottom:15px; height:253px; overflow:hidden;}

.home-news .bd li .pic img{width:100%;}

.home-news .bd li .text h3{margin-bottom:15px; font-size:16px; font-weight:bold;}

.home-news .bd li .text p{line-height:20px; color:#999; font-size:14px; height:80px; overflow:hidden;}



.home-news .bd li a:hover{box-shadow: 10px 10px 20px #ececec;}

.home-news .bd li a:hover .text h3{ color:#009eec;}



/* 切换 */

.home-news .hd{text-align:center; margin-top:30px;}

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

.home-news .hd li.on{background:#009eec;}











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



/* banner */

.page-banner{height:375px;}

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

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

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

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

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

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

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











/* --- 关于我们 --- */



/* 标题 */

.about-box .about-title{font-size:24px; color:#009eec; font-weight:bold; margin-bottom:15px;}



/* 简介 */

.about-box .about-brief{display:flex;}

.about-box .about-brief .text{width:55%;}

.about-box .about-brief .text p{margin-bottom:25px; line-height:200%; font-size:14px;}

.about-box .about-brief .pic{width:40%; margin-left:auto;}



/* 成立 */

.about-establish h3{margin-bottom:20px; color:#ed6d00; font-size:24px;}

.about-establish h3 i{margin-left:20px; margin-right:20px;}

.about-establish .text p{margin-bottom:25px; line-height:200%; font-size:14px;}



/* 愿景 */

.about-vision{margin-bottom:60px;}

.about-vision ul{display:flex; justify-content:space-between; width:100%;}

.about-vision ul li {position:relative;}

.about-vision ul li .box{position:absolute; left:0; top:0; width:100%; text-align:center; display:flex; align-items:center; height:100%; justify-content:center;}

.about-vision ul li .box .pic{margin-bottom:10px;}

.about-vision ul li .box h3{font-size:24px; color:#fff; margin-bottom:15px;}

.about-vision ul li .box p{color:#fff; font-size:14px; padding:0 30px; line-height:180%;}













/* --- 联系我们 --- */



/* 联系方式 */

.contact-way{margin-top:40px; margin-bottom:30px;}

.contact-way .list{background:#fff; overflow:hidden; padding-bottom:10px;}

.contact-way .list li{float:left; width:33.333%; padding:10px 20px;}



/* 标题 */

.contact-way .list li .title{display:block; overflow:hidden; border-bottom:1px solid #efefef; display:flex; align-items:center; height:75px;}

.contact-way .list li .title p{ font-size:20px; }

.contact-way .list li .title em{display:block; margin-left:auto;}



/* 内容 */

.contact-way .list li .text h3{margin-top:30px; margin-bottom:30px; color:#009eec; font-size:16px; font-weight:bold;}

.contact-way .list li .text p{line-height:200%; font-size:14px; color:#888;}

.contact-way .list li .text p em{color:#999; margin-right:5px;}



/* 二维码 */

.contact-way .list li .qrcode p{float:left; width:50%; text-align:center; margin-top:30px;}

.contact-way .list li .qrcode p em{display:block; margin-top:25px; color:#888; font-size:14px;}







/* 交通指南 */

.contact-traffic{background:url(../images/traffic.jpg) no-repeat center top; height:197px; text-align:center; line-height:197px; font-size:36px; font-weight:bold; color:#fff; text-shadow : #333 0px 0px 5px }







/* 地图 */

.contact-map{background:#fff; margin-bottom:40px; overflow:hidden;}



/* 路线 */

.contact-map .route{padding:30px;}

.contact-map .route h3{margin-bottom:20px; color:#009eec;}

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

.contact-map .route li{width:48%; font-size:14px; color:#888;}

.contact-map .route li p{line-height:200%;}



/* 地图 */

.contact-map .map{padding:20px;}

.my-map { margin: 0 auto; width: 100%; height: 500px; }

.my-map .icon { background: url(../images/marker.png) no-repeat; }

.my-map .icon-cir { height: 31px; width: 28px; }

.my-map .icon-cir-red { background-position: -11px -5px; }

.amap-container{height: 100%;}

		

		

		

 

 

/* --- 新闻 --- */

.page-news{overflow:hidden; padding-top:30px; }

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

.page-news li{float:left; width:413px; height:410px; background:#fff; margin-right:25px; margin-bottom:25px; padding:15px;  transition:all .3s;}

.page-news li .pic{margin-bottom:20px; height:255px; overflow:hidden;}

.page-news li .pic img{width:100%;}

.page-news li .text h3{margin-bottom:15px; font-size:16px; height:16px; line-height:16px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-weight:bolder;}

.page-news li .text p{line-height:20px; color:#999; font-size:14px; height:60px; overflow:hidden;}

.page-news li:hover{box-shadow: 0 3px 8px #ccc;}









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

.product-show{ margin-bottom:30px;}



/* 产品展示 */

.pro-show{overflow:hidden; background:#f5f5f5; padding-top:30px; 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; margin-top:30px; 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-down.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:#009eec; text-transform:uppercase; line-height:150%;}

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

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

.pro-dep-content .btn .inquiry{}

.pro-dep-content .btn .inquiry a{background:#009eec; width:160px; height:50px; text-align:center; line-height:50px; color:#333; display:block; border-radius:5px; text-transform:uppercase; color:#fff; transition:all .3s;}

.pro-dep-content .btn .inquiry a:hover{ background:#333; color:#fff;}

.pro-dep-content .btn .nextpro{display:flex; align-items:center; font-size:12px; margin-left:auto; }

.pro-dep-content .btn .nextpro a{margin-left:20px;}





/* 产品 - 介绍 */

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

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

.product-dep .content strong{margin-bottom:15px;}

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

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

.product-dep .content img{margin-top:20px; margin-bottom:20px;}





/* 产品 - 栏目 */

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

.product-column h3{ width:125px; text-align:center; border-right:1px solid #efefef; height:56px; line-height:56px; font-size:16px; color:#009eec;}





/* 产品 - 相关产品 */

.product-about .wrap{ background:#fff;}

.product-about .content{padding:20px; position:relative;}

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

.product-about .content .prev{position:absolute; left:0; top:40%; cursor:pointer; opacity:0; transition:all .3s; }

.product-about .content .next{position:absolute; right:0; top:40%; cursor:pointer; opacity:0;transition:all .3s; }

.product-about .content:hover .prev{opacity:1;}

.product-about .content:hover .next{opacity:1;}









/* --- 产品列表 --- */

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

.product-list .column{padding:30px 0; font-size:24px; font-weight:bold;} 

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

.product-list li{float:left; width:404px; margin-right:35px; padding-bottom:20px;}

.product-list li a{border:1px solid #efefef; background:#fff; display:block;  transition:all .3s ease;}

.product-list li .pic{height:382px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #efefef; overflow:hidden;}

.product-list li .content{padding:15px;}

.product-list li .content .info{color:#999; font-size:14px; margin-bottom:15px; }

.product-list li .content .title{margin-bottom:15px;}

.product-list li a:hover{border:1px solid #009eec; box-shadow: 0 3px 8px #efefef;}

.product-list li a:hover .page-more{background:#333;}









/* --- 过程 --- */

.process-box{padding-bottom:50px;}









/* --- 质量 --- */

.quality-box li{ overflow:hidden;}

.quality-box li .box{width:50%; height:500px; display:flex; padding:100px 50px;}

.quality-box li .box .number{margin-right:30px; width:58px;}

.quality-box li .box .content{width:80%;}

.quality-box li .box .content h3{margin-bottom:20px; color:#009eec;}

.quality-box li .box .content p{line-height:180%; margin-bottom:20px; font-size:14px;}

.quality-box li .pic{width:50%; height:500px; background:#f5f5f5; display:flex; align-items:center; justify-content:center;}



.quality-box li.li01 .box{float:left;}

.quality-box li.li01 .pic{float:right;}

.quality-box li.li02 .box{float:right;}

.quality-box li.li02 .pic{float:left;}









/* --- 服务 --- */

.service-box{margin-top:20px; margin-bottom:50px;}



/* 服务内容 */

.service-content{margin-bottom:30px;}

.service-content h3{margin-bottom:20px; color:#009eec;}

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



/* 服务图片 */

.service-pic {margin-bottom:30px;}

.service-pic ul{display:flex; justify-content:space-between;}

.service-pic ul li{width:24%; text-align:center; border:1px solid #efefef; padding:20px; overflow:hidden;}



/* 服务列表 */

.service-list{display:flex; justify-content:space-between;}

.service-list .box{width:32%;}

.service-list .box p{line-height:200%; font-size:14px;}





}









/* 1440 */

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

	

/* --- 头部 --- */



/* logo */

.page-header .logo{width:10%;}



/* nav */

.page-header .nav{width:70%; }



}











/* 1360 */

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

	

/* --- 头部 --- */



/* logo */

.page-header .logo{width:15%;  padding-left:30px;}



/* nav */

.page-header .nav{width:85%; }







/* --- 公司应用 --- */

.home-application .item .content .box{margin-left:-32px; padding-left:40px;}



}







/* 1024 */

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





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

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







/* --- 头部 --- */



/* logo */

.page-header .logo{width:10%; padding-left:20px;}



/* nav */

.page-header .nav{width:72%; }



/* --- 搜索 --- */

.page-search{width:8%;}







/* --- 产品与工艺 --- */

.home-product{ margin-bottom:30px;}



/* 栏目 */

.home-product .column {height:80px; line-height:80px; }

.home-product .column .title{font-size:24px; width:50%;  padding-left:30px;}



/* 内容 */

.home-product .content .bd li{width:305px; margin-right:22px; }

.home-product .content .bd li .pic{height:250px; }

.home-product .content .bd li .pic img{width:200px;}







/* --- 服务项目 --- */

.home-service .content .service-a{width:506px;}

.home-service .content .service-b{width:440px;}







/* --- 公司介绍 --- */



/* 介绍 */

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



/* 图片 */

.home-about .photo{width:450px;}







/* --- 最新资讯 --- */



/* content */

.home-news .bd li{width:305px; margin-right:22px;}

.home-news .bd li a{ height:340px; }

.home-news .bd li .pic{height:180px;}

.home-news .bd li .pic img{width:100%;}

.home-news .bd li .text h3{margin-bottom:15px; font-size:16px;}







/* --- 公司应用 --- */

.home-application{position:relative;}



/* item */

.home-application .item .photo{ padding-top:20%;} 











/* --- 新闻 --- */

.page-news li{width:305px; height:325px; margin-right:25px;}

.page-news li .pic{height:183px; }







/* --- 产品列表 --- */

.product-list li{width:305px; margin-right:25px;}

.product-list li .pic{height:250px;}

.product-list li .pic img{width:250px;}







/* --- 质量 --- */

.quality-box li .box{padding:50px 30px;}









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



/* 介绍 */

.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 .btn{position:relative; width:100%; margin-top:30px; }





/* 产品 - 相关产品 */

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









}









/*1280*/

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







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

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







/* --- 头部 --- */



/* logo */

.page-header .logo{width:10%; padding-left:20px;}



/* nav */

.page-header .nav{width:72%; }



/* --- 搜索 --- */

.page-search{width:8%;}







/* --- 产品与工艺 --- */

.home-product{ margin-bottom:30px;}



/* 栏目 */

.home-product .column {height:80px; line-height:80px; }

.home-product .column .title{font-size:24px; width:50%;  padding-left:30px;}



/* 内容 */

.home-product .content .bd li{width:385px; margin-right:22px; }

.home-product .content .bd li .pic{height:250px; }

.home-product .content .bd li .pic img{width:200px;}









/* --- 服务项目 --- */

.home-service .content .service-a{width:625px;}

.home-service .content .service-b{width:550px;}









/* --- 公司介绍 --- */



/* 介绍 */

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



/* 图片 */

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









/* --- 最新资讯 --- */



/* content */

.home-news .bd li{width:385px; margin-right:22px;}

.home-news .bd li a{ height:340px; }

.home-news .bd li .pic{height:180px;}

.home-news .bd li .pic img{width:100%;}

.home-news .bd li .text h3{margin-bottom:15px; font-size:16px;}







/* --- 新闻 --- */

.page-news li{width:305px; height:325px; margin-right:25px;}

.page-news li .pic{height:183px; }







/* --- 产品列表 --- */

.product-list li{width:305px; margin-right:25px;}

.product-list li .pic{height:250px;}

.product-list li .pic img{width:250px;}







/* --- 质量 --- */

.quality-box li .box{padding:50px 30px;}









/* --- 关于我们 --- */



/* 愿景 */

.about-vision ul li {position:relative; width:380px; height:418px; overflow:hidden;}

		

		

		

 

/* --- 新闻 --- */

.page-news li{width:385px; height:380px;}

.page-news li .pic{height:237px;}









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



/* 介绍 */

.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-list li{float:left; width:380px; }















}