/* common style */
html{background:#FFF;color:#000; font-size: 10px; }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{font-family: "Microsoft YaHei"; margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
a:hover{ text-decoration: none; }
.container{ padding:0; }
.clear{ clear: both; }
.page{ clear: both; padding: 15px 0; text-align: center; }
.down{width: 100%;height: 52px;background:#343434;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 9999; }
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){ .footer{ margin-bottom: 0; }	.down{display: none;} }
/* go top */
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#5e5c5b;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#5e5c5b;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
/*头部*/
.h-tool{ overflow: hidden; background: #f6f5f5; height: 40px; line-height: 40px; }
.h-tool p{ font-size: 14px; color: #666666; background: url(../img/ico-home.png) no-repeat left center; padding-left: 30px; }
.h-tool ul{ overflow: hidden; float: right; }
.h-tool li{ display: inline-block; }
.h-tool li a{ font-size: 14px; color: #666666; margin-left: 6px; padding-left: 6px; }
.h-tool li + li > a{ border-left: 1px solid #7f7e7e; }
.h-tool li a:hover{ color: #ef6910; }
.h-top{ overflow: hidden; padding:34px 0; }
.h-top .text-right img{ margin-top: 2px; }
.h-menu{ height: 58px; line-height: 58px; background: #5e5c5b; }
.h-nav{ height: 58px; }
.h-nav li{ display: inline-block; line-height: 58px; height: 58px; position: relative; transition: all .3s;  }
.h-nav li > a{ display: inline-block; padding:0 36px; font-size: 16px; color: #ffffff; overflow: hidden; }
.h-nav li:hover > a{ background: #ef6910; text-decoration: none; }
.h-nav li .dropdown{ position: absolute; left:0; top:100%; height: 0px; width: 400px; background: #fefefe; box-sizing: border-box; z-index: 3; transition: all .5s; overflow: hidden; }
.h-nav li:hover .dropdown{ height: 227px; transition: all .5s; }
.h-nav li .dropdown .link{ width: 170px; float: left; padding:30px 20px; box-sizing: border-box; background: #e5e5e4; text-align: center; } 
.h-nav li .dropdown .link a{ display: block; line-height: 56px; font-size: 16px; color: #000307; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h-nav li .dropdown .link a:hover{ background: #ef6910; color: #fff; }
.h-nav li .dropdown .img{ padding:30px; float: left; background: #fefefe; }
.h-nav li .dropdown .img img{ width: 170px; height: 168px; object-fit: cover; }
.h-nav li:nth-child(3) .dropdown .link a, .h-nav li:nth-child(4) .dropdown .link a, .h-nav li:nth-child(5) .dropdown .link a, .h-nav li:nth-child(6) .dropdown .link a, .h-nav li:nth-child(2) .dropdown .link a{ line-height: 42px; }
/*search*/
.search{ overflow: hidden; height: 65px; line-height: 65px; background: #faf9f9; }
.search .s_key{ line-height: 65px; font-size: 14px; color: #666666; }
.search .s_key strong{ color: #333333; }
.search .s_key a{ margin-left: 15px; padding-left: 15px; }
.search .s_key strong + a{ margin-left: 0; }
.search .s_key a + a{ border-left: 1px solid #ccc9c9; }
.search .s_key a:hover{ color: #ef6910; }
.search .s_search{ height: 40px; margin-top: 12px; }
.search .input-group{ overflow: hidden; position: relative; float: right; }
.search .form-control{ width: 268px; height: 38px; border:1px solid #6b6b66; border-radius: 35px 0 0 35px; box-shadow: none; box-sizing: border-box; padding-left: 20px; font-size: 14px; color: #666666; background: none; }
.search #submit{ display: inline-block; width: 58px; height: 38px; background:#6b6b66 url(../img/ico-search.png) no-repeat center; border:none; outline: none; cursor: pointer; z-index: 4; border-radius: 0 35px 35px 0; position: relative; top:-1px; }
/*banner*/
#m_banner{ width: 100%; opacity: 0; height: 0; }
#m_banner img{ width: 100%; object-fit: cover; }

#banner{ width: 100%; height: 558px; }
#banner .swiper-slide{ width: 100%; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .b1_img{ position: absolute; left: 44px; bottom:0; }
#banner .swiper-slide .b1_logo{ position: absolute; left: 50%; top:94px; }
#banner .swiper-slide .b1_tit{ position: absolute; left: 50%; top:170px; }
#banner .swiper-slide .b1_td{ position: absolute; left: 50%; top:264px; }
#banner .swiper-slide .b1_zy{ position: absolute; left: 50%; top:328px; }
#banner .swiper-slide .b2_img{ position: absolute; left: 54%; bottom:0; }
#banner .swiper-slide .b2_logo{ position: absolute; left: 21%; top:100px; }
#banner .swiper-slide .b2_tit{ position: absolute; left: 21%; top:170px; }
#banner .swiper-slide .b2_td{ position: absolute; left: 21%; top:284px; }
#banner .swiper-slide .b2_tel{ position: absolute; left: 21%; top:380px; }
#banner .swiper-slide .b3_bg{ position: absolute; left: 34%; top:10px; }
#banner .swiper-slide .b3_logo{ position: absolute; left: 42%; top:76px; }
#banner .swiper-slide .b3_tit{ position: absolute; left: 42.5%; top:166px; }
#banner .swiper-slide .b3_td{ position: absolute; left: 42%; top:234px; }
#banner img{ max-width: 100%; }
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; background: #eaeced; opacity: 1; transition: all .3s; }
#banner .swiper-pagination-white .swiper-pagination-bullet-active{ width: 54px; background: #ef6910; transition: all .3s; border-radius: 18px; }
#m_banner .swiper-pagination-bullet{ width: 12px; height: 12px; background: #eaeced; opacity: 1; transition: all .3s; }
#m_banner .swiper-pagination-white .swiper-pagination-bullet-active{ width: 54px; background: #ef6910; transition: all .3s; border-radius: 18px; }
/*五洋发展历程*/
.m-course{ overflow: hidden; background: url(../img/course_bg.jpg) no-repeat top center; padding:82px 0 52px; }
.m-course .hd{ overflow: hidden;  }
.m-course .hd .tit{ height: 72px; background: url(../img/course_tit.png) no-repeat center; margin-bottom: 48px; }
.m-course .bd{ overflow: hidden; }
.course_txt li + li{ background: url(../img/course_li.png) no-repeat left top; }
.course_txt li .txt{ padding:0 18px; margin-bottom: 22px; text-align: center; min-height: 173px; }
.course_txt li .txt img{ margin:8px 0; }
.course_txt li .txt p{ font-size: 14px; color: #333333; line-height: 18px; }
.course_txt li h3{ text-align: center; font-size: 24px; color: #333333; line-height: 1; }
.course_show{ clear: both; overflow: hidden; margin-top: 10px; padding-top:40px; background: url(../img/course_top.png) no-repeat center top; }
.course_show .img{ transition: all .3s; width: 100%; box-sizing: border-box; border:2px solid #fff; border-radius: 3px; height: 188px; overflow: hidden; }
.course_show .img img{ width: 100%; height: 100%; object-fit: cover; }
.course_show .img + p{ transition: all .3s; text-align: center; font-size: 16px; color: #333333; line-height: 1; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.course_show a:hover .img{ transition: all .3s; border-color: #ef6a12; }
.course_show a:hover p{ transition: all .3s; color: #ef6a12; }
.course_show .swiper-slide:after{ content: ""; display: inline-block; width: 37px; height: 25px; background: url(../img/course_r.png) no-repeat; position: absolute; right: -40px; top:50%; margin-top: -18px; }
.course_show .swiper-slide:nth-child(2):after,.course_show .swiper-slide:nth-child(4):after,.course_show .swiper-slide:nth-child(6):after,.course_show .swiper-slide:nth-child(8):after{ background: url(../img/course_l.png) no-repeat; left: -40px; }
.course_tel{ clear: both; text-align: center; padding-top: 44px; }
.course_tel strong{ display: inline-block; height: 84px; width: 536px; background: url(../img/ico-course-tel.png) no-repeat center; text-align: left; line-height: 84px; font-size: 24px; color: #ef6a12; padding-left: 100px; }
.course_tel strong small{ font-family: impact; color: #ef6a12; font-size: 36px; line-height: 1; position: relative; top:4px; }
.course_tel > a{ display: inline-block; width: 281px; height: 52px; background: url(../img/course_a.png) no-repeat center; padding-left: 75px; margin-left: 30px; text-align: left; font-size: 18px; color: #ef6a12; font-weight: bold; text-decoration: underline; line-height: 52px; }
/*产品中心*/
.i-tit{ overflow: hidden; padding:60px 0 52px; text-align: center; background: url(../img/line.png) no-repeat center; }
.i-tit h2{ font-size: 36px; color: #40403f; font-weight: bold; line-height: 1; margin-bottom: 22px; }
.i-tit p{ font-size: 18px; color: #333333; line-height: 1; }
.hot_pro{ margin-top: -6px; margin-bottom: 25px; }
#hot_pro{ padding-top: 6px; }
.hot_pro .top{ display: block; overflow: hidden; position: relative; border:1px solid #d9d5d5; box-sizing: border-box; width: 99.999%!important; }
.hot_pro .swiper-slide:after{ content: ""; display: inline-block; width: 45px; height: 80px; background: url(../img/ico-hot.png) no-repeat center; position: absolute; right:57px; top:-6px; }
.hot_pro .img{ width: 44%; height: 310px; float: left; padding:16px; box-sizing: border-box; border-right: 1px solid #d9d5d5; }
.hot_pro .img img{ width: 100%; height: 100%; object-fit: cover; }
.hot_pro .txt{ width: 56%; float: left; box-sizing: border-box; padding:38px 30px; text-align: left; }
.hot_pro .txt h3{ font-size: 24px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 20px; }
.hot_pro .txt p{ font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hot_pro .txt small{ margin:10px 0 0; font-size: 14px; color: #666666; line-height: 34px; clear: both; display: block; }
.hot_pro .txt a{ margin-top: 10px; display: inline-block; line-height: 1; padding:15px 21px; border:1px solid #d9d5d5; border-radius: 30px; font-size: 14px; color: #333333; }
.hot_pro .txt a + a{ background: #6b6b66; color: #fff; }
.hot_pro .txt a:hover{ background: #ef6a12; color: #fff; }
#hot_pro .swiper-button-next, #hot_pro .swiper-button-prev{ width: 32px; height: 32px; margin-top: -16px; background-size: 32px 32px; }
#hot_pro .swiper-button-next{ background: url(../img/h_r.png) no-repeat; }
#hot_pro .swiper-button-prev{ background: url(../img/h_l.png) no-repeat; }
#hot_pro .swiper-button-next:hover{ background: url(../img/h_rh.png) no-repeat; }
#hot_pro .swiper-button-prev:hover{ background: url(../img/h_lh.png) no-repeat; }
.hot_list{ overflow: hidden; }
.hot_list a, .pro a{ display: block; border:1px solid #d1cfcf; }
.hot_list a .img, .pro a .img{ width: 100%; height: 268px; overflow: hidden; position: relative; }
.pro a .img{ height: 220px; }
.hot_list a .img img, .pro a .img img{ width: 100%; height: 100%; object-fit: cover; }
.hot_list a .txt, .pro a .txt{ overflow: hidden; padding:0 15px; border-top:1px solid #d1cfcf; }
.hot_list a p, .pro a p{ font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 56px; line-height: 56px; box-sizing: border-box; padding:0 40px 0 00px; background: url(../img/ico_p_tit.png) no-repeat right center; }
.hot_list a:hover p, .pro a:hover p{ color: #ef6a12; background: url(../img/ico_p_tith.png) no-repeat right center; }
.pro{ overflow: hidden; margin:0 -15px; }
.pro a{ margin:0 0 20px; }

/*工程案例*/
.m-case{ overflow: hidden; padding-bottom: 54px; }
.m-case .bd a .img{ width: 100%; height: 314px; overflow: hidden; }
.m-case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.m-case .bd a p{ height: 56px; line-height: 56px; background: #dfdddd; text-align: center; box-sizing: border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #40403f; }
.m-case .bd a:hover .img img{ transition: all .3s; transform: scale(1.1); }
.m-case .bd a:hover p{ background: #ef6a12; color: #fff; }
/*资质荣誉*/
.m-honor{ overflow: hidden; background: #f4f3f3 url(../img/honor.png) no-repeat left bottom; padding-bottom: 114px; }
.m-honor .i-tit{ padding:64px 0; }
.m-honor .bd a .img{ width: 100%; height: 280px; overflow: hidden; box-sizing: border-box; border:3px solid #fff; border-radius: 3px; }
.m-honor .bd a .img img{ width: 100%; height: 100%; object-fit: contain; background: #f1f1f1; transition: all .3s; }
.m-honor .bd a p{ height: 65px; line-height: 65px; text-align: center; box-sizing: border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333333; }
.m-honor .bd a:hover .img img{ transition: all .3s; border-color: #ef6910; }
.m-honor .bd a:hover p{ color: #ef6910; }
/* 底部信息 */
#footer{ overflow: hidden; background: url(../img/f_bg.jpg) no-repeat top center; }
.f-top{ background: rgba(79,79,79,.65); padding-bottom: 25px; }
.f-nav{ height: 59px; line-height: 59px; border-bottom: 1px solid #a0a1a1; margin-bottom: 34px; }
.f-nav li{ display: inline-block;  }
.f-nav li a{ display: inline-block; padding:0 36px; font-size: 14px; color: #fff; }
.f-link strong, .f-contact strong{ font-size: 16px; color: #ef6910; font-weight: bold; line-height: 1; margin-bottom: 32px; display: block; }
.f-link a{ line-height: 34px; font-size: 14px; color: #898a8a; margin-right: 62px; }
.f-contact p{ font-size: 14px; color: #a4a3a3; line-height: 22px; padding-left: 32px; margin-bottom: 20px; }
.f-contact p b{ color: #fafafa; }
.f-contact p:nth-child(1){ background: url(../img/ico-tel.png) no-repeat left center; }
.f-contact p:nth-child(2){ background: url(../img/ico-email.png) no-repeat left center; }
.f-contact p:nth-child(3){ background: url(../img/ico-add.png) no-repeat left center; }
.f-ewm{ text-align: center; }
.f-ewm img{ width: 140px; margin-top: 12px; }
.f-ewm p{ line-height: 38px; font-size: 14px; color: #a4a3a3; }
.f-copy{ overflow: hidden; background: rgba(0,0,0,.51); padding:25px 0; text-align: center; }
.f-copy p{ font-size: 14px; color: #fafafa; line-height: 1; }
.f-copy p a{ color: #fafafa; }
#footer a:hover{ color: #ef6910; }
/*侧边栏*/
.s-type{ overflow: hidden; }
.s-type > .hd{ height: 70px; background: #6b6b66 url(../img/ico-type.png) no-repeat 185px center; line-height: 70px; border-radius: 10px 10px 0 0; font-size: 24px; color: #fefeff; font-weight: bold; padding-left: 56px; }
.s-type > .bd{ border:1px solid #e3e2e2; border-top:0; border-radius: 0 0 10px 10px; padding:20px; box-sizing: border-box; margin-bottom: 26px; }
.s-type > .bd .t_tit{ height: 50px; line-height: 50px; border-bottom: 1px solid #e4e2e2; margin-bottom: 3px; display: block; font-size: 16px; color: #333333; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0; }
.s-type > .bd .t_tit:before{ content: ""; display: inline-block; width: 8px; height: 8px; border:2px solid #a9a8a8; border-radius: 50%; margin:0 12px 0 22px; }
.s-type > .bd div{overflow: hidden; }
.s-type > .bd div a{ padding-left: 42px; display: block; height: 36px; line-height: 36px; font-size: 14px; color: #ababa9; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 40px; }
.s-type > .bd div a:after{ content: ""; display: inline-block; background: url(../img/ico-sr.png) no-repeat center; width: 8px; height: 14px; position: absolute; right:24px; top:13px; }
.s-type > .bd .t_tit:hover{ background: #ef6a12; color: #fff;  }
.s-type > .bd .t_tit:hover:before{ border-color: #fff;  }
.s-type > .bd div a:hover:after{ background: url(../img/ico-srh.png) no-repeat center; }
.s-type > .bd div a:hover{ background: #ef6a12; color: #fff; }
.s-type > .bd div a:hover:after{ background: url(../img/ico-srh.png) no-repeat center; }
.s-type > .bd .panel-group, .s-type > .bd .panel{ padding-left: 0; }
.s-type > .bd .panel-default{ border:0; margin:0; }
.s-type > .bd .panel-default>.panel-heading{ padding:0; border:0; background-color: #fff; }
.s-type > .bd .panel-default>.panel-heading button{ background: #fff; width: 100%; border:0; text-align: left; }
.s-type > .bd .panel-default>.panel-heading+.panel-collapse>.panel-body{ padding:0; border:0; }
.s-type > .bd .panel-default>.panel-heading .t_tit:after{ transform: rotate(90deg); top:20px; }
.s-contact > strong{ height: 70px; background: #6b6b66 url(../img/ico-contact.png) no-repeat 185px center; line-height: 70px; border-radius: 10px 10px 0 0; font-size: 24px; color: #fefeff; font-weight: bold; padding-left: 56px; display: block; }
.s-contact > div{ border:1px solid #e3e2e2; border-top:0; border-radius: 0 0 10px 10px; padding:15px; box-sizing: border-box; /*background: url(../img/s_contact_bg.png) no-repeat right bottom;*/ }
.s-contact > div p{ font-size: 14px; color: #605f5f; line-height: 28px; }
/*产品详情*/
.o_product{ clear: both; overflow: hidden; }
.o_product_img{ float: left; width: 54%; }
.o_product_img .o_product_thumb{ width: 100%; height: 392px;  }
.o_product_img .o_product_thumb img{ width: 100%; height: 100%; object-fit: cover; }
.product_small{ margin-top:12px;height: 68px;position: relative;}
.product_small .swiper-container{ width: 100%;height: 68px;overflow: hidden;}
.product_small ul{ padding: 0px;margin: 0px;overflow: hidden; width: 100%!important; }
.product_small ul li{ float: left;height: 66px;width: 92px; margin-right: 10px; display: table-cell;text-align: center;vertical-align: middle;}
.product_small ul li img{ height: 66px;width: 92px; border: 1px solid #C4C4C4;  object-fit: cover; display: inline-block;box-sizing: border-box;}
.product_small ul li.select img{ border: 1px solid #e16c1d;}
.o_product_info{ float: right;width: 45%; padding-left: 22px; box-sizing: border-box; }
.o_product_info strong{ display: inline; color: #1e1e1e; font-size: 30px; line-height: 49px; font-weight: bold; border-bottom: 1px solid #d4d2d2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.o_product_info .o_product_detail{ background: #f7f7f7; padding: 18px; margin-top: 18px;}
.o_product_detail p{ font-size: 14px; color: #999999; line-height: 30px; }
.o_product_type{ line-height: 62px; border-bottom: 1px solid #dfdada; padding:0 18px; margin-bottom: 20px; }
.o_product_type p{ font-size: 14px; color: #999999; }
.o_product_detail p span, .o_product_type p span{ color: #333333; }
.o_product_order a{ display: inline-block; padding:17px 28px 17px 68px; background: #ef6910; font-size: 18px; color: #ffffff; }
.o_product_order a:nth-child(1){ background: #ef6910 url(../img/ico-kf.png) no-repeat 20px center; }
.o_product_order a:nth-child(2){ background: #605f5f url(../img/ico-car.png) no-repeat 20px center; margin-left: 15px; }
.o_product_tel{ font-size: 18px; color: #333333;  }
.o_product_tel strong{ font-size: 24px; color: #ef6910;border-bottom: 0; }
.g_info{ overflow: hidden; margin:30px 0 0; border:1px solid #d5d4d4; }
.g_info > .hd{ height: 46px; background: #f3f1f1; }
.g_info > .hd li{ display: inline-block; margin-right: 30px; background: #605f5f; padding:0 50px; line-height: 46px; font-size: 18px; color: #ffffff; }
.g_info > .hd li.on{ background: #ef6910; }
.g_info > .hd li:hover{ cursor: pointer; }
.g_info > .bd{ overflow: hidden; padding:30px; }
.g_info > .bd p, .article > p{ font-size: 16px; color: #605f5f; line-height: 30px; }
.article p img{ max-width: 100%; }
.g_info > .bd .pro a .img{ height: 200px; }
.g_info > .bd .pro a p{ line-height: 56px; }
.article h2{ padding-left: 15px; border-left: 4px solid #ef6910; font-size: 20px; font-weight: bold; margin:15px 0; line-height: 1.5; }
.main{ overflow: hidden; padding:20px 0; }
/*message*/
.y_msg{ background: #f1f1f1; border:1px solid #e4e4e4; padding:20px; border-radius: 5px; margin-bottom: 20px; }
.y_msg h3{ font-size: 20px; color: #161616; font-weight: bold; line-height: 1; margin-bottom: 4px; }
.y_msg span{ font-size: 14px;font-weight: 200; color: #b4b4b4; text-transform: uppercase;  line-height: 1; margin-bottom: 15px; display: block; }
.y_msg div{ padding-left: 46px; background: url(../img/msg.jpg) no-repeat left 4px; }
.y_msg div p{ padding:0; font-size: 14px; line-height: 20px; color: #7c7c7c; }
#msg{ padding:20px; }
/*资质荣誉*/
.h_list li{ overflow: hidden; margin-bottom: 20px; }
.h_list li .img{ width: 100%; height: 218px; overflow: hidden; }
.h_list li .img img{ width: 100%; height: 100%; object-fit: cover; }
.h_list li h3{ font-size: 18px; color: #313131; text-align: center; padding: 15px 0; font-weight: 200; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h_list li:hover h3{ background: #6b6b66; color: #fff; }
/*新闻列表*/
.n_list{ overflow: hidden; }
.n_list a{ display: block; margin-bottom: 30px; width: 100%; box-sizing: border-box; border:5px solid #f6f6f6; }
.n_list a > div{ border:1px solid #e3e3e3; padding:20px; }
.n_list a > div .hd{ overflow: hidden; clear: both; padding-bottom: 12px; border-bottom: 1px dashed #dcdcdc; margin-bottom: 12px; }
.n_list a > div .hd h3{ width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #222; font-weight: bold; }
.n_list a > div .hd span{ font-size: 12px; color: #999; float: right; }
.n_list a > div .bd p{ font-size: 14px; color: #555; line-height: 24px; font-weight: normal; }
.n_list a:hover{ border-color: #ff8800; }
.n_list a:hover > div .hd h3{ color: #ff8800; }
.n_list a:hover > div .bd p{ color: #333; }

/*施工工艺*/
.tech{ overflow: hidden; }
.tech li{ overflow: hidden; margin-bottom: 30px; }
.tech li a{ display: block; border:10px solid #f1eff2; height: 485px; box-sizing: border-box; position: relative; overflow: hidden; }
.tech li a .img{ width: 100%; height: 100%; }
.tech li a .img img{ width: 100%; height: 100%; object-fit: cover; }
.tech li a h3{ width: 100%; height: 100%; text-align: center; line-height: 100%; position: absolute; left:0; top:0; text-align: center; background: rgba(0,0,0,.4); transition: all .3s; }
.tech li a h3 span{  font-size: 26px; color: #fff; display: block; width: 100%; position: absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.tech li a h3 span:after{ content: ""; display: block; width: 90px; height: 3px; border:0; background: #fff; margin: 40px auto 0; }
.tech li a:hover h3{ background: rgba(255,136,0,1); transition: all .3s; }
/* 自定义滚动条 */
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; }
::-webkit-scrollbar-thumb{ background-color: #000000; }
/*产品详情*/
.g_top{ overflow: hidden; }
.g_top > div + div{ border-left: 1px solid #e0e0e0; }
.g_top .img{ overflow: hidden; padding:20px; box-sizing: border-box; }
.g_top .img img{ max-width: 100%; }
.g_top .txt{ text-align: left; padding-left: 15px; padding-bottom: 20px; }
.g_top .txt h1{ font-size: 22px; text-align: left; padding:20px 0; font-weight: bold; color: #292929; }
.g_top .txt div{ font-size: 16px; line-height: 22px; color: #939393; }
.g_top .txt div strong{ display: block; color: #f80; line-height: 28px; }
.g_top .txt div p{ font-size: 16px; color: #939393; line-height: 22px; }
.g_top .txt small{ display: inline-block; color: #f00; font-weight: bold; font-size: 18px;  margin-top: 10px; }
.g_tit{ overflow: hidden; margin:28px 0; border-bottom: 1px solid #ff6206; }
.g_tit strong{ display: inline-block; padding:12px 30px; line-height: 1; font-size: 18px; font-weight: bold; font-style: italic; background: #ff8800; color: #fff; }
.g_tit small{ font-size: 18px; color: #ff6206; font-weight: bold; display: inline-block; margin-left: 16px; text-transform: uppercase; font-style: italic; }
/*联系我们*/
.c_contact{ overflow: hidden; padding:10px 0 40px; }
.c_contact li{ text-align: center; }
.c_contact li .img{ width: 72px; height: 72px; overflow: hidden; margin:0 auto 20px; }
.c_contact li .img img{ width: 72px; height: 72px; display: block;}
.c_contact li:hover .img .box_img{position: relative; transition: 0.3s all 0s linear; display: block; margin-top: -72px;}
.c_contact li .txt{ text-align: center; font-size: 14px; line-height: 24px; }
.c_message{ overflow: hidden; }
.c_message input{ width: 100%; height: 34px; background: #f3f3f3; border: 1px solid #dcdcdc; padding-left: 10px; font-size: 14px; color: #999999; }
.c_message textarea{ width: 100%; height: 140px; background: #f3f3f3; border: 1px solid #dcdcdc; padding: 10px; font-size: 14px; color: #999999; margin: 20px 0; }
.c_message form > button{ width: 239px; height: 65px; background: url(../img/tj.png) no-repeat center; margin:0 auto 20px; display: block; outline: none; border:0; }
/*catname*/
.catname{ height: 57px; line-height: 57px; border-bottom: 1px solid #c1c1b9; margin-bottom: 28px; }
.catname h2{ display: inline-block; padding:0 18px; font-size: 26px; color: #1e1e1e; font-weight: bold; margin:9px 0; }
.location{ display: inline-block; float: right; font-size: 14px; color: #666666; }
.location a{ font-size: 14px; color: #666666; }
.location a:hover{ color: #ef6910; }

.order-content{padding:20px 30px;background:#fff;}
.order-content .order-line{color:#333;height:30px;line-height:30px;margin-bottom:12px;font-size:14px;}
.order-content .order-line:after{display:block;content:'';clear:both;height:0;width:0;}
.order-content .order-line lable{width:70px;margin-right:5px;display:inline-block;float:left;text-align:right;}
.order-content .order-line lable em{color:#f00;font-style:normal;margin-right:2px;}
.order-content .order-line .order-zhi{float:left;padding:10px;line-height:30px;padding:0px 10px;max-width:380px;border:1px solid #d2d2d2;}
.order-content .order-line .order-zhi.noborder{border:none;}
.order-content .order-line .order-zhi.overword{height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.order-line.bz-line{height:auto;}
.order-content .order-line .beizhu{padding:10px;float:left;border:1px solid #d2d2d2;}
.order-content .order-line .dwid{width:375px;}
.order-content .order-line img{display:inline-block;float:left;margin-left:15px;}
.order-content .go-sub{cursor:pointer;margin-left:75px;border:none;color:#fff;background:#1a7cd5;font-size:14px;padding:8px 28px;margin-top:8px;outline:none;}
.order-content .go-sub:hover{background:#0058b1;}

/*详情内页*/
iframe{height: 660px;}
#prev_next{overflow: hidden; clear: both; margin:15px 0;}
#prev_next li a{color: #666666; font-size: 16px;}
#prev_next li{width: 50%;float: left; color: #666666; font-size: 16px; margin-bottom: 8px;}
#prev_next li+li{text-align: right;}
#prev_next li:hover a{color: #5e5c5b;}
.t_news{ overflow: hidden; clear: both; }
#allmap{width:100%; box-sizing: border-box; height:460px;overflow:hidden;margin:20px 0;}
/* 媒体查询 */
@media screen and (max-width: 1900px) {
	#banner .swiper-slide .b1_img img{ width: 90%; }
	#banner .swiper-slide .b2_img img{ width: 96%; }
}
@media screen and (max-width: 1800px) {
	#banner .swiper-slide .b1_img img{ width: 89%; }
	#banner .swiper-slide .b2_img{ left: 56%; }
	#banner .swiper-slide .b2_img img{ width: 94%; }
	#banner .swiper-slide .b3_logo{ left: 44%; top:76px; }
	#banner .swiper-slide .b3_tit{ left: 44.5%; top:166px; }
	#banner .swiper-slide .b3_td{ left: 44%; top:234px; }
}
@media screen and (max-width: 1700px){
	#banner{ height: 520px; }
	#banner .swiper-slide .b1_img img{ width: 82%; }
	#banner .swiper-slide .b1_logo img{ width: 80%; }
	#banner .swiper-slide .b1_tit img{ width: 80%; }
	#banner .swiper-slide .b1_td img{ width: 80%; }
	#banner .swiper-slide .b1_zy img{ width: 80%; }
	#banner .swiper-slide .b2_img img{ width: 90%; }
	#banner .swiper-slide .b2_logo img{ width: 80%; }
	#banner .swiper-slide .b2_tit img{ width: 80%; }
	#banner .swiper-slide .b2_td img{ width: 80%; }
	#banner .swiper-slide .b2_b2_tel img{ width: 80%; }
	#banner .swiper-slide .b3_bg img{ width: 90%; }
	#banner .swiper-slide .b3_logo img{ width: 80%; }
	#banner .swiper-slide .b3_tit img{ width: 80%; }
	#banner .swiper-slide .b3_td img{ width: 80%; }
	.m-honor{ background-size: 20%; }
}
@media screen and (max-width: 1600px){
	#banner .swiper-slide .b1_img img{ width: 76%; }
}
@media screen and (max-width: 1500px){
	#banner .swiper-slide .b1_img{ left: 20px; }
	#banner .swiper-slide .b3_bg{ left: 30%; top:10px; }
	#banner .swiper-slide .b3_logo{ left: 40%; top:76px; }
	#banner .swiper-slide .b3_tit{ left: 40.5%; top:166px; }
	#banner .swiper-slide .b3_td{ left: 40%; top:234px; }
}
@media screen and (max-width: 1400px){
	#banner{ height: 460px; }
	#banner .swiper-slide .b1_img{ left: 20px; }
	#banner .swiper-slide .b1_logo{ left: 50%; top:100px; }
	#banner .swiper-slide .b1_tit{ left: 50%; top:150px; }
	#banner .swiper-slide .b1_td{ left: 50%; top:220px; }
	#banner .swiper-slide .b1_zy{ left: 50%; top:280px; }
	#banner .swiper-slide .b2_img{ left: 54%; bottom:0; }
	#banner .swiper-slide .b2_logo{ left: 21%; top:100px; }
	#banner .swiper-slide .b2_tit{ left: 21%; top:150px; }
	#banner .swiper-slide .b2_td{ left: 21%; top:220px; }
	#banner .swiper-slide .b2_tel{ left: 21%; top:280px; }
	#banner .swiper-slide .b3_bg{ left: 32%; top:10px; }
	#banner .swiper-slide .b3_logo{ left: 42%; top:56px; }
	#banner .swiper-slide .b3_tit{ left: 42%; top:140px; }
	#banner .swiper-slide .b3_td{ left: 41%; top:200px; }
	#banner .swiper-slide .b1_img img{ width: 68%; }
	#banner .swiper-slide .b1_logo img{ width: 70%; }
	#banner .swiper-slide .b1_tit img{ width: 70%; }
	#banner .swiper-slide .b1_td img{ width: 70%; }
	#banner .swiper-slide .b1_zy img{ width: 70%; }
	#banner .swiper-slide .b2_img img{ width: 78%; }
	#banner .swiper-slide .b2_logo img{ width: 70%; }
	#banner .swiper-slide .b2_tit img{ width: 70%; }
	#banner .swiper-slide .b2_td img{ width: 70%; }
	#banner .swiper-slide .b2_tel img{ width: 70%; }
	#banner .swiper-slide .b3_bg img{ width: 78%; }
	#banner .swiper-slide .b3_logo img{ width: 70%; }
	#banner .swiper-slide .b3_tit img{ width: 70%; }
	#banner .swiper-slide .b3_td img{ width: 70%; }
}
@media screen and (max-width: 1300px){
	#banner{ height: 420px; }
	#banner .swiper-slide .b1_img{ left: 10px; }
	#banner .swiper-slide .b2_img{ left: 56%; bottom:0; }
	#banner .swiper-slide .b3_bg{ left: 31%; top:10px; }
	#banner .swiper-slide .b1_img img{ width: 64%; }
	#banner .swiper-slide .b1_logo img{ width: 68%; }
	#banner .swiper-slide .b1_tit img{ width: 68%; }
	#banner .swiper-slide .b1_td img{ width: 68%; }
	#banner .swiper-slide .b1_zy img{ width: 68%; }
	#banner .swiper-slide .b2_img img{ width: 76%; }
	#banner .swiper-slide .b2_logo img{ width: 68%; }
	#banner .swiper-slide .b2_tit img{ width: 68%; }
	#banner .swiper-slide .b2_td img{ width: 68%; }
	#banner .swiper-slide .b2_tel img{ width: 68%; }
	#banner .swiper-slide .b3_bg img{ width: 76%; }
	#banner .swiper-slide .b3_logo img{ width: 68%; }
	#banner .swiper-slide .b3_tit img{ width: 68%; }
	#banner .swiper-slide .b3_td img{ width: 68%; }
	.search .form-control{ width:72%; }
}
@media screen and (max-width: 1200px){
	.h-top img{ max-width: 100%; }
	.h-nav li a{ padding:0 24px; }
	#banner img{ width: 100%; }
	.course_txt li .txt{ padding:0; min-height: 191px; }
	.course_show{ background: none; }
	.course_show .swiper-slide:after{ display: none; }
	.course_show .swiper-slide:nth-child(2):after,.course_show .swiper-slide:nth-child(4):after,.course_show .swiper-slide:nth-child(6):after,.course_show .swiper-slide:nth-child(8):after{ display: none; }
	.s-type > .hd, .s-contact > strong{ background: #6b6b66; padding-left: 0; text-align: center; }
	.f-link a{ margin-right: 40px; }
	.m-honor{ background: none; }
	.article p img{ max-width: 100%; }
	.o_product_order a{ padding:15px 26px; background: #ef6910; }
	.o_product_order a:nth-child(1){ background: #ef6910; }
	.o_product_order a:nth-child(2){ background: #605f5f; }
	.o_product_tel{ display: none; }
	#banner{ height: 400px; }
	#banner .swiper-slide .b1_img img{ width: 52%; }
	#banner .swiper-slide .b2_img{ left: 56%; bottom:0; }
	#banner .swiper-slide .b2_img img{ width: 72%; }
	#banner .swiper-slide .b2_logo{ left: 18%; }
	#banner .swiper-slide .b2_tit{ left: 18%; }
	#banner .swiper-slide .b2_td{ left: 18%; }
	#banner .swiper-slide .b3_img{ left: 28%; bottom:0; }
	#banner .swiper-slide .b3_bg img{ width: 70%; }
	#banner .swiper-slide .b1_logo img{ width: 64%; }
	#banner .swiper-slide .b1_tit img{ width: 64%; }
	#banner .swiper-slide .b1_td img{ width: 64%; }
	#banner .swiper-slide .b1_zy img{ width: 64%; }
	#banner .swiper-slide .b2_logo img{ width: 64%; }
	#banner .swiper-slide .b2_tit img{ width: 64%; }
	#banner .swiper-slide .b2_td img{ width: 64%; }
	#banner .swiper-slide .b2_tel img{ width: 64%; }
	#banner .swiper-slide .b3_logo img{ width: 64%; }
	#banner .swiper-slide .b3_tit img{ width: 64%; }
	#banner .swiper-slide .b3_td img{ width: 64%; }
	#banner .swiper-slide .b3_logo{ left: 42%; top:56px; }
	#banner .swiper-slide .b3_tit{ left: 42%; top:120px; }
	#banner .swiper-slide .b3_td{ left: 41%; top:180px; }
}
@media screen and (max-width: 992px){
	#banner{ opacity: 0; height: 0; }
	#m_banner{ opacity: 1; height: auto; }
	.h-top .text-right{ display: none; }
	.h-top .logo{ display: block; text-align: center; }
	.h-menu, .h-nav{ height: auto; }
	.h-nav li{ width: 25%; float: left; text-align: center; }
	.h-nav li a{ display: block; text-align: center; padding:0; }
	#m_banner img{ height: 360px; object-fit: cover; }
	.course_txt li{ margin-bottom: 30px; }
	.course_txt li:nth-child(3){ background: none; }
	.course_txt li .txt{ min-height: 142px; }
	.course_txt li .txt img{ margin:10px 0; }
	.course_show{ padding-top: 0; }
	.m-course{ background:#dfd3c3 url(../img/course_bg.jpg) no-repeat top center; }
	.course_tel > a{ margin-left: 0; margin-top: 15px; }
	.s-type{ margin-bottom: 20px; }
	.s-type .hd, .s-type > .bd div, .m-pro .s-type > .bd > a:last-child{ display: none; }		
	.s-type > .bd{ border: 0; padding:0; }
	.s-type > .bd .t_tit{ display: inline-block; width: 25%; float: left; }
	.s-contact{ display: none; }
	.i-tit{ padding:25px 0; background: none; }
	.i-tit h2{ background: url(../img/line.png) no-repeat center; }
	.i-tit p{ line-height: 1.5; padding:0 20px; }
	.m-case{ padding-bottom: 0; }
	.m-case .bd{ padding:0 15px; }
	.m-honor{ padding-bottom: 0; }
	.m-honor .i-tit{ padding:25px 0; }
	.f-nav{ display: none; }
	.f-link strong, .f-contact strong{ margin:15px 0; }
	.f-link div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.h-nav li .dropdown{ display: none; }
	.s-type > .bd div{ display: block; }
	.s-type > .bd .t_tit+div{ display: none; }
	.s-type > .bd .panel-collapse{ display: none; }
	.s-type > .bd .panel-group{ margin-bottom: 0; }
	.s-type > .bd .panel{ width: 25%; float: left; }
	.s-type > .bd .panel button .t_tit{ width: 100%; }
	.s-type > .bd .panel-default>.panel-heading .t_tit:after{ display: none; }
}
@media screen and (max-width: 768px){
	.h-top{ padding:28px 0; }
	.h-top .logo img{ max-width: 100%; }
    #m_banner img{ height: 280px; }
    .m-course{ padding:46px 0; }
    .course_show, .m-honor .bd{ padding:0 15px; }
    .f-copy{ margin-bottom: 52px; }
    .o_product_img{ width: 100%; margin-bottom: 20px; }
    .o_product_info{ width: 100%; padding-left: 0; }
    .g_info > .hd li{ margin-right: 0; width: 33.17%; margin-right: 1px; text-align: center; }
    .o_product_tel{ display: block; }
    .o_product_order a{ padding:15px 26px 15px 68px; background: #ef6910; }
    .o_product_order a:nth-child(1){ background: #ef6910 url(../img/ico-kf.png) no-repeat 20px center; }
    .o_product_order a:nth-child(2){ background: #605f5f url(../img/ico-car.png) no-repeat 20px center; margin-left: 15px; }
}
@media screen and (max-width: 640px){
	#m_banner img{ height: 210px; }
	#m_banner .swiper-pagination{ display: none; }
	.s-type > .bd .t_tit{ width: 50%; }
	.s-type > .bd .panel{ width: 50%; }
	.hot_pro .img{ width: 100%; }
	.hot_pro .txt{ width: 100%; }
	.h_list{ overflow: hidden; margin:0 -15px; }
	.g_info > .hd li{ padding:0; width: 33%; }
}
@media screen and (max-width: 414px){
	#m_banner img{ height: 140px; }
	.course_tel strong{ display: none; }
	.course_tel{ padding-top: 20px; }
	.m-course{ padding:24px 0; }
	.hot_list a .img, .pro a .img, .m-case .bd a .img, .m-honor .bd a .img{ height: 140px; }
	.m-honor .bd a p{ height: 42px; line-height: 42px; }
	.h_list li h3{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.h_list li .img{ height: 140px; }
	.location{ display: none; }
	.o_product_img .o_product_thumb{ height: 260px; }
	.o_product_order a{ padding:15px 26px 15px 56px; }
}