@charset "utf-8";
/******************************************************

 功能：主样式表
 
 ******************************************************/

/* 全局背景、字体、字号、颜色、行高、页边距等 */
html { -webkit-text-size-adjust: none; }
* { margin:0px; padding:0px; }
body { margin:0px; padding:0px; font-size:12px; color:#000; font-family:tahoma, arial, 微软雅黑, 宋体, sans-serif; }
/* CSS3盒子模型 */
ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, p { list-style-type:none; margin:0; padding:0; display:block; }
em, i { font-style:normal; }
em { display:inline-block; vertical-align:middle; }
fieldset { border:none; margin:0; padding:0; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
/* 公共匹配样式 */
* { outline:none; }
a, img { border:none; }
img { border:none; vertical-align:middle; }
/* 链接 */
a { text-decoration:none; color:#333; }
a:hover { color:#333; text-decoration:none; }
a:visited { text-decoration:none; color:#333; }
a:active { text-decoration:none; color:#333; }
input[type=button], input[type=reset], input[type=submit] { cursor:pointer; -webkit-appearance: none; }
.clear:after{clear:both;display:table;height:0;content:"";}
.left{float:left;}
.right{float:right;}
.box{width: 1200px; margin-left:auto; margin-right:auto;}
.box1{width: 1300px; margin-left:auto; margin-right:auto;}
/*头部*/
.toubu_box{height:90px;}
.toubu{background:#fff;position:fixed;width:100%;height:90px;top:0;left:0;z-index:999;}
.toubu1{border-bottom:1px solid #ddd}
.toubu .logo{padding-top:15px;}
.toubu .logo img{height:60px;}
.toubu .tel{margin-left:10px;}
.toubu .tel span{display:inline-block;line-height:90px;background:url(../images/tel.png)no-repeat left center;padding-left:40px;font-size:22px;color:#da251c;font-weight:bold;}
.f16363514171{height:90px;text-align:center;}
.f16363514172{height:90px;line-height:88px;position:relative;z-index:1;display:inline-block;}
.f16363514173{float:left;position:relative;display:inline;}
.f16363514174{float:left}
.f16363514174 .f16363514175 {display:block;color:#646464;margin:0 18px;text-align:center;font-size:17px;}
.f16363514174 .f16363514175:hover {color:#da251c;border-bottom:2px solid #da251c}
.f16363514174 .on{color:#da251c;border-bottom:2px solid #da251c}
.f16363514176 {display:none;width:130px;left:-14px;top:90px;position:absolute;background-color:#fff;text-align:center;box-shadow:0 0 5px rgb(0,0,0,0.2);padding:10px 0;}
.f16363514177{line-height:36px;}
.f16363514177 .f16363514178 {display:block;font-size:15px;}
.f16363514177 .f16363514178:hover{color:#da251c;}
/*banner*/
.banner .swiper-slide{width:100%;height:calc(100vh - 90px)}
.swiper-button-prev:after,.swiper-button-next:after{color:#fff !important}
.banner .swiper-button-prev{left:50px !important;}
.banner .swiper-button-next{right:50px !important;}
.banner .swiper-pagination{bottom:25px !important}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff}
.banner .swiper-pagination-bullet-active{background:#da251c}
/*优势*/
.youshi{padding-top:60px;}
.youshi ul li{width:25%;float:left;text-align: center;}
.youshi ul li .img{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-left: auto;margin-right: auto;}
.youshi ul li .name{text-align: center; font-size: 16px;font-weight: bold;color: #444444;padding-top:20px;}
/*产品中心*/
.chanpin{padding-top:50px;}
.chanpin .name{text-align: center;background: url(../images/tt.png) no-repeat center bottom;font-size: 24px;margin-top: 30px;color: #444444;padding-bottom: 40px;}
.chanpin ul{padding-top:30px;}
.chanpin ul li{width:273px;border: 1px solid #ccc;float:left;margin-right:30px;margin-bottom:30px;}
.chanpin ul li:hover{border:1px solid #da251c;}
.chanpin ul li:nth-child(4n){margin-right:0}
.chanpin ul li .img{}
.chanpin ul li .img img{width:273px;height:173px;}
.chanpin ul li .name1{line-height:46px;text-align: center;font-size: 18px;border-top: 1px solid #ccc;}
/*最新资讯*/
.news{padding-top:10px;}
.news .name{text-align: center;background: url(../images/tt.png) no-repeat center bottom;font-size: 24px;margin-top: 30px;color: #444444;padding-bottom: 40px;}
.news .content{padding-top:30px;}
.news .content .zuo{width:458px;height:470px;position:relative;}
.news .content .zuo img{width:458px;height:470px;}
.news .content .zuo p{width:100%;position:absolute;bottom:0;left:0;line-height:40px;background:rgb(218,37,28,0.5);font-size:16px;color:#fff;text-align: center;}
.news .content .you{width:712px;}
.news .content .you li{padding-bottom:25px;}
.news .content .you .img img{width:150px;height:99px;}
.news .content .you .text{width:calc(100% - 178px);}
.news .content .you .text a{display:block;font-size: 16px;color: #323232;}
.news .content .you .text a:hover{color:#da251c}
.news .content .you .text p{margin-top: 10px;font-size: 14px;color: #999999;}
/*版权*/
.banquan{background-color: #323232;padding:25px 0;margin-top:35px;}
.banquan .ewm{}
.banquan .ewm ul li{width:120px;float:left;margin-right:15px;}
.banquan .ewm ul li img{width:120px;}
.banquan .lianxi{font-size: 14px;line-height: 24px;color: #CCCCCC;}
.banquan .you{}
.banquan .you .title{}
.banquan .you .title a{display:inline-block;padding-right: 10px;font-size: 14px;color: #CCCCCC;}
.banquan .you .copy{font-size: 14px;color: #CCCCCC;padding-top:20px;}
.banquan .you .copy a{color: #CCCCCC;}
/*二级分类*/
.erji{border-bottom: 1px #e5e5e5 solid;height: 70px;margin-bottom: 36px;background: #fff;}
.erji ul li{float:left;}
.erji ul li a{display:block;line-height:70px;font-size: 18px;padding:0 60px;background:url(../images/bg09.jpg)no-repeat right center;position: relative}
.erji ul li .on{background:#da251c;color:#fff;}
.erji ul li .on:after {content: "";width: 14px;height: 14px;background-color:#da251c;position: absolute;bottom: -6px;left:50%;margin-left: -7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.erji ul li a:hover{background:#da251c;color:#fff;}
.erji ul li  a:hover:after {content: "";width: 14px;height: 14px;background-color:#da251c;position: absolute;bottom: -6px;left:50%;margin-left: -7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
/*关于我们*/
.about_lb{padding-top:20px;padding-bottom:60px;}
.about_lb .name{text-align: center;font-size:32px;position:relative;line-height: 70px;}
.about_lb .name:after {content: "";width: 66px;height: 3px;background-color: #aaaaaa;position: absolute;left: 50%;margin-left: -33px;bottom: 0;}
.about_lb .content{font-size:14px;line-height:28px;color:#666;padding-top:25px;min-height:250px;}
.about_lb .content img{max-width:100%;}
/*企业文化*/
.about_title{text-align: center;margin-bottom: 20px;}
.about_title h2{font-size: 32px;line-height: 70px;position: relative;}
.about_title h2:after{content:"";width:66px;height:3px;background-color:#aaaaaa;position: absolute;left: 50%;margin-left:-33px;bottom: 0;}
.culture_content ul li{width:240px;margin:0 80px;float: left;cursor:pointer;}
.culture_content ul li .icon{width:174px;height:200px;background: url(../images/bg19.png) center center no-repeat;display:block;margin:auto;}
.culture_content{padding:20px 0 36px;}
.culture_content ul li .icon span{width:174px;height:200px;display: block;}
.culture_content ul li .icon1 span{background: url(../images/bg20.png) center center no-repeat;}
.culture_content ul li .icon2 span{background: url(../images/bg21.png) center center no-repeat;}
.culture_content ul li .icon3 span{background: url(../images/bg22.png) center center no-repeat;}
.culture_content ul li:hover .icon{background: url(../images/bg19-1.png) center center no-repeat;}
.culture_content ul li:hover .icon1 span{background: url(../images/bg21-1.png) center center no-repeat;}
.culture_content ul li:hover .icon2 span{background: url(../images/bg22-1.png) center center no-repeat;}
.culture_content ul li:hover .icon3 span{background: url(../images/bg23-1.png) center center no-repeat;}
.culture_content ul li .text{text-align: center;}
.culture_content ul li .text h2{font-size: 24px;font-weight: bold;line-height: 70px;}
.culture_content ul li .text p{font-size:16px;line-height: 26px;}
.culture .concept .concept_img{float: left;width: 240px;height:466px;cursor:pointer;position: relative;}
.culture .concept .concept_img img{width: 240px;height:466px;}
.culture .concept .concept_img .text{position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;background:rgba(0,0,0,0.6);}
.culture .concept .concept_img .text h2{font-size: 24px;line-height: 60px;color:#fff;padding:120px 0 140px;}
.culture .concept .concept_img .text1 h2{background:url(../images/bg24.png) center bottom no-repeat;}
.culture .concept .concept_img .text2 h2{background:url(../images/bg25.png) center bottom no-repeat;}
.culture .concept .concept_img .text3 h2{background:url(../images/bg26.png) center bottom no-repeat;}
.culture .concept .concept_img .text h2 span{border-top: 1px #fff solid;border-bottom: 1px #fff solid;display: inline-block;}
.culture .concept .concept_text{float: left;width:360px;background:#f5f5f5;height: 466px;padding:0 60px;display: none;}
.culture .concept .concept_text h2{font-size: 24px;font-weight: bold;color:#da251c;line-height: 60px;position:relative;padding-top: 90px;}
.culture .concept .concept_text h2:after{content:"";width:50px;height:1px;background:#da251c;position: absolute;left: 0;bottom: 0;}
.culture .concept .concept_text h3{font-size: 18px;line-height: 50px;}
.culture .concept .concept_text p{color:#666;line-height: 30px;}
/*荣誉资质*/
.honor {padding:20px 0 60px;}
.honor ul li{width:290px;text-align: center;margin-right: 13px;float: left;background-color: #f6f6f6;margin-bottom: 30px;}
.honor ul li:nth-child(4n){margin-right: 0;}
.honor ul li a{display: block;}
.honor ul li .img{width: 290px;height:305px;line-height: 305px;overflow: hidden;position: relative;}
.honor ul li .img img{max-width:100%;max-height:100%;transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-webkit-transition: all .5s;}
.honor ul li .img span{position: absolute;width:100%;height:100%;top:0;left: 0;background:url(../images/bg17.png) center no-repeat;z-index: 10;display: none;}
.honor ul li:hover .img span{display: block;}
.honor ul li:hover .img img{transform: scale(1.05);-ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.honor ul li .title{font-size: 18px;color:#fff;height:45px;line-height: 45px;background-color:#da251c;}
.honor ul li:hover .title{background-color:#dd503a;}
/*点击小图弹出大图*/
.baguetteBox-button {background-color: transparent !important;}
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
/*工程案例*/
.case ul{padding-bottom:20px;}
.case ul li{width:368px;height:450px;border:1px #e5e5e5 solid;float: left;margin-right: 45px;margin-bottom: 20px;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li a{display: block;}
.case ul li .img{width:368px;height:330px;overflow: hidden;}
.case ul li .img img{width:368px;height:330px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case ul li:hover .img img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);}
.case ul li .text h2{line-height:36px;font-size: 18px;padding:6px 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case ul li .text p{color:#666;padding:0 15px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 24px;height:48px;}
.case ul li .text span{background-color:#EA5B24;display: block;color:#fff;line-height:30px;padding:0 15px;opacity:0;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case ul li:hover .text span{opacity: 1;}
.case_det .case_det_img{width:543px;float: left;border:1px #dcdcdc solid;margin-right: 45px;}
.case_det .case_det_img img{width:515px;height:460px;padding:14px;}
.case_det .case_det_text{}
.case_det .case_det_text .case_det_title{overflow: hidden;*zoom:1;border-bottom: 1px #e5e5e5 solid;margin-bottom: 20px;position:relative;}
.case_det .case_det_text .case_det_title strong{font-size: 30px;float: left;line-height: 70px;text-align: center;display: block;width: 100%;}
.case_det .case_det_text .case_det_title span{color:#999;line-height:50px;position:absolute;;top:20px;right:0}
.case_det .case_det_text .case_det_content{text-align: center;padding-bottom:40px;}
.case_det .case_det_text .case_det_content img{max-width:100%;}
/*产品列表页*/
.product_lb{}
.product_lb ul{padding-top:10px;}
.product_lb ul li{width:273px;border: 1px solid #ccc;float:left;margin-right:30px;margin-bottom:30px;}
.product_lb ul li:hover{border:1px solid #da251c;}
.product_lb ul li:nth-child(4n){margin-right:0}
.product_lb ul li .img{}
.product_lb ul li .img img{width:273px;height:173px;}
.product_lb ul li .name1{line-height:46px;text-align: center;font-size: 18px;border-top: 1px solid #ccc;}
/*产品详情页*/
.product_xq{padding-top:25px;}
.product_xq .name{font-size:22px;text-align: center;font-weight: bold;}
.product_xq .img{max-width:750px;margin-left: auto;margin-right: auto;text-align: center;margin-top:20px;}
.product_xq .img img{width:100%;}
.product_xq .sm{border-bottom: 1px solid #ccc;font-weight: 700;color: #277fc2;font-size: 16px;padding-bottom:10px;}
.product_xq .sm_nr{font-size:14px;line-height:26px;padding-top:25px;color:#555;}
.product_xq .xia{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding:10px 0;margin-top:25px;margin-bottom:30px;}
.product_xq .xia a{font-size:14px;}
.product_xq .xia a:hover{color:#277fc2;}
.product_xq .tuijian{padding-top:25px;}
.product_xq .tuijian ul li{width:273px;border: 1px solid #ccc;float:left;margin-right:30px;margin-bottom:30px;}
.product_xq .tuijian ul li:hover{border:1px solid #da251c;}
.product_xq .tuijian ul li:nth-child(4n){margin-right:0}
.product_xq .tuijian ul li .img{}
.product_xq .tuijian ul li .img img{width:273px;height:173px;}
.product_xq .tuijian ul li .name1{line-height:46px;text-align: center;font-size: 18px;border-top: 1px solid #ccc;}
/*面包屑*/
.mbx{line-height:50px;border-bottom:1px solid #ddd;font-size:14px;color:#666}
.mbx a{color:#666}
.mbx i{display:inline-block;padding:0 5px;}
/*新闻列表页*/
.news_lb{padding-top:30px;}
.news_lb ul li{border:1px solid #ddd;margin-bottom:25px;padding:25px;}
.news_lb ul li .img img{width:250px;height:170px;}
.news_lb ul li .text{width:calc(100% - 275px);}
.news_lb ul li .text .name a{display:block;font-size: 16px;color: #323232;}
.news_lb ul li .text .name a:hover{color:#da251c;}
.news_lb ul li .text .time{margin-top:8px;font-size: 14px;color: #999999;}
.news_lb ul li .text .intro{font-size:14px;line-height:24px;padding-top:8px;color:#666;}
/*新闻详情页*/
.news_xq{padding-top:30px;padding-bottom:60px;}
.news_xq .name{text-align: center;font-size:24px;}
.news_xq .time{font-size:14px;text-align: center;color:#999;padding-top:10px;border-bottom:1px solid #ddd;padding-bottom:10px;}
.news_xq .intro{font-size:14px;line-height:26px;padding-top:25px;}
.news_xq .intro img{max-width:100%;}
.news_xq .xia{background:#EEEEEE; padding:10px 10px;margin-top:25px;margin-bottom:30px;}
.news_xq .xia a{font-size:14px;}
.news_xq .xia a:hover{color:#277fc2;}
/*联系我们*/
.contact{padding-top:20px;padding-bottom:50px;}
.contact .lianxi{font-size:16px;line-height:32px;}
.contact .lianxi img{display:inline-block;padding-right:10px;}
.contact .map{padding-top:25px;}
.text_lb{padding-top:20px;padding-bottom:50px;font-size:14px;line-height:28px;}
/*在线客服*/
.online_service{position: fixed;width:50px;right:10px;top:40%;z-index: 1009;}
.online_service ul li{width:50px;height:50px;background-color: #fff;margin-bottom: 4px;background-repeat: no-repeat;background-position: center;border:1px #e5e5e5 solid;}
.online_service ul li em{position: absolute;color: #fff;right:50px;background:#da251c;height:52px;line-height:52px;font-size:16px;width:160px;display: none;top:0;padding:0 10px;}
.online_service ul li:hover {background-color: #da251c;border:1px #da251c solid;}
.online_service ul li:hover em{display: block;}
.online_service ul li a{display: block;color:#fff;position: relative;z-index: 10;height:50px;}
.online_service ul li:nth-child(1){background-image:url(../images/bg05.png);}
.online_service ul li:nth-child(2){background-image:url(../images/bg06.png);}
.online_service ul li:nth-child(3){background-image:url(../images/bg07.png);}
.online_service ul li:nth-child(1):hover{background-image:url(../images/bg05-1.png);}
.online_service ul li:nth-child(2):hover{background-image:url(../images/bg06-1.png);}
.online_service ul li:nth-child(3):hover{background-image:url(../images/bg07-1.png);}