@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.product-list li a, .case-list .box .img, .news-list .box .img, .page-product-list li a, .page-demeanour-list li a, .page-honor-list li a { height: 0; padding-top: 100%; position: relative; display: block; }
.product-list li a img, .case-list .box .img img, .news-list .box .img img, .page-product-list li a img, .page-demeanour-list li a img, .page-honor-list li a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.product-list li span, .case-list .box .con h2, .news-list .box .con h2, .page-product-list li span, .page-demeanour-list li span, .page-honor-list li span, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */
/* page */
body { font-family: "微软雅黑"; color: #333333; }
h1, p, ul, h2 { padding: 0; margin: 0; }
a[href] { text-decoration: none; }
.top-wrap { margin-bottom: 5px; background: #FFFFFF; border: 0; }
.top-wrap .header { padding: 0; }
.top-wrap .logo { width: 100%; margin: 0; border-bottom: 1px solid #e7e7e7; }
.top-wrap .logo .navbar-toggle { margin-top: 0; margin-right: 10px; position: absolute; right: 0px; top: 44px; }
.top-wrap .logo h1 { width: 100%; height: 40px; padding: 3px 56px; }
.top-wrap .logo h1 a { height: 100%; display: block; text-indent: -500px; overflow: hidden; background: url(../images/logo.png) no-repeat center; background-size: contain; }
.search-wrap { display: none; }
.top-wrap .tel { margin-left: 10px; padding-left: 38px; background: url(../images/top-tel.png) no-repeat top left; background-size: auto 100%; color: #f48a20; font-weight: bold; font-size: 18px; line-height: 34px; margin-top: 4px; }
#nav-menu { background: #f48a20; color: #FFFFFF; }
#nav-menu > ul { margin-bottom: 0; }
#nav-menu > ul > li > a { color: #FFFFFF; font-size: 16px; }
#nav-menu li .sec-menu { display: none; }
#nav-menu .language { padding-bottom: 10px; background: url(../images/language.png) no-repeat top left; background-size: auto 80%; }
#nav-menu .language a { padding-left: 35px; color: #2626af; font-weight: bold; line-height: 28px; }
#banner .carousel-indicators { margin-bottom: 0; bottom: 0; }
#banner .carousel-indicators li { background: #FFFFFF; border: 0; }
#banner .carousel-indicators li.active { background: #f48a20; }
.tit01 { padding: 5px 0; text-align: center; background: url(../images/tit01.png) no-repeat center; background-size: contain; }
.tit01 h2 { margin-bottom: 5px; font-size: 18px; font-weight: bold; }
.tit01 p { font-family: arial; font-size: 12px; text-transform: uppercase; }
.product-wrap { margin-top: 25px; }
.product-wrap .container { margin-top: 10px; padding: 0; }
.product-wrap .tab-tit { text-align: center; }
.product-wrap .tab-tit a { display: inline-block; width: 34%; line-height: 36px; text-align: center; color: #FFFFFF; font-size: 15px; background: #fb0542; }
.product-wrap .tab-tit a.active { background: #f48a20; }
.product-wrap .tab-con { margin-top: 10px; }
.product-wrap .tab-con .product-list { display: none; }
.product-wrap .more { text-align: center; }
.product-wrap .more a { width: 30%; line-height: 34px; display: inline-block; background: #f48a20; text-align: center; color: #FFFFFF; }
.product-list { overflow: hidden; }
.product-list li { width: 48%; margin: 0 1%; margin-bottom: 15px; float: left; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); }
.product-list li a { padding-top: 64.4%; }
.product-list li span { line-height: 30px; padding: 0 10px; text-align: center; color: #FFFFFF; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(255, 140, 0, 0.7); }
.why-wrap { margin-top: 25px; padding: 25px 0; background: #f48a20; }
.why-wrap .tit01 { color: #FFFFFF; }
.why-wrap .why-con { margin-top: 15px; overflow: hidden; }
.why-wrap .why-con .box { width: 48%; margin: 0 1%; margin-bottom: 15px; float: left; }
.why-wrap .why-con .img img { width: 100%; }
.why-wrap .why-con .con { height: 120px; padding: 10px 5px; background: #FFFFFF; text-align: center; overflow: hidden; }
.why-wrap .why-con .con h2 { margin-bottom: 10px; font-size: 16px; }
.why-wrap .why-con .con p { line-height: 24px; }
.why-wrap .why-con .box02, .why-wrap .why-con .box04 { display: flex; flex-direction: column-reverse; }
.why-wrap .quality-con { margin-top: 15px; }
.why-wrap .quality-con .top { padding-left: 10px; padding-bottom: 5px; border-left: 4px solid #FFFFFF; color: #FFFFFF; }
.why-wrap .quality-con .top .tit h2 { font-size: 20px; }
.why-wrap .quality-con .top .con { margin-top: 15px; }
.why-wrap .quality-con .top .con p { line-height: 24px; }
.why-wrap .quality-con .bottom { padding-left: 10px; border-left: 4px solid #7f7f7f; padding-top: 20px; padding-bottom: 5px; font-size: 16px; font-weight: bold; color: #FFFFFF; }
.about-wrap { padding: 25px 0; }
.about-wrap .container { margin-top: 15px; }
.about-wrap .container .box { margin-bottom: 10px; padding: 15px 10px 15px 10px; border-radius: 4px; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); }
.about-wrap .container .box .con { margin-bottom: 10px; }
.about-wrap .container .box .con .txt h2 { margin-bottom: 5px; font-size: 20px; }
.about-wrap .container .box .con .txt p { line-height: 24px; }
.about-wrap .container .box .img img { width: 100%; }
.about-wrap .container .box .btn { text-align: right; display: block; padding: 0; margin: 0; }
.about-wrap .container .box .btn a { width: 100px; line-height: 30px; background: #f48a20; color: #FFFFFF; text-align: center; display: inline-block; }
.about-wrap .container .box01 { background: url(../images/about1.png) no-repeat right top #f48a20; background-size: 30%; color: #FFFFFF; }
.about-wrap .container .box01 .img { display: none; }
.about-wrap .container .box01 .btn a { background: #FFFFFF; color: #f48a20; }
.about-wrap .container .box05 { margin-bottom: 0; }
.case-wrap { padding: 25px 0; padding-bottom: 5px; background: #f2f2ef; }
.case-wrap .case-list { margin-top: 15px; }
.case-list .box { margin-bottom: 15px; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); }
.case-list .box a { display: block; }
.case-list .box .img { padding-top: 73.68%; }
.case-list .box .con { padding: 10px 10px; padding-top: 10px; background: #FFFFFF; position: relative; }
.case-list .box .con h2 { margin-bottom: 22px; font-size: 16px; color: #333333; }
.case-list .box .con p { line-height: 30px; color: #999999; }
.case-list .box .con span { position: absolute; right: 10px; bottom: 10px; width: 100px; line-height: 30px; text-align: center; color: #f48a20; box-shadow: 0 0 4px rgba(153, 153, 153, 0.35); }
.news-wrap { margin-top: 20px; }
.news-wrap .container { margin-top: 15px; }
.news-list .box { margin-bottom: 15px; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); }
.news-list .box a { display: block; }
.news-list .box .img { padding-top: 64.285%; }
.news-list .box .con { margin-top: 15px; padding: 0 10px 10px 10px; overflow: hidden; }
.news-list .box .con h2 { margin-bottom: 10px; font-size: 18px; color: #333333; }
.news-list .box .con p { margin-bottom: 10px; color: #666666; }
.news-list .box .con span { width: 100px; line-height: 30px; margin-right: 5px; text-align: center; color: #f48a20; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); float: right; display: inline-block; }
.contact-wrap { margin-top: 10px; padding: 20px 0; background: #f2f2ef; }
.contact-wrap .container { margin-top: 15px; }
.contact-wrap .container .con-btn .img img { width: 100%; }
.contact-wrap .container .con-btn .con { padding: 10px 10px; background: url(../images/contact-bg.jpg) no-repeat bottom right #f48a20; color: #FFFFFF; }
.contact-wrap .container .con-btn .con .tit { font-size: 18px; margin-bottom: 10px; }
.contact-wrap .container .con-btn .con .txt { max-height: 80px; margin-bottom: 15px; overflow: hidden; }
.contact-wrap .container .con-btn .con .btn { padding: 0; margin: 0; display: block; text-align: right; }
.contact-wrap .container .con-btn .con .btn a { width: 100px; line-height: 30px; text-align: center; color: #f48a20; display: inline-block; box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); background: #FFFFFF; }
.contact-wrap .container .con-tel { margin-top: 15px; text-align: center; }
.contact-wrap .container .con-tel .tit { font-size: 20px; }
.contact-wrap .container .con-tel .txt h3 { margin-top: 10px; margin-bottom: 0px; font-size: 18px; }
.contact-wrap .container .con-tel .txt p { font-size: 16px; }
.contact-wrap .container .con-tel .btns { margin-top: 10px; }
.contact-wrap .container .con-tel .btns a { width: 100px; line-height: 30px; display: inline-block; color: #FFFFFF; }
.contact-wrap .container .con-tel .btns .btn01 { background: #6cb667; }
.contact-wrap .container .con-tel .btns .btn02 { background: #fb0542; }
.footer-wrap { padding-top: 15px; padding-bottom: 10px; background: #f48a20; color: #FFFFFF; }
.footer-wrap .f-nav .tit, .footer-wrap .f-menu .tit, .footer-wrap .f-contact .tit { margin-bottom: 5px; font-size: 18px; }
.footer-wrap .f-nav { margin-bottom: 15px; }
.footer-wrap .menu-list a { margin-right: 4px; color: #FFFFFF; display: inline-block; }
.footer-wrap .f-menu .tit { margin-bottom: 8px; }
.footer-wrap .f-menu .menu-list dl { margin-bottom: 10px; }
.footer-wrap .f-menu .menu-list dt { margin-bottom: 5px; }
.footer-wrap .f-menu .menu-list dt h2 { font-size: 16px; }
.footer-wrap .f-contact { margin-top: 15px; }
.footer-wrap .f-contact p { padding-left: 22px; }
.footer-wrap .f-contact .item01 { background: url(../images/f-con1.png) no-repeat center left; }
.footer-wrap .f-contact .item02 { background: url(../images/f-con2.png) no-repeat center left; }
.footer-wrap .f-contact .item03 { background: url(../images/f-con3.png) no-repeat center left; }
.footer-wrap .f-contact .item04 { background: url(../images/f-con4.png) no-repeat center left; }
.footer-wrap .f-qr { margin-top: 15px; text-align: center; }
.footer-wrap .f-qr img { max-width: 100%; }
.fixed-ad { position: fixed; right: 5px; bottom: 20%; width: 50px; }
.fixed-ad img { width: 100%; }
.fixed-ad a { display: block; }
.crumbs { border-bottom: 1px solid #dddddd; padding-top: 8px; padding-bottom: 8px; white-space: nowrap; overflow-x: auto; color: #666666; font-size: 12px; }
.crumbs span { padding-left: 20px; background: url(../images/home.png) no-repeat center left; }
.crumbs a { color: #666666; display: inline-block; }
.crumbs a:last-child { margin-right: 5px; }
.main { background: #f7f7f5; padding-bottom: 20px; }
.side-tel, .side-tit { display: none; }
.side-menu { padding: 5px 0; }
.side-menu .menu-list { overflow: hidden; }
.side-menu .menu-list > li { line-height: 20px; margin-right: 10px; float: left; }
.side-menu .menu-list > li > a { color: #333333; }
.side-menu .menu-list > li .toggle { width: 18px; height: 18px; display: inline-block; vertical-align: middle; background: url(../images/arrow.png) no-repeat center; }
.side-menu .menu-list .sec-menu {padding: 10px 20px;display: none;position: absolute;left: 0;right: 0;background: #f48a20;font-size: 0;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);z-index: 2;}
.side-menu .menu-list .sec-menu li { display: inline-block; width: 50%; }
.side-menu .menu-list .sec-menu a { color: #FFFFFF; font-size: 14px; }
.main-r .content { margin-top: 15px; }
.page-product-list li, .page-demeanour-list li, .page-honor-list li { margin-bottom: 45px; }
.page-product-list li a, .page-demeanour-list li a, .page-honor-list li a { padding-top: 71.42857%; color: #666666; box-shadow: 0 0 8px rgba(0, 0, 0, 0.35); }
.page-product-list li span, .page-demeanour-list li span, .page-honor-list li span { line-height: 35px; padding: 0 5px; text-align: center; }
.main-menu { margin-bottom: 15px; margin-top: 10px; padding: 5px 0; overflow-x: auto; white-space: nowrap; }
.main-menu a { margin-right: 5px; padding: 3px 5px; background: #FFFFFF; display: inline-block; color: #333333; border: 1px solid #dddddd; border-radius: 6px; }
.main-menu a:last-child { padding-right: 8px; }
.main-menu a.active { background: #f48a20; color: #FFFFFF; border-color: #f48a20; }
.main-tit { margin-top: 15px; }
.page-case-list { margin-top: 15px; }
.page-news-list { margin-top: 15px; }
.pro-det .img { box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); position: relative;}
.pro-det .img img { width: 100%; }
.pro-det .con .tit { margin-top: 15px; font-size: 16px; font-weight: bold; }
.pro-det .con .txt { margin-top: 15px; }
.pro-det .con .txt p { margin-bottom: 5px; }
.pro-tit { margin-top: 15px; margin-bottom: 15px; border: 1px solid #f48a20; overflow: hidden; font-size: 0; }
.pro-tit h2 { width: 50%; line-height: 40px; background: #f48a20; color: #FFFFFF; text-align: center; font-size: 14px; float: left; }
.pro-tit a { width: 50%; line-height: 40px; float: right; text-align: center; color: #f48a20; background: #FFFFFF; font-size: 14px; }
.detail-box { margin-top: 15px; }
.detail-box p { line-height: 24px; margin-bottom: 5px; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.text-title { margin-bottom: 15px; padding-top: 15px; text-align: center; }
.text-title h1 { margin-bottom: 10px; font-size: 18px; }
.text-title p { padding: 5px 0; border: 1px solid #dddddd; border-left: 0; border-right: 0; font-size: 12px; }
.text-title p span { margin: 0 5px; display: inline-block; }
.hot-search { margin-top: 20px; color: #666666; }
.turn-page { margin-top: 35px; color: #999999; border: 2px solid #dddddd; border-left: 0; border-right: 0; overflow: hidden; }
.turn-page p { line-height: 36px; border-radius: 5px; overflow: hidden; }
.turn-page p span { float: left; }
.turn-page p a { max-width: 80%; float: left; }
.turn-page a { color: #666666; }
.turn-page a:hover { color: #f48a20; }
.page-about .img img { width: 100%; }
.page-about .con { margin-top: 15px; }
.page-about .con .tit { padding-bottom: 30px; background: url(../images/page-about-tit.png) no-repeat left bottom; }
.page-about .con .tit p { font-size: 24px; font-weight: bold; color: #eeecec; text-transform: uppercase; }
.page-about .con .tit h2 { font-size: 24px; color: #f48a20; }
.page-about .con .tit h2 span { color: #69b763; }
.page-about .con .txt { margin-top: 10px; color: #666666; }
.page-culture .img img { width: 100%; }
.page-culture .cul-r { margin-top: 15px; }
.page-culture .cul-r .tit h2 { margin-bottom: 3px; font-size: 24px; }
.page-culture .cul-r .tit p { margin-bottom: 0; font-size: 16px; text-transform: uppercase; }
.page-culture .cul-r .con { margin-top: 20px; }
.page-culture .cul-r .con .box { overflow: hidden; }
.page-culture .cul-r .con .box .icon { width: 50px; padding-top: 15px; float: left; }
.page-culture .cul-r .con .box .txt { width: 80%; padding-top: 15px; padding-bottom: 20px; padding-left: 15px; border-left: 1px solid #333333; float: right; }
.page-culture .cul-r .con .box .txt h2 { margin-bottom: 5px; font-size: 18px; }
.page-tit h2 { font-size: 24px; font-weight: bold; text-align: center; }
.page-tit02 { width: 240px; margin: 0 auto; }
.page-tit02 span { margin-bottom: 10px; display: block; text-align: center; }
.page-tit02 h2 { line-height: 40px; border: 1px solid #333333; font-size: 20px; font-weight: bold; text-align: center; border-left: 0; border-right: 0; }
.page-service .box { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #dddddd; }
.page-service .box .txt { margin-top: 10px; }
.page-contact .con-l { padding: 10px; background: #f48a20; color: #FFFFFF; }
.page-contact .con-l .con-tit { font-size: 18px; }
.page-contact .con-l .con-det { margin-top: 15px; }
.page-contact .con-l .con-det .tit { width: 120px; line-height: 30px; margin: 0 auto; font-size: 16px; background: #FFFFFF; text-align: center; color: #333333; border-radius: 20px; }
.page-contact .con-l .con-det .txt { margin-top: 10px; }
.page-contact .con-l .con-det .txt p { padding-left: 23px; }
.page-contact .con-l .con-det .txt .item01 { background: url(../images/p-contact1.png) no-repeat center left; }
.page-contact .con-l .con-det .txt .item02 { background: url(../images/p-contact2.png) no-repeat center left; }
.page-contact .con-l .con-det .txt .item03 { background: url(../images/p-contact3.png) no-repeat center left; }
.page-contact .con-l .con-det .txt .item04 { background: url(../images/p-contact4.png) no-repeat center left; }
.page-contact .con-l .con-det .txt .item05 { background: url(../images/p-contact5.png) no-repeat center left; }
.page-contact .con-l .con-det .txt .item06 { background: url(../images/p-contact6.png) no-repeat center left; }
.page-contact .map img { max-width: 100%; }
.page-message .form-group { margin-bottom: 20px; }
.page-message .form-group label { display: block; }
.page-message .form-group.sub-btn input { background-color: #f48a20; color: #FFFFFF; border: 0; }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
.page { clear: both; padding: 20px 0 40px; text-align: center; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px; }
.page a:hover { background: #f48a20; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #f48a20; border: 1px solid #f48a20; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
/*search-body*/
.search-body { padding: 80px 0px 40px 0px; border-bottom: 1px solid #ddd; }
.search-body .search-wrap { float: none; margin: 0 auto; display: block; }
.search-body .search-wrap { width: 100%; height: 40px;/* margin-left: 45px; *//* margin-top: 44px; */ display: block; float: left; background: #f48a20; font-size: 0; }
.search-body .search-wrap .sear-txt, search-form .sear-txt { width: 82%; height: 40px; padding-left: 20px; border: 2px solid #f48a20; font-size: 16px; }
.search-body .search-wrap .sear-txt::-webkit-input-placeholder, search-form .sear-txt::-webkit-input-placeholder {
color: #999999;
}
.search-body .search-wrap .sear-btn { width: 50px; height: 40px; border: 0; background: url(../images/search.png) no-repeat center; }
.s-model { margin-bottom: 25px; text-align: center; }
.s-model a { font-size: 14px; margin: 0 10px; }
.s-model .on { color: #016bda; font-weight: bold; }
.jg { line-height: 40px; font-size: 14px; border-bottom: 1px solid #ddd; }
.jg span { color: #016bda; font-weight: bold; }
.sjg { line-height: 30px; font-size: 14px; }
.sjg span { color: #016bda; font-weight: bold; }
.sr-list { padding: 30px 0; }
.sr-list li { line-height: 38px; *line-height: 34px;
border-bottom: 1px dotted #ccc; }
.sr-list .date { color: #666; float: right; }
.sr-list a { display: block; position: relative; width: 80%; padding-left: 16px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-list a:before { content: ''; position: absolute; width: 4px; height: 4px; left: 5px; top: 17px; background: #016bda; }
.pro-det .img .zoomWrapper { display: none; }
.pro-img .swiper-slide img {
    width: 100%;
}
.pro-img .swiper-slide {
	display: block;
	width: 100%;
}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{height:350px;border:1px solid #DFDFDF;display: none;}
.spec-scroll{clear:both;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


 @media screen and (min-width: 768px) {
.top-wrap .logo { width: 42%; border-bottom: 0; }
.top-wrap .logo h1[class] { height: 50px; margin-left: 0; padding: 0; }
.top-wrap .tel { height: 40px; padding-left: 47px; float: right; font-size: 24px; }
#nav-menu { position: relative; }
#nav-menu > ul > li > a { padding: 8px 6px; }
#nav-menu .language { line-height: 36px; padding-bottom: 0; position: absolute; right: 15px; background-position: left center; }
#nav-menu .language a { padding-left: 30px; }
.tit01 h2 { font-size: 34px; font-weight: normal; }
.product-wrap .tab-tit a { width: 180px; line-height: 50px; font-size: 22px; }
.product-list li { margin-top: 8px; }
.product-list li span { font-size: 16px; line-height: 50px; }
.product-wrap .container { margin-top: 20px; }
.product-wrap .tab-con { margin-top: 15px; }
.product-wrap .more a { width: 140px; line-height: 40px; }
.why-wrap .why-con .box { width: 23%; }
.about-wrap .container .box01 { background-size: auto; }
.about-wrap .container .box02, .about-wrap .container .box04 { overflow: hidden; }
.about-wrap .container .box02 .con, .about-wrap .container .box04 .con { width: 40%; padding-right: 15px; float: left; }
.about-wrap .container .box02 .img, .about-wrap .container .box04 .img { width: 60%; float: right; }
.about-wrap .container .box03, .about-wrap .container .box05 { overflow: hidden; }
.about-wrap .container .box03 .con, .about-wrap .container .box05 .con { width: 40%; padding-left: 15px; float: right; }
.about-wrap .container .box03 .img, .about-wrap .container .box05 .img { width: 60%; float: left; }
.case-list, .news-list { overflow: hidden; }
.case-list .box, .news-list .box { width: 48%; margin: 0 1%; margin-bottom: 15px; float: left; }
.contact-wrap .container .con-tel .tit { font-size: 30px; }
.contact-wrap .container .con-tel .txt h3 { font-size: 24px; }
.contact-wrap .container .con-tel .txt p { font-size: 20px; }
.page-product-list, .page-demeanour-list, .page-honor-list { overflow: hidden; }
.page-product-list li, .page-demeanour-list li, .page-honor-list li { width: 31.33%; margin: 0 1%; margin-bottom: 35px; margin-top: 8px; float: left; }
.page-demeanour-list li, .page-honor-list li { width: 23%; }
.page-case-list .box { width: 31.33%; }
.crumbs { border-bottom: 0; }
.pro-det { overflow: hidden; }
.pro-det .img, .pro-det .det-l { width: 460px; margin-right: 33px; float: left; }
.pro-det .con { overflow: hidden; }
.pro-det .con .tit { margin-top: 0; }
.pro-tit { margin-top: 40px; margin-bottom: 30px; }
.detail-box p { line-height: 30px; }
.detail-box.case, .hot-search { padding: 0 30px; }
.page-about { overflow: hidden; }
.page-about .img { width: 50%; float: left; }
.page-about .con { width: 45%; margin-top: 0; float: right; }
.page-culture { overflow: hidden; }
.page-culture .img { width: 56%; float: left; }
.page-culture .cul-r { width: 40%; margin-top: 0; float: right; }
.page-contact .con-l { padding: 20px; }
}
 @media screen and (min-width: 992px) {
body { overflow-x: hidden; }
.top-wrap { height: 120px; margin-bottom: 0; }
.top-wrap .logo { width: 475px; height: 60px; margin-top: 30px; }
.top-wrap .logo h1[class] { height: 60px; }
.top-wrap .tel { line-height: 24px; height: auto; margin-top: 26px; padding-top: 42px; padding-left: 52px; background-size: 66px; }
#nav-menu { height: 70px !important; position: static; }
#nav-menu > ul { float: none; margin: 0 auto; padding-right: 0; }
#nav-menu > ul > li > a { font-weight: bold; padding: 25px 26px; }
#nav-menu > ul > li:hover a { color: #d42952; background: none; }
#nav-menu .language { margin-left: 86%; margin-top: -174px; right: auto; }
.fixed-ad { width: 80px; }
.crumbs { padding: 19px 0; font-size: 14px; border: 0; }
.crumbs a:hover { color: #d42952; }
.crumbs span { padding-left: 25px; }
.side-menu { padding-top: 20px; }
.side-menu .menu-list .sec-menu { width: 300px; margin-top: 10px; left: auto; right: auto; }
.side-menu .menu-list > li .toggle:hover { cursor: pointer; }
.side-menu .menu-list > li > a { font-size: 16px; }
.side-menu .menu-list > li { line-height: 21px; }
.side-menu .menu-list > li .toggle { vertical-align: initial; }
.main-tit { margin-top: 44px; }
.page-case-list { margin-top: 35px; }
.text-title { padding-top: 40px; }
.text-title h1 { margin-bottom: 15px; }
.text-title p { padding: 10px 0; font-size: 14px; }
.hot-search { margin-top: 40px; }
.turn-page { margin-top: 20px; }
.page-about .img { width: 454px; }
.page-service .box .txt { margin-top: 40px; }
.page-service .box { padding-bottom: 40px; }
.jqzoom {
    width: 100%;
    height: 100%;
}
.spec-preview {
    display: block;
    height: 400px;
}
.jqzoom img {
	width: 100%;
    height: 100%;
}

}
 @media screen and (min-width: 1200px) {
.container { width: 1200px; padding: 0; }
.search-wrap { width: 360px; height: 40px; margin-left: 45px; margin-top: 44px; display: block; float: left; background: #f48a20; font-size: 0; }
.search-wrap .sear-txt, search-form .sear-txt { width: 310px; height: 40px; padding-left: 20px; border: 2px solid #f48a20; font-size: 16px; }
.search-wrap .sear-txt::-webkit-input-placeholder, search-form .sear-txt::-webkit-input-placeholder {
color: #999999;
}
.search-wrap .sear-btn, search-form .sear-btn { width: 50px; height: 40px; border: 0; background: url(../images/search.png) no-repeat center; }
#nav-menu > ul > li > a { padding: 25px 32px; }
#nav-menu > ul > li.item01 > a { padding-left: 0; }
#nav-menu .language { margin-top: -52px; font-size: 16px; background-size: 36px; }
#nav-menu .language a { padding-left: 46px; }
#banner .carousel-indicators { bottom: 3px; }
#banner .carousel-indicators li { width: 20px; height: 20px; margin: 0 10px; }
.product-wrap { margin-top: 80px; }
.product-wrap .tit01 { padding: 8px 0; }
.product-wrap .container { margin-top: 40px; }
.product-wrap .tab-tit a { margin: 0 30px; }
.product-wrap .tab-con { margin-top: 22px; }
.product-wrap .more { margin-top: 40px; }
.product-list li { width: 580px; margin-left: 12px; margin-right: 8px; }
.why-wrap { height: 1030px; padding-top: 150px; padding-bottom: 0; margin-top: 60px; background: url(../images/why-bg.png) no-repeat center top; }
.why-wrap .why-con { height: 292px; margin-top: 55px; }
.why-wrap .why-con .box { width: 245px; margin: 0 25px; }
.why-wrap .why-con .box .con { height: 170px; padding-top: 0; padding-left: 10px; padding-right: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.why-wrap .why-con .box .con h2 { margin-top: 30px; margin-bottom: 14px; font-size: 24px; }
.why-wrap .why-con .box02 .con, .why-wrap .why-con .box04 .con { border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.why-wrap .why-con .box01 { margin-left: 20px; }
.why-wrap .why-con .box04 { margin-right: 20px; }
.why-wrap .quality-con { margin-top: 98px; }
.why-wrap .quality-con .top { padding-top: 10px; padding-bottom: 10px; }
.why-wrap .quality-con .top .tit h2 { font-size: 48px; }
.why-wrap .quality-con .top .con { margin-top: 50px; }
.why-wrap .quality-con .top .con p { line-height: 34px; font-size: 20px; }
.why-wrap .quality-con .bottom { padding-top: 90px; }
.why-wrap .quality-con .bottom p { font-size: 32px; color: #7f7f7f; }
.about-wrap { margin-top: 78px; padding-top: 0; padding-bottom: 0; }
.about-wrap .tit01 { height: 77px; padding: 9px 0; background-image: url(../images/about-tit.png); background-size: auto; }
.about-wrap .tit01 h2 { margin-top: 4px; }
.about-wrap .container { margin-top: 35px; }
.about-wrap .container .box { width: 400px; height: 260px; margin: 0; padding: 0; float: left; box-shadow: none; border-radius: 0; background-color: #f2f2ef; }
.about-wrap .container .box .con { width: 400px; margin-bottom: 0; padding-top: 40px; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; }
.about-wrap .container .box .con .txt { height: 180px; overflow: hidden; }
.about-wrap .container .box .con .txt h2 { font-size: 24px; margin-bottom: 14px; }
.about-wrap .container .box .img { width: 400px; overflow: hidden; }
.about-wrap .container .box .img img { height: 100%; transition: .3s linear transform; }
.about-wrap .container .box .img:hover img { transform: scale(1.1); }
.about-wrap .container .box .btn { border: 0; }
.about-wrap .container .box01 { background-color: #f48a20; }
.about-wrap .container .box01 .con { padding-right: 20px; }
.about-wrap .container .box01 .con .txt h2 { margin-bottom: 5px; }
.about-wrap .container .box02, .about-wrap .container .box04, .about-wrap .container .box05 { width: 800px; }
.about-wrap .container .box03 { height: 520px; }
.about-wrap .container .box04 .con { float: right; }
.about-wrap .container .box04 .img { float: left; }
.about-wrap .container .box05 .con { float: left; }
.about-wrap .container .box05 .img { float: right; }
.case-wrap { margin-top: 60px; padding-top: 40px; padding-bottom: 10px; }
.case-wrap .tit01 { height: 77px; background-image: url(../images/case-tit.png); }
.case-wrap .tit01 h2 { margin-top: 10px; }
.case-wrap .case-list { margin-top: 30px; }
.case-list .box { width: 370px; margin-right: 8px; margin-left: 29px; margin-bottom: 30px; }
.case-list .box .con { padding: 20px 20px 10px 20px; }
.case-list .box .con span:hover { background: #f48a20; color: #FFFFFF; }
.case-list .box:hover .con h2 { color: #f48a20; }
.case-list .box01, .case-list .box04 { margin-left: 8px; }
.news-wrap { margin-top: 80px; }
.news-wrap .tit01 { height: 77px; background-image: url(../images/news-tit.png); }
.news-wrap .tit01 h2 { margin-top: 10px; }
.news-wrap .container { margin-top: 30px; }
.news-list .box { width: 555px; margin-bottom: 23px; box-shadow: none; margin-left: 66px; margin-right: 8px; }
.news-list .box a { overflow: hidden; }
.news-list .box .img { width: 260px; margin-right: 20px; padding-top: 180px; float: left; }
.news-list .box .con { width: 270px; padding-right: 0; padding-left: 0; overflow: hidden; }
.news-list .box .con h2 { margin-bottom: 14px; font-size: 16px; }
.news-list .box .con p { height: 84px; }
.news-list .box .con span { float: none; margin-left: 8px; }
.news-list .box:hover .con h2 { color: #f48a20; }
.news-list .box:hover .con span:hover { background: #f48a20; color: #FFFFFF; }
.news-list .box.box01, .news-list .box.box03 { margin-left: 8px; }
.contact-wrap { min-height: 972px; margin-top: 20px; padding-top: 44px; padding-bottom: 20px; background: url(../images/contact-bg2.png) no-repeat center top #f2f2ef; }
.contact-wrap .tit01 { height: 77px; background-image: url(../images/news-tit.png); }
.contact-wrap .tit01 h2 { margin-top: 10px; }
.contact-wrap .container { margin-top: 0; }
.contact-wrap .container .con-btn { margin-top: 35px; overflow: hidden; }
.contact-wrap .container .con-btn .img { width: 800px; float: left; }
.contact-wrap .container .con-btn .con { width: 400px; height: 330px; padding-top: 60px; padding-left: 50px; padding-right: 60px; float: right; }
.contact-wrap .container .con-btn .con .tit { margin-bottom: 15px; font-size: 24px; }
.contact-wrap .container .con-btn .con .txt { height: 125px; max-height: none; }
.contact-wrap .container .con-btn .con .txt p { line-height: 22px; }
.contact-wrap .container .con-btn .con .btn { text-align: left; }
.contact-wrap .container .con-tel { margin-top: 100px; }
.contact-wrap .container .con-tel .tit { font-size: 46px; }
.contact-wrap .container .con-tel .txt h3 { margin-top: 25px; font-size: 34px; }
.contact-wrap .container .con-tel .txt p { margin-top: 10px; font-size: 24px; }
.contact-wrap .container .con-tel .btns { margin-top: 15px; }
.contact-wrap .container .con-tel .btns a { width: 120px; line-height: 50px; margin: 0 10px; font-size: 18px; }
.footer-wrap { margin-top: -95px; padding-bottom: 0; background: url(../images/footer-bg.png) no-repeat center top; background-size: cover; padding-top: 130px; }
.footer-wrap .f-nav { width: 120px; float: left; }
.footer-wrap .f-menu { width: 340px; margin-left: 120px; float: left; }
.footer-wrap .f-menu .menu-list { overflow: hidden; }
.footer-wrap .f-contact { width: 280px; margin-top: 0; margin-left: 60px; float: left; }
.footer-wrap .f-qr { width: 152px; margin-top: 0; float: right; }
.footer-wrap .menu-list a { margin-right: 0; line-height: 30px; padding-left: 20px; display: block; background: url(../images/f-menu.png) no-repeat center left; }
.footer-wrap .menu-list a:hover { color: #d42952; }
.footer-wrap .f-nav .tit, .footer-wrap .f-menu .tit, .footer-wrap .f-contact .tit { font-size: 16px; margin-bottom: 25px; }
.footer-wrap .f-menu .menu-list dt h2 { line-height: 30px; }
.footer-wrap .f-menu .menu-list dl { width: 110px; margin-right: 60px; float: left; }
.footer-wrap .f-contact p { margin-bottom: 10px; }
.main { padding-bottom: 100px; }
.side { width: 270px; padding-top: 60px; float: left; }
.main-r { width: 900px; padding-top: 60px; float: right; overflow: hidden; }
.main-r .content { margin-top: 0; }
.side-menu { padding-top: 0; }
.side-tit, .side-tel { display: block; }
.side-tit { height: 99px; background: url(../images/side-tit.png) no-repeat center top; padding-top: 60px; }
.side-tit h2 { font-size: 18px; font-weight: bold; text-align: center; color: #FFFFFF; }
.side-menu { margin-top: 10px; padding-bottom: 0; background: #FFFFFF; }
.side-menu .menu-list > li { line-height: 40px; float: none; margin: 0; }
.side-menu .menu-list > li .toggle { display: none; }
.side-menu .menu-list > li a { border-bottom: 1px solid #dddddd; padding: 0 20px; display: block; }
.side-menu .menu-list > li:hover > a { background: #f48a20; color: #FFFFFF; }
.side-menu .menu-list > li.active > a { background: #f48a20; color: #FFFFFF; }
.side-menu .menu-list > li.active .sec-menu { display: block; }
.side-menu .menu-list > li.active .sec-menu li { line-height: 30px; }
.side-menu .menu-list > li.active .sec-menu li.active a { background-position: 20px 3px; background-color: #f48a20; color: #FFFFFF; }
.side-menu .menu-list .sec-menu { width: 100%; position: static; background: none; box-shadow: none; padding: 0; margin: 0; }
.side-menu .menu-list .sec-menu li { width: 100%; display: block; }
.side-menu .menu-list .sec-menu li a { padding-left: 35px; color: #333333; background: url(../images/side-menu.png) no-repeat center left; background-position: 20px -25px; }
.side-menu .menu-list .sec-menu li a:hover { background-position: 20px 3px; background-color: #f48a20; color: #FFFFFF; }
.side-tel { padding: 10px; background: #f48a20; color: #FFFFFF; font-size: 24px; font-weight: bold; }
.side-tel .tit { margin-bottom: 4px; letter-spacing: 2px; font-size: 24px; font-weight: bold; text-align: center; }
.side-tel .tel { padding-left: 40px; letter-spacing: 3px; background: url(../images/side-tel.png) no-repeat center left; }
.page-product-list, .page-demeanour-list, .page-honor-list { margin-left: -3px; }
.page-product-list li, .page-demeanour-list li, .page-honor-list li { width: 280px; margin-left: 11px; margin-bottom: 70px; }
.page-product-list li span, .page-demeanour-list li span, .page-honor-list li span { line-height: 14px; margin-top: 20px; }
.page-product-list li:hover span, .page-demeanour-list li:hover span, .page-honor-list li:hover span { color: #f48a20; }
.main-menu { margin-top: 20px; margin-bottom: 0; padding: 0; font-size: 0; }
.main-menu a { min-width: 120px; line-height: 50px; padding: 0 12px; padding-left: 45px; margin-right: 40px; font-size: 16px; font-weight: bold; background: url(../images/main-menu.png) no-repeat center #FFFFFF; background-position: 12px 16px; }
.main-menu a.active, .main-menu a:hover { background: url(../images/main-menu.png) no-repeat center #f48a20; background-position: 12px -33px; color: #FFFFFF; border-color: #f48a20; }
.content { overflow: hidden; }
.page-demeanour-list, .page-honor-list { margin-top: 70px; margin-left: -1px; }
.page-demeanour-list li, .page-honor-list li { margin-left: 8px; }
.crumbs { padding: 19px 0; }
.page-news-list { margin-top: 40px; }
.page-news-list .box { width: 100%; margin: 0; margin-bottom: 20px; padding: 20px 0; float: none; background: #FFFFFF; }
.page-news-list .box .img { margin-right: 40px; }
.page-news-list .box .con { width: auto; margin-top: 0; padding-right: 40px; padding-bottom: 0; }
.page-news-list .box .con h2 { margin-bottom: 18px; font-size: 18px; }
.page-news-list .box .con p { line-height: 22px; height: 95px; }
.page-news-list .box .con span { margin-bottom: 8px; float: right; }
.pro-det .img { margin-top: 8px; margin-bottom: 8px; margin-left: 8px; }
.pro-det .con { margin-top: 8px; height: 400px; overflow: hidden; }
.pro-det .con .txt { margin-top: 20px; }
.pro-tit { margin-top: 32px; }
.turn-page { margin-top: 20px; padding: 0 30px; font-size: 14px; }
.turn-page p { line-height: 50px; }
.turn-page p a { max-width: 87%; }
.turn-page p a:hover { color: #f48a20; }
.turn-page a { color: #333333; }
.turn-page .prev { width: 465px; float: left; }
.turn-page .next { max-width: 465px; float: right; }
.text-title { padding-top: 60px; }
.text-title h1 { margin-bottom: 20px; font-size: 30px; }
.text-title p { padding: 18px 0; }
.main.case { padding-bottom: 160px; }
.detail-box { margin-top: 30px; }
.page-about .con { width: 713px; }
.page-about .con .tit p { margin-bottom: 10px; font-size: 36px; }
.page-about .con .tit h2 { font-size: 36px; }
.page-about .con .txt { margin-top: 30px; }
.page-about .con .txt p { line-height: 24px; margin-bottom: 22px; }
.page-tit { margin-top: 40px; }
.page-culture .img { width: 500px; }
.page-culture .cul-r { width: 656px; }
.page-culture .cul-r .con { margin-top: 40px; }
.page-culture .cul-r .con .box .txt { width: 562px; padding-left: 40px; }
.page-culture .cul-r .con .box .icon, .page-culture .cul-r .con .box .txt { padding-top: 0; }
.page-culture .cul-r .con .box01 .txt, .page-culture .cul-r .con .box02 .txt { padding-bottom: 50px; }
.page-culture .cul-r .con .box03 .txt { padding-bottom: 0; }
.page-tit02 { margin-top: 40px; }
.page-clause { padding: 0 95px; }
.page-service .box { padding: 0 100px; padding-bottom: 40px; }
.page-service .box p { font-size: 16px; }
.page-contact { box-shadow: 0 0 8px rgba(153, 153, 153, 0.35); margin: 8px; overflow: hidden; background: #FFFFFF; }
.page-contact .con-l { width: 472px; height: 500px; padding: 40px; padding-left: 16px; float: left; background: url(../images/page-con-l.png) no-repeat center top; }
.page-contact .con-l .con-det { margin-top: 36px; height: 302px; background: url(../images/page-con-tit.png) no-repeat; background-position: 8px 6px; }
.page-contact .con-l .con-det .txt { margin-top: 23px; padding-left: 50px; }
.page-contact .con-l .con-det .txt p { margin-bottom: 0; }
.page-contact .map { width: 680px; height: 500px; float: right; overflow: hidden; }
.page-message { width: 1000px; margin: 0 auto; margin-top: 40px; }
.page-message .form-group label { margin-bottom: 10px; font-size: 16px; }
.page-message .form-group textarea { height: 200px; }
.page-message .form-control { height: 60px; }
.page-message .form-group.sub-btn { margin-top: 46px; overflow: hidden; }
.page-message .form-group.sub-btn input { width: 200px; float: right; font-size: 16px; }
#nav-menu li .sec-menu { padding: 0 10px; padding-top: 15px; left: 0; right: 0; position: absolute; z-index: 20; background: #ffffff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35); }
#nav-menu li .sec-menu > li { margin-bottom: 15px; }
#nav-menu li .sec-menu li { line-height: 22px; }
#nav-menu li .sec-menu li a { color: #333333; font-weight: bold; display: block; }
#nav-menu li .sec-menu li > a:hover { color: #d42952; }
#nav-menu li .sec-menu li .thd-menu li a { font-weight: normal; }
#nav-menu li .sec-menu li .thd-menu li a:hover { color: #d42952; }
.search-body .search-wrap { width: 362px; float: none; }
.search-body .search-wrap .sear-txt { width: 312px; }
.pro-det .img .zoomWrapper {
    width: 100% !important;
    height: 400px !important;
    display: block;
    position: relative;
    box-shadow: 0 0 8px rgba(153, 153, 153, 0.35);
	}
	.pro-det .img .zoomWrapper img {
	    width: 100%;
	    height: 100%;
	}
	.pro-img {
	    margin-top: 10px;
	}
	.pro-img .swiper-slide img {
	    height: 70px;
	}
	.pro-img .swiper-slide img {
	    border: 1px solid #DFDFDF;
	}
	
}
 @media screen and (min-width: 1600px) {
#nav-menu .language { margin-left: 79%; }
#nav-menu > ul > li > a { padding: 25px 40px; }
.fixed-ad { width: 195px; bottom: 4%; }
.main.case { background: url(../images/main-case.png) no-repeat #f2f2ef; background-position: 98% 237px; }
}