/*===================== 重置样式 START =====================*/
@charset "utf-8";
@font-face{font-family:"en";src:url(../font/bahnschrift.ttf);}
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#333;display:block;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.t5, .contact_one .icon img, .contact_one .dib strong, .fenlei .alist a:after, .img_hover img, .product_list .title:before, .news_son a:after, .contact_one .dib .icon:before{-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.t50{position:absolute;left:0;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.wbdq{word-break:break-all;word-wrap:break-word;text-align:justify;}
.middle_box{display: table;width:100%;height:100%;}
.middle_box .middle{display:table-cell;vertical-align:middle;width:100%;}
.tac{text-align: center;font-size:0;}
.dib{display: inline-block;vertical-align:top;}
.img_hover{overflow: hidden;position:relative;}
.img_hover:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{display:block;border:0;vertical-align:top;max-width:100%;}
input,textarea{-webkit-user-modify: read-write-plaintext-only;outline-style:none;border:none;font-family:"Microsoft JhengHei";}
textarea{resize:none;overflow:auto;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #fff;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #fff;} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#d22020;}
.clear{zoom:1;}
.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both;}
.clear::before, .clear::after{content:"";display:table;} 
.clear::after{clear:both;}
.fl{float:left;}
.fr{float:right;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family:"Microsoft JhengHei";font-size:16px;color:#333;background-color: #fff;}
.inner{margin:0 auto;width:1600px;}
.oh{overflow: hidden;}
@media( min-width:1500px ){.index_case .swiper-slide img, #jm-up ul li img, .moon_banner .swiper-slide .img, .product_list .por img, .case_list .list img{width:100%;}}
.wap_show{display: none;}
.wap_none{display: block;}
.content_wrap{position: relative;z-index:10;}
.moon_page_none{color:#d22020;text-align: center;padding:50px 0;}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

/* 头部 */
.header{position: fixed;top:0;left:0;width:100%;height:100px;z-index:99999;}
.header .logo img{height:80px;margin-top:10px;}
.header ul{margin-right:50px;}
.header ul li{float:left;}
.header ul li a{padding:0 10px;color:#fff;height:100px;line-height:100px;position: relative;z-index:3;}
.header ul li a.active, .header ul li a:hover{background-color: #d22020;color:#fff;}
.header .ewm{position: relative;width:100px;height:100px;background:url(../images/a2.png) center/40% no-repeat;cursor:pointer;}
.header .ewm img{position: absolute;top:100px;left:50%;margin-left:-70px;width:140px;max-width:none;transform:rotate(360deg) scale(0);-webkit-transform:rotate(360deg) scale(0);}
.header .ewm:hover img{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1);}
.header .cal{color:#fff;font-size:16px;line-height:30px;height:30px;margin-top:35px;font-family:"impact";font-size:20px;}
.header .icon{margin-right:10px;display: inline-block;vertical-align:middle;border-right:1px solid #fff;width:40px;height:30px;background:url(../images/a1.png) left center/60% no-repeat;cursor:pointer;}
.header.on{background-color:#333;height:64px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.header.on ul li a{height:64px;line-height:64px;}
.header.on ul li a:after{bottom:8px;}
.header.on .logo img{height:54px;margin-top:3px;}
.header.on .ewm{height:64px;width:64px;background:url(../images/a2.png) center/50% no-repeat;}
.header.on .ewm img{top:64px;}
.header.on .cal{margin-top:17px;}
.header .menu_box{float: right;width:24px;height:54px;position: relative;}
.header .nav_button{position: absolute;right:0;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#e85f35;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after, .header .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#e85f35;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.header .nav_button::after{top:9px;}
.header .nav_button::before{top:-9px;}
.header .menu_box.on .nav_button{width:0;}
.header .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.header .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}

/* 底部 */
.footer{background-color:#212121;}
.footer .bg{height:638px;background:url(../images/bg4.jpg) center top;}
.footer .title{padding:50px 0 40px;text-align: center;color:#fff;}
.footer .title strong{font-size:48px;}
.footer .title span{font-family:"en";font-size:48px;padding-left:50px;}
.footer .title p{font-size:24px;margin-top:10px;}
.footer .text{width:1100px;margin:32px auto 0;background-color: #d22020;padding:40px 0;}
.footer .one{margin-right:50px;}
.footer .one, .footer .two{width:40%;}
.footer .one strong{color:#fff;font-size:30px;}
.footer .one p{color:#fff;font-size:16px;}
.footer .one img{margin:16px;}
.footer .two{text-align: left;}
.footer .two h2{font-size:30px;color:#fff;}
.footer .two .te{color:#fff;font-size:16px;line-height:28px;}
.footer .call{margin:14px 0;}
.footer .call span{display: block;font-size:16px;color:#fff;}
.footer .num{padding-left:42px;height:36px;line-height:36px;background:url(../images/g1.png) left center/7% no-repeat;}
.footer .num a{font-family:"impact";color:#fff;font-size:20px;}
.copyright{background-color:#212121;text-align:center;height:50px;line-height:50px;position: relative;z-index:8;}
.copyright a, .copyright span{display: inline-block;font-size:14px;vertical-align:top;color:#777;margin:0 14px;}

/* 内页大图 */
.top_banner{height:600px;position: relative;}
.top_banner .tit{text-align: center;color:#fff;position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.top_banner h3{font-size:50px;margin-top:20px;}
.top_banner em{display: block;font-family:"en";font-size:100px;font-weight:bold;}
.tb_son{position: absolute;bottom:0;left:0;width:100%;text-align: center;font-size:0;}
.tb_son a{position: relative;display: inline-block;z-index:1;font-size:16px;width:160px;height:64px;line-height:64px;color:#fff;background-color:rgba(0,0,0,0.3);}
.tb_son a:hover{background-color:#007AFF;}

/* 翻页 */
.moon_page{margin:50px 0;text-align: center;font-size:0;padding-top:50px;border-top:1px solid #f1f1f1;}
.moon_page a{font-size:14px;display: inline-block;position: relative;z-index:10;overflow: hidden;vertical-align: top;width:60px;height:60px;line-height:60px;border-radius:50%;background-color: #e85f35;margin:0 14px;color:#fff;}
.moon_page a.p{background:url(../images/arrow_p.png) center/60% no-repeat;background-color:#e85f35;}
.moon_page a.n{background:url(../images/arrow_n.png) center/60% no-repeat;background-color:#e85f35;}
.moon_page a.page-num-current, .moon_page a:hover{background-color: #307326;color:#fff;}

/* 详情页 */
.article_inner{width:1100px;margin:0 auto;position: relative;padding:50px 0;}
.article_inner .left{width:300px;}
.article_inner .right{width:760px;}
.article_inner h1{font-size:22px;color:#333;line-height:32px;margin-bottom:30px;}
.article_inner .heng{width:30px;height:4px;background-color:#d22020;}
.article_inner ul{margin:30px 0;}
.article_inner ul li{height:40px;line-height:40px;}
.article_inner ul img{display: inline-block;vertical-align: middle;width:20px;margin:-4px 10px 0 0;}
.article_box .page_no{display: inline-block;vertical-align: top;cursor:pointer;width:40px;height:40px;position: relative;z-index:10;}
.article_box .page_no.next{background:rgba(240, 0, 0,.65) url(../images/arrow_n.png) center/50% no-repeat;}
.article_box .page_no.prev{margin-right:10px;background:rgba(240, 0, 0,.65) url(../images/arrow_p.png) center/50% no-repeat;}
.article_box .page_no:hover{background-color: #307326;}
.article_inner .wbdq{line-height:28px;}

/*  回到顶部  */
.fixed-right{position: fixed;right:2%;bottom:10%;z-index:999;}
.fixed-right .back_top{width:50px;height:50px;border-radius:50%;}
.fixed-right .back_top{cursor:pointer;background:rgba(240, 0, 0,.65) url(../images/top.png) center/70% no-repeat;}

/* 首页标题 */
.pub_title{padding:50px 0;text-align: center;}
.pub_title h3{font-size:34px;color:#d22020;font-weight:bold;}
.pub_title span{color:#333;padding-left:30px;}
.pub_title p{color:#333;margin-top:12px;}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

.moon_banner .swiper-slide{overflow: hidden;}
.moon_banner .swiper-pagination{font-size:12px;color:#fff;bottom:0;font-family:"en";}
.moon_banner .swiper-pagination span{font-size:40px;}
.moon_banner .swiper-pagination .swiper-pagination-total{font-size:12px;}
.moon_banner .swiper-button-next, .moon_banner .swiper-button-prev{width:40px;height:40px;margin:0;top:auto;bottom:0;}

.index_fenlei{padding:60px 0;background:url(../images/b1.jpg) center/cover no-repeat;}
.index_fenlei ul{text-align: center;font-size:0;}
.index_fenlei li{display: inline-block;text-align: center;margin:0 6px;}
.index_fenlei li img{width:140px;height:140px;border-radius:50%;border:3px solid #fff;margin:0 auto;}
.index_fenlei li strong{display: block;margin-top:20px;color:#fff;font-size:16px;width:100%;height:32px;line-height:32px;border-radius:80px;background-color: #d22020;}
.index_fenlei li:hover img{border-color:#d22020;}
.index_fenlei li:hover strong{background-color: #fff;color:#d22020;}

#jm-up{height:820px;overflow: hidden;margin:50px auto;}
#jm-up ul li{float: left;width:24%;margin:0.5%;text-align:left;}
#jm-up ul li .title{padding:16px;border-bottom:1px solid #ccc;}
#jm-up ul li:hover .title{background-color: #d22020;}
#jm-up ul li h3{font-size:18px;color:#333;}
#jm-up ul li p{margin-top:10px;line-height:24px;font-weight:bold;font-family:"en";font-size:16px;}
#jm-up ul li i{margin-right:5px;display: inline-block;vertical-align:top;width:24px;height:24px;background:url(../images/i5.png) center/100% no-repeat;}
#jm-up ul li:hover i{background:url(../images/i6.png) center/100% no-repeat;}
#jm-up ul li:hover h3, #jm-up ul li:hover p{color:#fff;}

.index_about{position: relative;padding-bottom:352px;}
.index_about .bg{height:663px;background:url(../images/bg1.jpg) center/cover no-repeat;position: relative;}
.index_about .bg1{position: absolute;left:0;top:144px;width:100%;height:418px;background:url(../images/c2.png) center top no-repeat;}
.index_about .bg2{position: absolute;left:0;bottom:0;width:100%;height:354px;background:url(../images/c3.png) center top no-repeat;}
.index_about .ye{position: absolute;bottom:0;left:3%;}
.index_about .tac{overflow: hidden;padding-top:50px;position:relative;z-index:10;}
.index_about .dib{margin:0 14px;}
.index_about .dib strong{display: block;color:#fff;font-size:18px;margin-top:10px;}
.index_about .dib:hover strong{color:#d22020;}
.index_about .mar1{margin-top:300px;}
.index_about .mar2{margin-top:80px;}
.index_about .mar3{margin-top:200px;}
.index_about img.da{position: absolute;z-index:999;bottom:-160px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.index_about .text{overflow: hidden;position: absolute;bottom:0;right:0;height:352px;background-color: #d22020;width:85%;}
.index_about .title{width:18%;color:#fff;padding-top:110px;padding-left:2%;}
.index_about .title .en{font-family:"en";font-size:50px;}
.index_about .title strong{display: block;font-size:20px;}
.index_about .line{width:2px;height:60px;background-color: #fff;margin:30px 0 0 36px;}
.index_about .word{width:60%;padding-top:166px;line-height:26px;color:#fff;}
.index_about .more{width:130px;height:34px;border-radius:80px;border:1px solid #fff;text-align: center;font-size:14px;color:#fff;line-height:34px;}
.index_about .more:hover{width:140px;}


.index_video{background:url(../images/d2.jpg) center top no-repeat;}
.index_video .num_top{text-align: center;font-size:0;}
.index_video .dib{width:33.33%;color:#000;}
.index_video .dib strong{font-size:62px;font-family:"en";color:#d22020;display: inline-block;vertical-align:middle;}
.index_video .dib i{font-size:20px;display: inline-block;vertical-align:middle;color:#d22020}
.index_video .dib p{font-size:16px;font-weight:bold;}
.index_video .video_box{padding:50px 0;}
.index_video .w50{width:49.5%;position: relative;cursor:pointer;}
.index_video .bg{position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.45);}
.index_video .play{position: absolute;left:50%;top:50%;margin:-39px 0 0 -39px;width:78px;height:78px;background:url(../images/d1.png) center/100% no-repeat;}
.index_video .w50:hover .play{transform:rotate(360deg) scale(0.7);-webkit-transform:rotate(360deg) scale(0.7);}

.jm-video-box{display: none;position: fixed;z-index:888;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.65);}
.jm-v-b-div{position: absolute;left:50%;top:50%;width:800px;height:450px;margin:-225px 0 0 -400px;}
.jm-v-b-div .video{width:100%;height:100%;display: block;}
.jm-video-box .jm-close{cursor:pointer;position: absolute;z-index:999999;top:20px;right:20px;width:48px;height:48px;background:url(../images/close.png) center/100% no-repeat;}
.jm-video-box .jm-close:hover{transform:rotate(90deg) scale(0.7);-webkit-transform:rotate(90deg) scale(0.7);}

.index_youshi{height:1273px;background:url(../images/bg2.jpg) center top/cover no-repeat;}
.index_youshi .one{padding-top:50px;}
.index_youshi .one img{display: inline-block;vertical-align: middle;}
.index_youshi .call{display: inline-block;vertical-align: middle;width:505px;height:59px;line-height:59px;font-family:"impact";letter-spacing:4px;color:#fff;font-size:44px;background:url(../images/e2.png) center no-repeat;}
.index_youshi .img{margin:0 auto;}
.index_youshi .two{margin-top:-50px;background:url(../images/e5.png) center 70% no-repeat;}
.index_youshi .two .dib{margin:0 30px;width:228px;height:261px;background:url(../images/e4.png) center no-repeat;}
.index_youshi .two .dib.d2{margin-top:250px;}
.index_youshi .two .dib.d3{margin-top:100px;}
.index_youshi .two strong{display: block;font-size:20px;color:#d22020;margin:60px 0 10px;}
.index_youshi .two p{font-size:16px;color:#666;line-height:24px;padding:0 14px;}
.jm-s-quan{width:438px;height:438px;position: relative;margin:-216px auto 0;}
.jm-s-quan .quan{width:438px;height:438px;background:url(../images/e7.png) center no-repeat;animation:quan 3s linear infinite;-webkit-animation:quan 3s linear infinite;position: absolute;left:0;top:0;}
.jm-s-quan img{position: absolute;left:50%;top:50%;margin:-147px 0 0 -147px}
@keyframes quan{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes quan{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}

.index_case{padding:50px 0 50px;}
.index_case .title{text-align: left;}
.index_case .title h5{font-size:40px;color:#333;}
.index_case .title em{display: block;font-size:14px;color:#666;margin:20px 0;}
.index_case .ic_sbn, .index_case .ic_sbp{width:30px;height:30px;cursor:pointer;display: inline-block;vertical-align:top;}
.index_case .ic_sbn{background:rgba(204,0,0,0.5) url(../images/arrow_n.png) center/80% no-repeat;}
.index_case .ic_sbp{background:rgba(204,0,0,0.5) url(../images/arrow_p.png) center/80% no-repeat;}
.index_case .more a{margin-top:60px;width:140px;height:38px;border-radius:100px;background-color: #d22020;font-family:"en";text-align: center;line-height:38px;color:#fff;}
.index_case .more a:hover{width:160px;}
.index_case .bg{margin-top:30px;overflow: hidden;}
.index_case .tit{position: absolute;bottom:0;left:0;width:100%;height:80px;background-color: #fff;}
.index_case .pad{position: absolute;bottom:30px;left:0;width:94%;padding:0 3%;color:#333333;overflow: hidden;}
.index_case .swiper-slide:hover .tit{height:0;}
.index_case .swiper-slide:hover .pad{color:#fff;bottom:50px;font-weight:bold;font-size:18px;}

.index_heng{padding:60px 0;background:url(../images/bg3.jpg) center/cover no-repeat;}
.index_heng p{font-size:60px;color:#fff;}
.index_heng em{display: block;margin:20px 0 30px;font-family:"en";color:#d22020;font-size:46px;}
.index_heng strong{display: block;color:#d22020;font-size:70px;}
.index_heng .mar{margin-left:40px;}

.index_news{padding-bottom:50px;}
.index_news .div{float: left;width:31.33%;margin:0 1%;}
.index_news .tit{font-size:22px;color:#d22020;display: block;padding-bottom:10px;position: relative;margin-bottom:40px;}
.index_news .tit:after{content:"";position: absolute;left:0;bottom:0;width:44px;height:3px;background-color: #d22020;}
.index_news .hot h3{color:#333;font-size:18px;margin-bottom:10px;line-height:24px;height:48px;overflow: hidden;}
.index_news .hot:hover h3{color:#d22020;}
.index_news ul{margin-top:30px;padding:0 10px;}
.index_news ul li{height:40px;line-height:40px;}
.index_news ul li h4{float: left;width:75%;}
.index_news ul li em{float: right;}
.index_news ul li:hover h4{color:#d22020;}

/*===================== 首页 END =====================*/

/*===================== 关于我们 START =====================*/

.about_box, .case_box, .news_box{padding:50px 0;}
.about_one h2, .about_two h3{text-align: center;font-size:40px;color:#333;}
.about_one strong, .about_two strong{display: block;font-family: "en";font-size:20px;color:#999;text-align: center;font-weight:200;text-align: center;}
.about_one .info{line-height:28px;color:#666;margin:50px 0 70px;}
.about_one .info p{margin-bottom:10px;}
.about_box .num_top{text-align: center;font-size:0;}
.about_box .dib{width:25%;color:#000;}
.about_box .dib strong{display: inline-block;font-size:62px;font-family:"en";color:#eb4b21;}
.about_box .dib p{font-size:18px;font-weight:bold;color:#666;margin-bottom:10px;}
.about_box .dib span{color:#666;font-size:16px;}

.about_two{margin-top:50px;background-color:#f9f9f9;padding:50px 0;}
.about_two .auto{width:1000px;margin:0 auto;}
.about_two .item{position: relative;}
.about_two .one{text-align:left;margin-top:50px;}
.about_two .one img{display: inline-block;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.about_two .text{position: absolute;right:24px;top:0;width:400px;height:100%;}
.about_two .text em{display: block;color:#fb8c00;font-size:70px;line-height:80px;font-family:"en";font-weight:bold;}
.about_two .text p{display: block;color:#333;font-size:18px;margin-top:30px;}
.about_two .two{text-align:right;margin-top:60px;}
.about_two .two .text{left:24px;right:auto;}
.about_two .two img{display: inline-block;border-top-right-radius:40px;border-bottom-left-radius:40px;}
.about_two .one p{padding-left:30px;}
.about_two .two p{padding-right:30px;}

/*===================== 关于我们 END =====================*/

/*===================== 产品中心 START =====================*/

.fenlei{background-color:#f5f5f5;}
.fenlei .alist{text-align: center;font-size:0;}
.fenlei .alist a{position: relative;display: inline-block;vertical-align: top;font-size:16px;width:8.33333%;color:#333;padding:50px 0;}
.fenlei .alist a:after{content:"";position: absolute;bottom:0;left:50%;width:4px;height:0;margin-left:-2px;}
.fenlei .alist a:hover, .fenlei .alist a.active{background-color:#d22020;color:#fff;}
.fenlei .alist a:hover:after, .fenlei .alist a.active:after{height:20px;background-color:#fff;}

.product_list .list{float: left;width:33.33%;}
.product_list .title{position: relative;z-index:1;height:80px;background-color:#f3f3f3;line-height:80px;text-align: center;}
.product_list .title:before{content: "";width:0;height:100%;position:absolute;right:0;bottom:0;z-index:-1;background:#d22020;}
.product_list .list:hover .title:before{width: 100%;right:auto;left:0;}
.product_list .list:hover .title{color:#fff;font-weight:bold;}
.product_list .por{position: relative;}
.product_list .por .bg{position: absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.3);left:0;top:-50%;opacity:0;visibility: hidden;}
.product_list .por .call{position: absolute;width:100%;height:100%;left:0;bottom:-50%;text-align: center;opacity:0;visibility: hidden;}
.product_list .por .call strong, .product_list .por .call p{display: block;color:#fff;font-size:24px;line-height:32px;}
.product_list .list:hover .bg{top:0;opacity:1;visibility: visible;}
.product_list .list:hover .call{bottom:0;opacity:1;visibility: visible;}

/*===================== 产品中心 END =====================*/

/*===================== 工程案例 START =====================*/

.case_list .list{float: left;width:48%;margin:0 1% 0;position: relative;}
.case_list .list:nth-child(even){margin-top:50px;}
.case_list .list a{border:1px solid #eee;}
.case_list .list .title{color:#444;font-weight:bold;font-size:18px;width:30%;position: absolute;bottom:0;left:0;padding:20px 0 20px 30px;background-color: #fff;}
.case_list .list .title em{font-family:"en";color:#999;font-size:12px;}
.case_list .list:hover .title{color:#fff;background-color:#d22020;}
.case_list .list:hover em{color:#fff;}

/*===================== 工程案例 END =====================*/

/*===================== 新闻中心 START =====================*/

.news_son{border-bottom:2px solid #eee;margin-bottom:50px;}
.news_son a{position: relative;display: inline-block;vertical-align: top;margin-right:20px;line-height:50px;}
.news_son a:after{content:"";position: absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#d22020;}
.news_son a:hover, .news_son a.active{color:#d22020;}
.news_son a:hover:after, .news_son a.active:after{width:100%;}

.news_list .ele{float: left;width:33.33%;margin-bottom:20px;}
.news_list .ele a{padding:20px;}
.news_list .ele .time{font-size:14px;color:#999;}
.news_list .ele h3{margin:10px 0;font-size:18px;line-height:28px;height:56px;overflow: hidden;}
.news_list .ele p{font-size:14px;line-height:22px;color:#666;height:44px;overflow: hidden;margin-top:10px;}
.news_list .ele:hover{box-shadow:0 0 16px #ccc inset;}
.news_list .ele:hover h3{color:#d22020;}

/*===================== 新闻中心 END =====================*/

/*===================== 联系我们 START =====================*/

.contact_one{padding:50px 0;}
.contact_one .dib{width:25%;vertical-align: top;}
.contact_one .icon{position: relative;text-align: center;width:80px;height:80px;margin:0 auto;border-radius:50%;background-color:#f3f3f3;}
.contact_one .icon img{height:40px;margin-top:20px;display: inline-block;}
.contact_one .icon:before{position: absolute;content:"";width:100%;height:100%;border-radius:50%;border:1px solid #d22020;box-sizing:border-box;left:0;top:0;transform: scale(0.6);-webkit-transform: scale(0.6);opacity:0;visibility:hidden;}
.contact_one .dib:hover .icon:before{transform: scale(1.3);-webkit-transform: scale(1.3);opacity:1;visibility:visible;}
.contact_one strong{display: block;text-align: center;font-size:16px;color:#333;margin:30px 0 14px;}
.contact_one p{font-size:18px;color:#666;line-height:30px;}
.contact_one p a{color:#666;}
.contact_one .dib:hover strong{color:#d22020;}
.contact_one .dib:hover img{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
}
@-webkit-keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
}
.contact_two{text-align: center;padding:100px 0;background:url(../images/mesbg.jpg) center/cover no-repeat;background-attachment:fixed}
.contact_two h3{font-size:30px;color:#fff;line-height:50px;}
.contact_two p{font-size:14px;color:#fff;}
.contact_two form{width:800px;margin:50px auto 0;}
.contact_two form input, .contact_two form textarea{border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:20px;padding:0 10px;width:100%;box-sizing:border-box;display: block;height:40px;line-height:40px;color:#fff;font-size:14px;background: none;}
.contact_two form textarea{height:100px;}
.contact_two form input.yzm{width:84%;}
.contact_two form img{height:40px;}
.contact_two form .sub{width:100%;height:40px;border:none;background-color: #307326;color:#fff;display: block;cursor:pointer;}
#map{height:680px;}
#map b{color:#e85f35;font-size: 18px; }
#map img{max-width: none;}

/*===================== 联系我们 END =====================*/


/*===================== 响应式代码 START =====================*/

@media( max-width:1700px ){
	.inner{width:1400px;}
	.index_fenlei li img{width:110px;height:110px;}
	.index_about .word{width:74%;}
}

@media( max-width:1500px ){
	.inner{width:1200px;}
	.index_fenlei li{margin:0 10px;}
	.index_fenlei li strong{font-size:14px;}
	.index_about .dib img{width:140px;}
	.index_about img.da{width:60%;bottom:-100px;}
	.index_youshi .two .dib{margin:0 10px;}
	.index_heng p{font-size:50px;}
	.index_heng em{font-size:22px;}
	.index_heng strong{font-size:54px;}
	.index_heng .tac.fr img{width:240px;}
	.index_news ul li h4{font-size:14px;}
	.index_news ul li em{font-size:12px;}
}

@media( max-width:1300px ){
	.inner, .article_inner{width:1000px;}
	.product_list .por .call strong, .product_list .por .call p{font-size:16px;}
	.article_inner .left{width:240px;}
	.article_inner .right{width:720px;}
	.article_inner ul li{font-size:12px;}
	.index_heng .tac, .index_about .ye, .header .ewm, .header .cal{display: none;}
	.header ul{margin:0;}
	.footer .text{width:100%;}
	.index_fenlei li{width:24%;margin:0 0.5% 10px;}
	#jm-up ul li h3{font-size:16px;}
	.index_about .dib img{margin:0 auto;width:90px;}
	.index_about .text{width:100%;}
	.index_about .title{padding-top:30px;}
	.index_about .word{padding-top: 110px;}
	.index_youshi .two .dib{width:186px;}
	.index_youshi .two p{font-size:14px;line-height:22px;}
	.index_heng .fl{width:100%;float:none;text-align: center;}
}

@media( max-width:1050px ){
	.wap_show{display: block !important;}
	.wap_none{display: none !important;}
	.inner, .about_two .auto{width:auto;padding:0 12px;}
	.index_about .line, .index_about .bg, .index_about .bg1, .index_about .bg2, #jm-up ul li p, .footer .one, .header .cal, .header .ewm, .news_list .ele .time, .product_list .por .call p{display: none;}
	.header{background-color: #333;}
	.header .list{display: none;position: fixed;width:100%;left:0;top:54px;background-color: #fff;height:100%;float:none;}
	.header ul{margin:0;}
	.header ul li{float:none;}
	.header ul li a{height:2rem;line-height:2rem;text-align: center;padding:0;color:#333;}
	.header .call{padding-top:1rem;}
	.header .call a{font-size:16px;line-height:50px;font-weight:bold;text-align: center;}
	.header .call img{display: inline-block;vertical-align: middle;height:20px;margin:0 6px 4px 0;}
	.header.on, .header, .header_height{height:54px;}
	.header .logo img, .header.on .logo img{height:44px;margin-top:3px;}
	.footer{padding-bottom:0;}
	.footer .bg{height:auto;background:none;}
	.footer .title span{padding:0;display: block;font-size:0.6rem;}
	.footer .title strong{display: block;font-size:1.2rem;}
	.footer .title p{padding:0 10px;font-size:14px;}
	.footer .title{padding:1rem 0;}
	.footer .text{width:100%;margin:0;padding:0;}
	.footer .two{width:100%;padding:0.5rem;box-sizing:border-box;}
	.footer .num{background:none;padding:0;}
	.copyright{padding:10px 0;}
	.moon_page{padding:30px 0;margin-top:30px;}
	.top_banner .tit{width:100%;padding:0;}
	.top_banner em{font-size:2rem;}
	.top_banner{height:10rem;}
	.top_banner h3{font-size:1.2rem;margin-top:0.2rem;}
	.about_box, .case_box, .news_box, .about_two, .contact_one{padding:1rem 0;}
	.about_one h2, .about_two h3{font-size:1.2rem;}
	.about_one strong, .about_two strong{font-size:0.5rem;}
	.about_one .info{margin:1rem 0;}
	.about_one .info{line-height:24px;}
	.about_box .dib{width:50%;margin-bottom:0.3rem;}
	.about_box .dib p{font-size:16px;}
	.about_box .dib strong{font-size:40px;}
	.about_box .dib span{font-size:12px;}
	.about_two .one, .about_two .two{margin-top:0.5rem;}
	.about_two .text, .about_two .two .text{padding:0 12px;position: relative;width:auto;top:auto;right:auto;bottom:auto;left:auto;height:auto;}
	.about_two .text .t50{position: relative;top:auto;-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}
	.about_two .text em{font-size:2rem;line-height:3rem;}
	.about_two .text p{padding:0;font-size:14px;margin-top:0.4rem;}
	.about_box{padding-bottom:0;}
	.fenlei .alist a{width:25%;padding:0.5rem 0;font-size:12px;}
	.fenlei .alist a:hover:after, .fenlei .alist a.active:after{height:10px;}
	.product_list .list{width:50%;}
	.product_list .title{height:40px;line-height:40px;}
	.product_list .por .call strong{font-size:14px;}
	.article_inner{padding:1rem 12px;width:auto;}
	.article_inner h1{font-size:18px;margin-bottom:14px;}
	.article_inner ul{margin:1rem 0;}
	.article_box .page_no{width:30px;height:30px;}
	.article_inner .left, .article_inner .right{width:100%;float:none;}
	.article_inner .right{padding-top:1rem;}
	.article_inner .wbdq{line-height:26px;}
	.case_list .list, .case_list .list:nth-child(even){width:100%;margin:0;}
	.case_list .list .title{padding:10px;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,0.35);color:#fff;}
	.case_list .list .title em{color:#fff;}
	.news_son{text-align: center;margin-bottom:1rem;}
	.news_son a{margin:0;line-height:40px;font-size:14px;padding:0 10px;}
	.news_list .ele{margin-bottom:10px;width:50%;}
	.news_list .ele a{padding:10px;}
	.news_list .ele h3{margin:0 0 10px;font-size:16px;line-height:24px;height:48px;}
	.moon_page a{width:30px;height:30px;line-height:30px;margin:0 5px;}
	.contact_one .dib{width:100%;margin-bottom:1rem;}
	.contact_two form{width:auto;padding:0 12px;}
	.contact_two form input.yzm{width:50%;}
	#map{height:400px;}
	.pub_title h3{font-size:28px;}
	.pub_title p{font-size:12px;padding:0 10px;}
	.index_fenlei li, #jm-up ul li{width:48%;}
	.index_about .dib{margin:0 !important;}
	.index_about .title{width:100%;float:none;padding:0;}
	.index_about .text{height:auto;position: relative;top:auto;right:auto;bottom:auto;left:auto;padding:1rem 0.4rem;width:auto;}
	.index_about .word{width:100%;padding:1rem 0 0;}
	.index_about{padding:0;}
	.index_video .dib strong{font-size:36px;}
	.index_video .dib p{font-size:12px;}
	.index_video .play{width:40px;height:40px;margin:-20px 0 0 -20px;}
	.jm-v-b-div{width:300px;height:300px;margin:-150px 0 0 -150px;}
	.index_youshi .one img, .index_youshi .img{width:90%;margin:0 auto;}
	.jm-s-quan, .index_news .tit, .index_news ul, .index_case .more a, .index_youshi .call{display: none;}
	.index_youshi .two .dib{margin-top:0 !important;margin-bottom:10px;}
	.index_youshi{height:auto;overflow: hidden;padding-bottom:4rem;}
	.index_youshi .two{background:none;}
	.jm-s-quan{margin:0 auto;}
	.index_youshi .two .dib{width:130px;margin:0 5px 5px;}
	.index_youshi .two strong{Font-size:18px;}
	.index_youshi .two p{line-height:20px;font-size:12px;padding:0 6px;}
	.index_heng p{font-size:24px;}
	.index_heng strong{font-size:20px;}
	.index_heng{padding:30px 0;}
	.index_news .div{float:none;width:100%;margin:0 0 1rem;}
	.copyright{height:auto;line-height:30px;}
	#jm-up{height:540px;margin:30px 0;}
	.index_about .more{margin-top:20px;}
	.pub_title{padding:30px 0;}
	.index_case{padding:0 0 30px;}
}
/*===================== 响应式代码 END =====================*/