﻿/* 样式初始化 */
*{margin:0;padding:0;border:0;}
body,html{overflow-x:hidden;}
address,caption,cite,code,dfn,em,strong{font-style:normal;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
input{margin:0;padding:0;outline:0;-webkit-appearance:none;}
input::-webkit-input-placeholder{color:#8d817e;}
input::-ms-input-placeholder{color:#8d817e;}
input::-moz-placeholder{color:#8d817e;}
input[type=button],input[type=submit]{cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
img{border:0;}
li,ol,ul{list-style-type:none;}
.img-pct img{width:100%;}
.img-scale{overflow:hidden;}
.img-scale img{transition:all 0.7s;}
.img-scale:hover img{transform:scale(1.1);}
.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.dot6{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:6;}

/* 公共样式 */
.auto_1380{max-width:1380px;}
@media (max-width:1380px){
  .auto_1380{padding:0 2%;}
}
.auto_1800{max-width:1800px;}
@media (max-width:1800px){
  .auto_1800{padding:0 2%;}
}

.carousel{position:relative;margin:0 auto;}
.carousel .owl-carousel .owl-nav button{position:absolute;top:50%;font-size:24px;transform:translate(0,-50%);}
.carousel .owl-carousel .owl-nav button.owl-prev{left:0;margin-left:0;}
.carousel .owl-carousel .owl-nav button.owl-next{right:0;margin-right:0;}
.carousel .owl-carousel .owl-dots{position:absolute;bottom:0;left:0;padding:5px 0;width:100%;text-align:center;}
.carousel .owl-carousel button.owl-dot{margin:0 4px;width:10px;height:10px;border:1px solid rgba(255,255,255,0.5);border-radius:50%;background:rgba(222,167,126,0);}
.carousel .owl-carousel button.owl-dot.active{border-color:#dea77e;background:#dea77e;}

/* 头部样式 */
.header{padding-top:60px;width:100%;background:url(../images/header_bg.jpg) no-repeat center top;background-size:cover;text-align:center;font-size:15px;}
.header a{color:#999;}
.header .h-left{display:table;margin-bottom:25px;width:100%;}
.header .h-left .h-logo{display:table-cell;width:375px;height:100px;vertical-align:middle;}
.header .h-left .h-logo img{display:block;margin:0 auto;max-width:100%;}
.header .h-left .h-logo span{color:#fff;letter-spacing:9px;font-size:22px;}
.header .h-mid{display:inline-block;vertical-align:middle;}
.header .h-mid .h-menu .ul li{position:relative;float:left;max-width:192px;}
.header .h-mid .h-menu .ul li.active .dropdown a{color:#e0a87e;}
.header .h-mid .h-menu .ul li.active .dropdown a::after{display:block;}
.header .h-mid .h-menu .ul li:hover .dropdown-menu{height:auto;opacity:1;}
.header .h-mid .dropdown{padding:0 36px;}
.header .h-mid .dropdown a{position:relative;display:block;overflow:hidden;height:100px;text-overflow:ellipsis;white-space:nowrap;line-height:100px;}
.header .h-mid .dropdown a::after{position:absolute;top:50%;left:50%;display:none;margin-top:26px;width:100%;height:1px;background:#e0a87e;content:"";transform:translate(-50%,0);}
.header .h-mid .dropdown a:hover{color:#e0a87e;}
.header .h-mid .dropdown-menu{position:absolute;top:100%;left:50%;z-index:2;display:block;overflow:hidden;height:0;min-width:150px;background:rgba(0,0,0,0.4);opacity:0;transition:all 0.5s ease;transform:translate(-50%,0);}
.header .h-mid .dropdown-menu dd{padding:2px 10px;text-align:center;}
.header .h-mid .dropdown-menu dd:first-child{margin-top:10px;}
.header .h-mid .dropdown-menu dd:last-child{margin-bottom:10px;}
.header .h-mid .dropdown-menu a{display:block;color:#fff;line-height:24px;}
.header .h-mid .dropdown-menu a:hover{color:#e0a87e;}
.header .h-bot{display:inline-block;margin-left:32px;vertical-align:middle;}
.header .h-bot .ul li{float:left;display:table;}
.header .h-bot .h-search{position:relative;display:table-cell;height:100px;vertical-align:middle;}
.header .h-bot .ico{display:block;background-position:center center;background-size:contain;background-repeat:no-repeat;}
.header .h-bot .ico-search{width:18px;height:18px;background-image:url(../images/ico_search.png);}
.header .h-bot .open-search-show{position:relative;background: none;}
.header .h-bot .open-search-show::before,.header .h-bot .open-search-show::after{position:absolute;top:50%;left:10%;width:80%;height:2px;background:#fff;content:'';transform:rotate(-45deg);}
.header .h-bot .open-search-show::after{transform:rotate(45deg);}
.header .h-bot .search-box{position:absolute;right:0; bottom: -46px;z-index:100;display:none;}
.header .h-bot .search-box .text{padding:0 50px 0 10px;width:254px;height:46px;border:1px solid #fff;background:rgba(0,0,0,0.2);color:#fff;line-height:46px;}
.header .h-bot .search-box .btn{position:absolute;top:0;right:0;width:46px;color:#fff;text-align:center;font-weight:bold;font-size:16px;line-height:46px;}
.header .h-bot .search-box .btn::before{position:absolute;top:-15px;right:4px;border:8px solid transparent;content:'';border-bottom-color:#fff;}

/* 底部样式 */
.footer{position:relative;background:#1d1310;color:rgba(255,255,255,0.3);text-align:center;}
.footer a{color:rgba(255,255,255,0.3);}
.footer a:hover{color:#ffffff;}
.footer .f-top{padding:40px 0;}
.footer .f-menu{font-size:16px;}
.footer .f-menu .ul li{position:relative;display:inline-block;overflow:hidden;margin:5px 0;padding:0 10px;max-width:192px;min-width:16%;text-overflow:ellipsis;white-space:nowrap;}
.footer .f-menu .ul li::after{position:absolute;top:50%;right:0;display:block;width:1px;height:16px;background:rgba(255,255,255,0.3);content:"";transform:translate(0,-50%);}
.footer .f-menu .ul li:last-child::after{display:none;}
.footer .f-bot{padding:40px 0;border-top:1px solid rgba(106,106,106,0.2);}
.footer .f-bot .f-share a{float:none;display:inline-block;margin:0 6px;width:34px;height:34px;border:1px solid rgba(255,255,255,0.2);border-radius:50%;background-position:center center;background-repeat:no-repeat;vertical-align:middle;opacity:1;}
.footer .f-bot .f-share a.ico_weibo{background-image:url(../images/ico_weibo.png);}
.footer .f-bot .f-share a.ico_wechat{background-image:url(../images/ico_wechat.png);}
.footer .f-bot .f-share a.ico_qqkj{background-image:url(../images/ico_qq.png);}
.footer .f-bot .f-share a:hover{border-color:rgba(224,168,126,0);background-color:rgba(224,168,126,0.3);}
.footer .f-bot .f-link{margin-top:38px;width:100%;}
.footer .f-bot .f-link .ul li{position:relative;display:inline-block;margin-top:5px;margin-left:20px;padding-left:24px;}
.footer .f-bot .f-link .ul li::before{position:absolute;top:50%;left:0;display:block;width:1px;height:15px;background:#ddd;content:"";opacity:0.3;transform:translate(0,-50%);}
.footer .f-bot .f-link .ul li:first-child{margin-left:0;padding-left:0;}
.footer .f-bot .f-link .ul li:first-child::before{display:none;}
.footer .f-bot .f-link .a-link{position: relative;}
.footer .f-bot .f-link .a-link:hover .img{display: block;}
.footer .f-bot .f-link .a-link .img{position: absolute;left: 50%;bottom: 100%;width: 100px;transform: translate(-50%,0);padding-bottom: 6px;display: none;}
.footer .f-bot .f-link .a-link .img::before{content: "";width: 0;height: 0;display: block;border: 8px solid rgba(255, 255, 255, 0);border-top-color: #fff;position: absolute;bottom: -8px;left: 50%;transform: translate(-50%,0);}
.footer .f-bot .f-link .a-link .img img{width: 120px;border: 4px solid #fff;position: relative;display: block;}
.footer .f-bot .f-copyright{margin:20px 0 5px;}

/* 首页样式 */
.public-title{text-align:center;}
.public-title .h2{color:#442921;text-transform:uppercase;font-size:50px;line-height:1;opacity:0.5;}
.public-title .h3{margin-top:15px;color:#1d1310;letter-spacing:4px;font-size:36px;}
.public-title .h3::after{display:block;margin:25px auto 0;width:50px;height:1px;background:#e0a87e;content:"";}
.public-title .h5{margin-top:30px;font-size:16px;line-height:2;}

.btn-more-1{display:inline-block;padding:0 20px 0 45px;height:46px;border:1px solid rgba(68,41,33,0.7);color:#442921;font-size:16px;line-height:46px;transition:all 0.3s ease;}
.btn-more-1::after{position:relative;top:-2px;display:inline-block;margin-left:20px;width:8px;height:12px;background:url(../images/ico_arrow_1.png) no-repeat center center;background-size:contain;content:"";vertical-align:middle;}
.btn-more-1:hover{border-color:#e0a87e;background:#e0a87e;color:#fff;}
.btn-more-1:hover::after{background-image:url(../images/ico_arrow_2.png);}
.btn-more-2{display:inline-block;padding:0 20px 0 45px;height:46px;border:1px solid rgba(255,255,255,0.2);color:#fff;font-size:16px;line-height:46px;transition:all 0.3s ease;}
.btn-more-2::after{position:relative;top:-2px;display:inline-block;margin-left:20px;width:8px;height:12px;background:url(../images/ico_arrow_2.png) no-repeat center center;background-size:contain;content:"";vertical-align:middle;}
.btn-more-2:hover{border-color:#e0a87e;background:#e0a87e;color:#fff;}
.btn-more-2:hover::after{background-image:url(../images/ico_arrow_2.png);}

.index{font-size:16px;}
.index .sec1 .back{display:block;}
.index .sec1 .img-pc{display:block;}
.index .sec1 .img-pc .img-bg{padding-bottom:680px;width:100%;background-position:center center;background-repeat:no-repeat;}
.index .sec1 .img-mobile{display:none;}
.index .sec1 .img-mobile img{width:100%;}
.index .sec1 .carousel .owl-carousel .owl-dots{padding:40px 0;display: inline-block;width: auto;left: 50%;transform: translate(-50%,0);overflow: hidden;}
.index .sec1 .carousel .owl-carousel button.owl-dot{margin:0 30px;position: relative;border-color: #dea77e;}
.index .sec1 .carousel .owl-carousel button.owl-dot::before{content: "";width: 60px;display: block;border-bottom: 1px solid #dea77e;position: absolute;left: 100%;}
.index .sec1 .carousel .owl-carousel button.owl-dot:first-child{margin-left: 0;}
.index .sec1 .carousel .owl-carousel button.owl-dot:last-child{margin-right: 0;}
.index .sec1 .carousel .owl-carousel button.owl-dot.active~.owl-dot{border-color: rgba(255,255,255,0.5);}
.index .sec1 .carousel .owl-carousel button.owl-dot.active~.owl-dot::before{border-bottom: 1px dashed rgba(255, 255, 255, 0.5);}
.index .sec2{padding:100px 0;background:url(../images/index_bg_1.jpg) no-repeat center center;text-align:center;}
.index .sec2 .carousel{margin-top:50px;}
.index .sec2 .back{display:block;padding-top:10px;color:#999;}
.index .sec2 .back:hover{color:#e0a87e;}
.index .sec2 .back:hover .img .img1{display: none;}
.index .sec2 .back:hover .img .img2{display: block;}
.index .sec2 .back .info{margin-top:25px;}
.index .sec2 .back .img{height:36px;}
.index .sec2 .back .img img{margin:0 auto;width:auto;max-height:36px;}
.index .sec2 .back .img .img1{display: block;}
.index .sec2 .back .img .img2{display: none;}
.index .sec2 .btn{margin-top:90px;}
.index .sec3{position:relative;padding:90px 0;}
.index .sec3 .bg{position:absolute;top:50%;left:50%;display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transform:translate(-50%,-50%);}
.index .sec3 .auto{position:relative;}
.index .sec3 .public-title{text-align:left;}
.index .sec3 .public-title .h2{color:rgba(255,255,255,0.3);}
.index .sec3 .public-title .h3{color:#fff;}
.index .sec3 .public-title .h3::after{margin-left:0;}
.index .sec3 .public-title .h5{color:rgba(255,255,255,0.7);}
.index .sec3 .table{display:table;}
.index .sec3 .table .table-cell{display:table-cell;vertical-align:middle;}
.index .sec3 .table .t-left{width:54%;}
.index .sec3 .table .t-left .back{max-width:630px;}
.index .sec3 .table .t-left .back .btn{margin-top:40px;}
.index .sec3 .table .t-right{width:46%;}
.index .sec3 .table .t-right .carousel{margin-right:0;width:100%;max-width:460px;}
.index .sec3 .table .t-right .carousel .owl-stage-outer{border-radius:40%;}
.index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button{top:42%;color:#e0a87e;font-size:60px;}
.index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button.owl-prev{left:-50px;}
.index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button.owl-next{right:-50px;}
.index .sec3 .table .t-right .back{display:block;text-align:center;}
.index .sec3 .table .img{position: relative;}

.index .sec3 .img .msg{text-align: center;color: #fff;position: absolute;top:45%;left: 0;right: 0; transform: translateY(-50%);}
.index .sec3 .img .msg .name_en{font-family:'Lato-Light';font-size: 40px;letter-spacing: -2px;color: #ffffff;opacity: 0.5; font-weight: lighter;}
.index .sec3 .img .msg .name_cn{font-size: 24px; margin: 5px  0 25px}
.index .sec3 .img .msg .position{display: inline-block;position: relative;padding: 0 15px;font-size: 22px;}
.index .sec3 .img .msg .position::after,.index .sec3 .img .msg .position::before{content:"";display: block;width: 20px;height: 1px;opacity: 0.8;background: #fff;position: absolute;top:0;bottom: 0;margin: auto}
.index .sec3 .img .msg .position::after{left: 100%;}
.index .sec3 .img .msg .position::before{right: 100%;}

.index .sec4{position:relative;}
.index .sec4 .bg{position:absolute;top:0;left:0;display:block;width:50%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;cursor:pointer;transition:all 0.3s ease;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
.index .sec4 .bg:hover{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;}
.index .sec4 .row .col{float:right;width:50%;}
.index .sec4 .public-title{text-align:left;}
.index .sec4 .public-title .h2{color:rgba(255,255,255,0.3);}
.index .sec4 .public-title .h3{color:#fff;}
.index .sec4 .public-title .h3::after{margin-left:0;}
.index .sec4 .public-title .h5{color:rgba(255,255,255,0.3);}
.index .sec4 .back{padding:16% 12% 16% 16%;background:#442921;}
.index .sec4 .back .btn{margin-top:50px;}

/* 内页样式 */
.content{font-size: 16px;}
.content-title{text-align:center;}
.content-title .h2{color:#442921;text-transform:uppercase;font-size:38px;line-height:1;opacity:0.4;}
.content-title .h3{margin-top:15px;color:#1d1310;letter-spacing:4px;font-size:36px;}
.content-title .h3::after{display:block;margin:25px auto 0;width:50px;height:1px;background:#e0a87e;content:"";}
.content-title-1 .h3{color:#1d1310;text-align:center;letter-spacing:4px;font-size:24px;}
.content-title-1 .h3::after{display:block;margin:25px auto 0;width:50px;height:1px;background:#e0a87e;content:"";}
.content-title-1 .h5{margin-top:25px;text-align:center;font-size:16px;}

/* Banner样式 */
.banner .img-pc{display:block;}
.banner .img-pc .img-bg{padding-bottom:500px;width:100%;background-position:center center;background-repeat:no-repeat;}
.banner .img-mobile{display:none;}
.banner .img-mobile img{width:100%;}

/* Menu样式 */
.menu{float:left;}
.menu .ul li{float:left;margin-right:45px;}
.menu .ul li.active a{color:#e0a87e;}
.menu .ul li.active a::after{opacity:1;}
.menu a{position:relative;display:block;overflow:hidden;height:80px;max-width:200px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:80px;}
.menu a::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:#e0a87e;content:"";opacity:0;}

/* Location样式 */
.location{float:right;font-size: 14px;}
.location a{position:relative;display:inline-block;margin-right:30px;height:80px;color:#aaa;vertical-align:middle;line-height:80px;}
.location a::after{position:absolute;top:50%;left:100%;display:block;margin-left:18px;width:4px;height:8px;background:url(../images/ico_arrow_3.png) no-repeat center center;content:"";transform:translate(0,-50%);}
.location a:hover{color:#e0a87e;}
.location span{display:inline-block;overflow:hidden;height:80px;max-width:200px;color:#888;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;line-height:80px;}

/* 分页样式 */
.paging{padding:20px 0;text-align:center;font-size:16px;}
.paging .p_num{display:inline-block;vertical-align:middle;}
.paging .p_num a.a_cur{border-color:#e0a87e;background:#e0a87e;color:#fff;}
.paging .p_num a,.paging .a_prev,.paging .a_next,.paging .a_first,.paging .a_last{display:inline-block;margin:0 2px;padding:0 6px;height:40px;min-width:40px;border:1px solid rgba(0,0,0,0.1);vertical-align:middle;line-height:40px;}
.paging .a_next,.paging .a_prev{margin:0 14px;width:60px;background-position:center center;background-repeat:no-repeat;}
.paging .a_prev{background-image:url(../images/ico_arrow_4.png);}
.paging .a_next{background-image:url(../images/ico_arrow_5.png);}
.paging .a_first,.paging .a_last{display:none;padding:0 20px;}
.paging .p_jump{display:inline-block;}
.paging .p_jump b{margin:0 4px;color:#7c6963;font-weight:normal;}
.paging .p_jump .i_text{padding:0 10px;width:60px;height:40px;border:1px solid rgba(0,0,0,0.1);text-align:center;}
.paging .p_jump .i_button{margin:0 14px;width:60px;height:40px;background:#f5f5f5;color:#bdbdbd;vertical-align:middle;}
.paging .p_num a:hover,.paging .a_prev:hover,.paging .a_next:hover,.paging .a_first:hover,.paging .a_last:hover{border-color:#e0a87e;background-color:#e0a87e;color:#fff;}

/* 关于沃加样式 */
.about .sec{position:relative;overflow:hidden;}
.about .sec .bg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all 6s ease;}
.about .sec .auto{position:relative;}
.about .sec:hover .bg{transform:scale(1.02);}
.about .sec1{padding:100px 0 140px;}
.about .sec1 .back{margin:70px auto 0;max-width:880px;text-align:center;}
.about .sec1 .back .h5{color:#666;line-height:2;}
.about .sec1 .back .h3{margin-top:35px;color:#000;font-size:24px;}
.about .sec2{padding:100px 0 120px;text-align:center;}
.about .sec2 .content-title .h2{color:#fff;opacity:0.4;}
.about .sec2 .content-title .h3{color:#fff;}
.about .sec2 .ul{margin-top:60px;}
.about .sec2 .ul li{display:inline-block;padding:10px;width:28%;}
.about .sec2 .back:hover .img{transform:rotate(360deg);}
.about .sec2 .back .img{transition:all 1s ease;}
.about .sec2 .back .info{margin-top:25px;color:#fff;font-size:24px;}
.about .sec3,.about .sec4{padding:190px 0;}
.about .sec3 .content-title .h2,.about .sec4 .content-title .h2{color:#fff;opacity:0.4;}
.about .sec3 .content-title .h3,.about .sec4 .content-title .h3{color:#fff;}
.about .sec3 .info,.about .sec4 .info{margin-top:55px;color:#fff;font-size:24px;}
.about .sec3 .content-title{text-align:left;}
.about .sec3 .content-title .h3::after{margin-left:0;}
.about .sec4 .content-title{text-align:right;}
.about .sec4 .content-title .h3::after{margin-right:0;}
.about .sec4 .info{text-align:right;}

.pro-filtrate{background:#f5f5f5;}
.pro-filtrate .tab{position:relative;}
.pro-filtrate .tab .t-left{float:left;width:22%;text-align:center;}
.pro-filtrate .tab .t-left .ul li.active .back{background:#f5f5f5;}
.pro-filtrate .tab .t-left .ul li.active .ico,.pro-filtrate .tab .t-left .ul li.active .info{opacity:1;}
.pro-filtrate .tab .t-left .back{display:block;padding:25px;background:#fcfcfc;cursor:pointer;}
.pro-filtrate .tab .t-left .ico{display:inline-block;margin-right:10px;width:45px;height:45px;background-position:center center;background-size:contain;background-repeat:no-repeat;vertical-align:middle;opacity:0.4;}
.pro-filtrate .tab .t-left .ico.ico-style{background-image:url(../images/ico_style.png);}
.pro-filtrate .tab .t-left .ico.ico-color{background-image:url(../images/ico_color.png);}
.pro-filtrate .tab .t-left .info{display:inline-block;vertical-align:middle;text-align:left;opacity:0.4;}
.pro-filtrate .tab .t-left .info .h3{color:#333;font-size:22px;}
.pro-filtrate .tab .t-left .info .h5{margin-top:4px;color:#999;font-size:14px;}
.pro-filtrate .tab .t-right{float:left;padding:0 50px;width:78%;background:#f5f5f5;}
.pro-filtrate .tab .t-right .ul li{float:left;width:20%;border-bottom:1px solid #e5e5e5;}
.pro-filtrate .tab .t-right .ul li a{display:inline-block;overflow:hidden;height:65px;max-width:100%;color:#888;text-overflow:ellipsis;white-space:nowrap;line-height:65px;vertical-align: middle;}
.pro-filtrate .tab .t-right .ul li a:hover{color:#e0a87e;}
.pro-filtrate .tab .t-right .ul li.active a{color:#e0a87e;}

.pro-ul .ul{margin:0 -7px;}
.pro-ul .ul li{float:left;margin-bottom:30px;padding:0 7px;width:33.33%;}
.pro-ul .back{display:block;}
.pro-ul .back:hover .img .img-bgs{opacity: 1;}
.pro-ul .back:hover .info::after{width:100%;}
.pro-ul .img{overflow:hidden;position: relative;}
.pro-ul .img .img-bg{display:block;padding-bottom:70%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.pro-ul .img .img-bgs{display: block;background: #000;position: absolute;top:0;left: 0;width: 100%;height: 100%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity: 0;transition: all 0.3s ease;}
.pro-ul .info{position:relative;height:50px;line-height:50px;}
.pro-ul .info::after{position:absolute;bottom:0;left:0;display:block;width:0%;height:1px;background:#e0a87e;content:"";transition:all 0.5s ease;}

.product .sec1{padding:100px 0 80px;background:#1d1311;}
.product .sec1 .content-title .h2{color:#fff;opacity:0.4;}
.product .sec1 .content-title .h3{color:#fff;}
.product .sec1 .tab .t-top{margin-top:40px;text-align:center;}
.product .sec1 .tab .t-top .ul li{position:relative;display:inline-block;padding:5px 25px;}
.product .sec1 .tab .t-top .ul li::after{position:absolute;top:50%;left:100%;display:block;width:1px;height:15px;background:#a8a7a6;content:"";transform:translate(0,-50%);}
.product .sec1 .tab .t-top .ul li:last-child::after{display:none;}
.product .sec1 .tab .t-top .ul li a{color:#a8a7a6;font-size:22px;}
.product .sec1 .tab .t-top .ul li a:hover{color:#e0a87e;}
.product .sec1 .tab .t-top .ul li.active a{color:#e0a87e;}
.product .sec1 .tab .t-bot{margin-top:60px;}
.product .sec1 .tab .t-bot .panel{display: none;}
.product .sec1 .tab .t-bot .back{display:block;color:#fff;transition:all 0.3s ease;}
.product .sec1 .tab .t-bot .back:hover{color:#e0a87e;}
.product .sec1 .tab .t-bot .back:hover .img .img-bg{transform:scale(1.1);}
.product .sec1 .tab .t-bot .img{overflow:hidden;}
.product .sec1 .tab .t-bot .img .img-bg{padding-bottom:70%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all 0.3s ease;}
.product .sec1 .tab .t-bot .info{margin-top:25px;}
.product .sec1 .carousel .owl-carousel .owl-nav button{top:42%;color:#e0a87e;font-size:60px;}
.product .sec1 .carousel .owl-carousel .owl-nav button.owl-prev{left:-55px;}
.product .sec1 .carousel .owl-carousel .owl-nav button.owl-next{right:-55px;}
.product .sec2{padding:80px 0;}
.product .sec2 .pro-ul{margin-top:50px;}
.product .sec2 .paging{margin-top:40px;}

.product-list .sec1{padding:80px 0 60px;background:#fcfcfc;}
.product-list .sec1 .pro-filtrate{margin-top:65px;}
.product-list .sec1 .pro-ul{margin-top:90px;}
.product-list .sec1 .paging{margin-top:20px;}

.product-info .sec1{padding:80px 0 0;background:#fcfcfc;}
.product-info .sec1 .ul{margin-top:60px;text-align:center;}
.product-info .sec1 .ul li{position:relative;display:inline-block;padding:10px;width:16%;vertical-align:top;}
.product-info .sec1 .ul li::before,.product-info .sec1 .ul li::after{position:absolute;top:50%;display:none;width:1px;height:30px;background:#dddddd;content:"";transform:translate(0,-50%);}
.product-info .sec1 .ul li::before{left:0;display:block;}
.product-info .sec1 .ul li:last-child::after{right:0;display:block;}
.product-info .sec1 .back .ico{display:block;margin:0 auto;width:45px;height:45px;background-position:center center;background-repeat:no-repeat;}
.product-info .sec1 .back .ico.ico-size{background-image:url(../images/ico_product_01.png);}
.product-info .sec1 .back .ico.ico-texture{background-image:url(../images/ico_product_02.png);}
.product-info .sec1 .back .ico.ico-style{background-image:url(../images/ico_product_03.png);}
.product-info .sec1 .back .ico.ico-color{background-image:url(../images/ico_product_04.png);}
.product-info .sec1 .back .ico.ico-space{background-image:url(../images/ico_product_05.png);}
.product-info .sec1 .back .ico.ico-ply{background-image:url(../images/ico_product_07.png);}
.product-info .sec1 .back .h3{margin-top:20px;color:#bbb;font-size:22px;}
.product-info .sec1 .back .h5{margin-top:5px;}
.product-info .sec1 .carousel{margin-top:60px;}
.product-info .sec1 .carousel .owl-carousel .owl-dots{padding:40px 0;}
.product-info .sec1 .carousel .owl-carousel button.owl-dot{margin:0 16px;}
.product-info .sec1 .carousel .owl-carousel button.owl-dot.active{border-color:#fff;background:#fff;}

.brand .sec1 .ul li:nth-child(2n) .img{left:50%;}
.brand .sec1 .ul li:nth-child(2n) .info{float:left;padding:80px 60px 80px 0;}
.brand .sec1 .back{position:relative;background:#442921;}
.brand .sec1 .auto{position:relative;}
.brand .sec1 .img{position:absolute;top:0;left:0;width:50%;height:100%;}
.brand .sec1 .img .img-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.brand .sec1 .info{float:right;padding:80px 0 80px 60px;width:50%;color:#8d817e;}
.brand .sec1 .info .ico img{margin-right: 15px;max-height: 36px;}
.brand .sec1 .info .h3{margin-top:30px;color:rgba(255,255,255,0.5);font-size:38px;}
.brand .sec1 .info .h3::after{display:block;margin-top:26px;width:50px;height:1px;background:#e0a87e;content:"";}
.brand .sec1 .info .h5{margin-top:25px;line-height:1.6;}

.company .sec1{padding:60px 0 80px;background:#fcfcfc;}
.company .sec1 .ul li{margin-bottom:25px;}
.company .sec1 .table{display:table;width:100%;}
.company .sec1 .table .table-cell{display:table-cell;vertical-align:middle;}
.company .sec1 .table .t-left{width:30%;}
.company .sec1 .table .t-right{width:70%;}
.company .sec1 .img img{width: 100%;}
.company .sec1 .info{padding-left:40px;}
.company .sec1 .info .h3{font-size:24px;}
.company .sec1 .info .h5{margin-top:25px;color:#888;line-height:1.8;}
.company .sec1 .info .btn{display:inline-block;margin-top:50px;color:#888;font-size:14px;}
.company .sec1 .info .btn:hover{color:#e0a87e;}

.company-info .sec1{padding:60px 0 90px;background:#fcfcfc;}
.company-info .sec1 .s-top .back .h3{padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.1);color:#333;font-size:24px;}
.company-info .sec1 .s-top .back .info{color:#555;line-height:1.6;}
.company-info .sec1 .s-top .back .info .h5{margin-top:30px;}
.company-info .sec1 .s-top .back .info div{margin-top:15px;}
.company-info .sec1 .s-top .back .info .row{margin: 0;}
.company-info .sec1 .s-top .back .info .col{float:left;width:50%;}
.company-info .sec1 .s-top .img img{width:100%;}
.company-info .sec1 .s-bot{margin-top:40px;}
.company-info .sec1 .s-left{float:left;padding-right:40px;width:70%;}
.company-info .sec1 .s-right{float:left;width:30%;}

.news .sec1{padding:100px 0 60px;}
.news .sec1 .ul li{margin-bottom:20px;}
.news .sec1 .ul li:nth-child(2n){background: #F5F5F5;}
.news .sec1 .back{position:relative;}
.news .sec1 .img{overflow:hidden;width:43%;}
.news .sec1 .img .img-bg{display:block;padding-bottom:66%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;transition:all 0.3s ease;}
.news .sec1 .img:hover .img-bg{transform:scale(1.05);}
.news .sec1 .info{position:absolute;top:50%;right:0;padding:0 50px;width:57%;transform:translate(0,-50%);}
.news .sec1 .info .time{color:#888;}
.news .sec1 .info .h3{margin-top:15px;font-size:28px;}
.news .sec1 .info .h3::after{display:block;margin-top:25px;width:50px;height:1px;background:#e0a87e;content:"";}
.news .sec1 .info .btn{display:inline-block;margin-top:85px;color:#888;font-size:14px;}
.news .sec1 .info .btn:hover{color:#e0a87e;}
.news .sec1 .paging{margin-top:40px;}

.news-info{padding-bottom:110px;}
.news-info .sec1 .title{margin-top:60px;color:#1d1310;text-align:center;font-size:24px;}
.news-info .sec1 .hit{margin-top:30px;padding:8px 0;border-bottom:1px solid #e5e5e5;color:#888;}
.news-info .sec1 .hit .time{float:left;}
.news-info .sec1 .hit .read{float:right;}
.news-info .sec1 .back{padding:40px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#666;}
.news-info .sec1 .back .info div{margin-bottom:25px;line-height:1.8;}
.news-info .sec1 .back .info .row{margin:0 -10px;}
.news-info .sec1 .back .info .row .col{float:left;padding:0 10px;width:50%;}
.news-info .sec1 .back .text-center{text-align:center;}
.news-info .sec1 .back .btn{display:inline-block;margin-top:40px;}
.news-info .sec2{margin-top:25px;}
.news-info .sec2 .h3{color:#1d1310;font-size:22px;}
.news-info .sec2 .ul{margin-top:20px;}
.news-info .sec2 .ul li{margin:8px 0;}
.news-info .sec2 .back{position:relative;padding-right:100px;}
.news-info .sec2 .back .info{color:#666;}
.news-info .sec2 .back .info::before{margin-right:10px;content:"·";}
.news-info .sec2 .back .info:hover{color:#e0a87e;}
.news-info .sec2 .back span{position:absolute;top:50%;right:0;color:#bbb;transform:translate(0,-50%);}

.calculate .sec1{padding:80px 0 0;background:#fcfcfc;}
.calculate .sec1 .ul{margin-top:80px;}
.calculate .sec1 .back{position:relative;background:#442921;}
.calculate .sec1 .auto{position:relative;}
.calculate .sec1 .img{position:absolute;top:0;left:0;width:50%;height:100%;}
.calculate .sec1 .img .img-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:right center;background-size:cover;background-repeat:no-repeat;}
.calculate .sec1 .info{float:right;padding:40px 80px 60px;width:50%;color:#8d817e;}
.calculate .sec1 .form {padding-right: 40px;max-width: 440px;}
.calculate .sec1 .form .ico{position:relative;top:-2px;display:inline-block;margin-right:10px;width:20px;height:22px;background-position:center center;background-size:contain;background-repeat:no-repeat;vertical-align:middle;}
.calculate .sec1 .form .ico-space{background-image:url(../images/ico_space.png);}
.calculate .sec1 .form .ico-size{background-image:url(../images/ico_size.png);}
.calculate .sec1 .form .h4{margin:35px 0 20px;color:#e0a87e;font-size:18px;}
.calculate .sec1 .form .text{padding:0 15px;width:100%;height:43px;background:rgba(255,255,255,0.15);color:#fff;font-size:16px;}
.calculate .sec1 .form .item{position:relative;margin-bottom:10px;}
.calculate .sec1 .form .item i{position:absolute;top:50%;left:100%;display:block;white-space:nowrap;font-style:normal;transform:translate(20px,-50%);}
.calculate .sec1 .form .item-submit{margin-top:40px;}
.calculate .sec1 .form .btn-calculate{width:100%;height:43px;background:#1d1310;color:rgba(255,255,255,0.5);font-size:16px;}
.calculate .sec1 .form .hit{color:#6c5b57;}
.calculate .sec1 .form .item-result{margin-top:30px;}
.calculate .sec1 .form .text-result{padding:0 15px;width:100%;height:60px;border-bottom:1px solid rgba(255,255,255,0.15);background:none;color:#fff;font-size:16px;}

.service{padding-bottom:120px;}
.service .sec1{padding:80px 0 60px;background:#fcfcfc url(../images/map_bg.png) no-repeat center 100px;background-size:contain;}
.service .sec1 .form{margin:40px auto 0;max-width:820px;}
.service .sec1 .form .item{margin-bottom:12px;}
.service .sec1 .form .text{padding:0 15px;width:100%;height:43px;border:1px solid #ccc;background:#fff;}
.service .sec1 .form .submit{margin-top:20px;text-align:center;}
.service .sec1 .form .submit .btn-submit{width:100%;height:43px;max-width:500px;background:#1d1310;color:rgba(255,255,255,0.4);font-size:16px;}
.service .sec1 .row{margin:0 -6px;}
.service .sec1 .row .col{float:left;padding:0 6px;width:50%;}
.service .sec2{padding:80px 0 0;}
.service .sec2 .ul li{margin-top:30px;}
.service .sec2 .h4{padding:0 30px;width:100%;height:60px;background:#f5f5f5;color:#1d1310;font-size:20px;line-height:60px;}
.service .sec2 .dl{padding:0 30px;border-bottom:1px solid #e5e5e5;}
.service .sec2 .dl dt{position:relative;padding:20px 30px 20px 15px;cursor:pointer;}
.service .sec2 .dl dt::before{position:absolute;top:50%;left:0;display:block;width:4px;height:4px;background:#e0a87e;content:"";transform:translate(0,-50%);}
.service .sec2 .dl dt::after{position:absolute;top:50%;right:0;display:inline-block;color:#ccc;content:"+";text-align:center;font-size:24px;line-height:1;transition:all 0.3s ease;transform:translate(0,-50%);}
.service .sec2 .dl dd{display:none;padding:10px 70px 30px 15px;line-height:2;}
.service .sec2 .dl dd .info{position:relative;padding-left:35px;}
.service .sec2 .dl dd .info::before{position:absolute;top:0;left:0;content:"答：";}
.service .sec2 .dl.active dt::after{color:#e0a87e;transform:translate(0,-50%) rotate(45deg);}

.public-info{min-height: 50vh;}
.public-info .sec1{padding:80px 0;}
.public-info .sec1 .back{margin-top:40px;}

.search-result .sec1{padding:80px 0;background:#fcfcfc;}
.search-result .sec1 .ul{margin-top:60px;}
.search-result .sec1 .ul li{margin-bottom:20px;}
.search-result .sec1 .back{position:relative;display:block;padding:15px 110px 15px 15px;border:1px solid #ddd;color:#666;transition:all 0.2s ease;}
.search-result .sec1 .back .time{position:absolute;top:50%;right:15px;display:block;transform:translateY(-50%);}
.search-result .sec1 .back:hover{border-color:#e0a87e;background:#e0a87e;color:#fff;}
.search-result .sec1 .paging{margin-top:40px;}

.mylinks .sec1{padding: 80px 0;color:#666;text-align:center;background:#fcfcfc;}
.mylinks .sec1 .ul{margin: 60px -10px 0;}
.mylinks .sec1 .ul li{float:left;padding:0 10px 20px 10px;width:25%;}
.mylinks .sec1 .img{display:block;padding-bottom:35%;width:100%;border:1px solid #ddd;background-color:#fff;background-position:center center;background-size:contain;background-repeat:no-repeat;position: relative;overflow: hidden;}
.mylinks .sec1 .img .img-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80%;height: 60%;background-position:center center;background-size:contain;background-repeat:no-repeat;}
.mylinks .sec1 .info{margin-top: 15px;}
.mylinks .sec1 .paging{margin-top:20px;}

.bd_weixin_popup{height: auto !important;}

/* 媒体查询 */
@media(max-width:1024px){
  .header{padding: 0;}
  .header .h-left{margin: 0;float: left;width: auto;}
  .header .h-left .h-logo{width: auto;height: 80px;}
  .header .h-left .h-logo img{height: 35px;}
  .header .h-left .h-logo span{display: none;}
  .header .h-mid .h-menu{position:fixed;top:0;left:100%;z-index:100;padding-top:80px;width:70%;height:100%;max-width:300px;background:#000;transition:all 0.3s ease;text-align: left;}
  .header .h-mid .h-menu .ul li{float:none;width: 100%;max-width: none;}
  .header .h-mid .h-menu li:nth-child(2n){background:rgba(255,255,255,0.1);}
  .header .h-mid .h-menu .dropdown{padding:0 15px;}
  .header .h-mid .h-menu .dropdown a{height:40px;line-height:40px;font-size: 15px;}
  .header .h-mid .dropdown::after, .header .h-mid .dropdown::before{display: none;}
  .header .h-mid .h-menu .dropdown-menu{display:none !important;}
  .header .h-mid .h-menu-show{transform:translate(-100%,0);}
  .header .h-mid .dropdown a{height: 80px;line-height: 80px;}
  .header .h-bot{float: right;}
  .header .h-bot .ul li{margin-left: 15px;}
  .header .h-bot .h-search{position:relative;display:table-cell;height:80px;vertical-align:middle;}
  .header .h-bot .search-box{top: 100%;}
  .header #open_menu{position:relative;z-index:101;margin-top:25px;width:40px;height:30px;background:#fff;transition:background .3s;}
  .header #open_menu i,.header #open_menu i::before,.header #open_menu i::after{border-radius:3px;background:#000;}
  .header #open_menu i{left:20%;margin-top:-1px;width:60%;height:2px;}
  .header #open_menu.open_menu_on{position:fixed;right:2%;background:#000;}
  .header #open_menu.open_menu_on i,.header #open_menu.open_menu_on i::before,.header #open_menu.open_menu_on i::after{background: #fff;}
  .header #open_menu.open_menu_on i{margin-top:-1.5px;height:3px;}

  .footer .f-top{padding: 20px 0;}
  .footer .f-menu{font-size: 14px;}
  .footer .f-bot{padding: 20px 0;}
  .footer .f-bot .f-link{margin-top: 20px;}
  .footer .f-bot .f-link .ul li{margin-left: 10px;padding-left: 14px;}

  .public-title .h2{font-size: 32px;}
  .public-title .h3{font-size: 22px;margin-top: 10px;}
  .public-title .h3::after{margin-top: 15px;}
  .public-title .h5{font-size: 14px;margin-top: 15px;}

  .btn-more-1,
  .btn-more-2{font-size: 14px;height: 38px;line-height: 38px;padding: 0 20px 0 30px;}
  .btn-more-1::after,
  .btn-more-2::after{margin-left: 10px;}

  .index .sec1 .img-pc{display: none;}
  .index .sec1 .img-mobile{display: block;}
  .index .sec1 .carousel .owl-carousel .owl-dots{padding: 0 0 15px;}
  .index .sec1 .carousel .owl-carousel button.owl-dot{margin: 0 5px;}
  .index .sec1 .carousel .owl-carousel button.owl-dot::before{display: none;}
  .index .sec2{padding: 40px 0;}
  .index .sec2 .carousel{margin-top: 20px;}
  .index .sec2 .back .info{margin-top: 15px;}
  .index .sec2 .btn{margin-top: 40px;}
  .index .sec3{padding: 40px 0;text-align: center;}
  .index .sec3 .table{display: block;}
  .index .sec3 .table .table-cell{display: block;width: 100%;}
  .index .sec3 .table .t-left .back{max-width: none;}
  .index .sec3 .table .t-left .back .btn{margin-top: 20px;}
  .index .sec3 .table .t-right .carousel{margin-top: 30px;padding: 0 40px;margin-right: auto;}
  .index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button{font-size: 40px;}
  .index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button.owl-prev{left: -40px;}
  .index .sec3 .table .t-right .carousel .owl-carousel .owl-nav button.owl-next{right: -40px;}
  .index .sec3 .public-title{text-align: center;}
  .index .sec3 .public-title .h3::after{margin-left: auto;}
  .index .sec4 .bg{position: relative;width: 100%;height: 0;padding-bottom: 80%;}
  .index .sec4 .row .col{width: 100%;}
  .index .sec4 .back{padding: 40px 2%;}
  .index .sec4 .back .btn{margin-top: 20px;}

  .banner .img-pc{display: none;}
  .banner .img-mobile{display: block;}

  .location{float: none;text-align: right;}
  .location a,
  .location span{height: 40px;line-height: 40px;}
  .location a{margin-right: 20px;}
  .location a::after{margin-left: 11px;}

  .menu{float: none;text-align: center;}
  .menu .ul li{margin-right: 20px;}
  .menu a{font-size: 14px;height: 40px;line-height: 40px;}

  .content{font-size: 14px;}
  .content-title .h2{font-size: 28px;}
  .content-title .h3{font-size: 24px;margin-top: 10px;}
  .content-title .h3::after{margin-top: 15px;}
  .content-title-1 .h3::after{margin-top: 15px;}
  .content-title-1 .h5{font-size: 14px;margin-top: 15px;line-height: 1.6;}

  .about .sec1{padding: 40px 0;}
  .about .sec1 .back{margin-top: 30px;}
  .about .sec1 .back .h3{margin-top: 15px;font-size: 18px;}
  .about .sec2{padding: 40px 0;}
  .about .sec2 .ul{margin-top: 30px;}
  .about .sec2 .back .info{margin-top: 10px;font-size: 16px;}
  .about .sec3, .about .sec4{padding: 100px 0;}
  .about .sec3 .info, .about .sec4 .info{font-size: 18px;margin-top: 40px;}

  .product .sec1{padding: 40px 0 20px;}
  .product .sec1 .tab .t-top{margin-top: 20px;}
  .product .sec1 .tab .t-top .ul li{padding: 5px 10px;}
  .product .sec1 .tab .t-top .ul li a{font-size: 16px;}
  .product .sec1 .tab .t-bot{margin-top: 30px;}
  .product .sec1 .tab .t-bot .info{margin-top: 15px;}
  .product .sec1 .tab .t-bot .carousel{padding: 0 40px;}
  .product .sec1 .carousel .owl-carousel .owl-nav button.owl-prev{left: -40px;}
  .product .sec1 .carousel .owl-carousel .owl-nav button.owl-next{right: -40px;}
  .product .sec2{padding: 40px 0 20px;}
  .product .sec2 .pro-ul{margin-top: 30px;}
  .product .sec2 .paging{margin: 0;}
  
  .pro-ul .ul li{width: 50%;margin-bottom: 10px;}
  .pro-ul .info{height: 40px;line-height: 40px;}

  .pro-filtrate .tab .t-left{float: none;width: 100%;}
  .pro-filtrate .tab .t-left li{width: 50%;float: left;}
  .pro-filtrate .tab .t-left .back{padding: 15px 10px;}
  .pro-filtrate .tab .t-left .ico{width: 35px;height: 35px;}
  .pro-filtrate .tab .t-left .info .h3{font-size: 16px;}
  .pro-filtrate .tab .t-left .info .h5{font-size: 12px;margin: 0;}
  .pro-filtrate .tab .t-right{width: 100%;padding: 15px;}
  .pro-filtrate .tab .t-right .ul li{width: 33.33%;}
  .pro-filtrate .tab .t-right .ul li a{height: 40px;line-height: 40px;}

  .paging{font-size: 14px;}
  .paging .a_next, .paging .a_prev{margin: 0 3px;width: 50px;}
  .paging .p_num a, .paging .a_prev, .paging .a_next, .paging .a_first, .paging .a_last{height: 30px;min-width: 30px;line-height: 30px;}
  .paging .p_num,.paging .p_jump{display: none;}
  .paging .p_jump .i_button,.paging .p_jump .i_text{height: 30px;width: 40px;}

  .product-list .sec1{padding: 40px 0 20px;}
  .product-list .sec1 .pro-filtrate{margin-top: 30px;}
  .product-list .sec1 .pro-ul{margin-top: 30px;}
  .product-list .sec1 .paging{margin: 0;}

  .product-info .sec1{padding: 40px 0 0;}
  .product-info .sec1 .ul{margin-top: 30px;}
  .product-info .sec1 .ul li{width: 100%;max-width: 120px;vertical-align: middle;}
  .product-info .sec1 .back .ico{width: 35px;height: 35px;background-size: contain;}
  .product-info .sec1 .back .h3{margin-top: 10px;font-size: 16px;}
  .product-info .sec1 .carousel{margin-top: 30px;}
  .product-info .sec1 .carousel .owl-carousel .owl-dots{padding: 0 0 10px;}
  .product-info .sec1 .carousel .owl-carousel button.owl-dot{margin: 0 6px;}

  .brand .sec1 .ul li:nth-child(n) .img{position: relative;width: 100%;left: 0;}
  .brand .sec1 .ul li:nth-child(n) .img .img-bg{height: 0;padding-bottom: 80%;position: relative;}
  .brand .sec1 .ul li:nth-child(n) .info{float: none;width: 100%;padding: 30px 0;}
  .brand .sec1 .info .ico img{margin-right: 10px;}
  .brand .sec1 .info .h3{font-size: 24px;margin-top: 15px;}
  .brand .sec1 .info .h3::after{margin-top: 12px;}
  .brand .sec1 .info .h5{margin-top: 15px;}

  .company .sec1{padding: 30px 0;}
  .company .sec1 .table{display: block;}
  .company .sec1 .table .table-cell{display: block;width: 100%;}
  .company .sec1 .img{max-width: 400px;}
  .company .sec1 .info{padding: 15px 0 0;}
  .company .sec1 .info .h3{font-size: 20px;}
  .company .sec1 .info .h5{margin-top: 10px;}
  .company .sec1 .info .btn{margin-top: 10px;}
  
  .company-info .sec1{padding: 40px 0;}
  .company-info .sec1 .s-left{padding: 0;width: 100%;float: none;}
  .company-info .sec1 .s-top .back .info .h5{margin-top: 20px;}
  .company-info .sec1 .s-right{float: none;width: 100%;max-width: 400px;margin-top: 20px;}
  .company-info .sec1 .s-bot{margin-top: 20px;}

  .news .sec1{padding: 40px 0 20px;}
  .news .sec1 .info{padding: 0 20px;}
  .news .sec1 .info .h3{font-size: 20px;margin-top: 10px;}
  .news .sec1 .info .h3::after{margin-top: 15px;}
  .news .sec1 .info .btn{margin-top: 20px;}
  .news .sec1 .paging{margin: 0;}

  .news-info{padding-bottom: 40px;}
  .news-info .sec1 .title{margin-top: 30px;font-size: 22px;}
  .news-info .sec1 .hit{margin-top: 15px;}
  .news-info .sec1 .back{padding: 20px 0;}
  .news-info .sec1 .back .info div{margin-bottom: 10px;}
  .news-info .sec1 .back .btn{margin-top: 10px;}
  .news-info .sec2{margin-top: 20px;}
  .news-info .sec2 .h3{font-size: 18px;}
  .news-info .sec2 .ul li{margin: 10px 0;}

  .calculate .sec1{padding: 40px 0 0;}
  .calculate .sec1 .ul{margin-top: 30px;}
  .calculate .sec1 .img{width: 100%;position: relative;}
  .calculate .sec1 .img .img-bg{position: relative;height: 0;padding-bottom: 80%;}
  .calculate .sec1 .info{float: none;width: 100%;padding: 10px 0 20px;}
  .calculate .sec1 .form .h4{margin: 25px 0 15px;}
  .calculate .sec1 .form .text{font-size: 14px;}
  .calculate .sec1 .form .item-submit{margin-top: 25px;}
  .calculate .sec1 .form .btn-calculate{font-size: 14px;}
  .calculate .sec1 .form .item-result{margin-top: 20px;}
  .calculate .sec1 .form .text-result{height: 50px;font-size: 14px;}
  .calculate .sec1 .form .item i{transform: translate(10px,-50%);}

  .service{padding-bottom: 50px;}
  .service .sec1{padding: 40px 0;}
  .service .sec1 .form{margin-top: 20px;}
  .service .sec1 .form .submit{margin-top: 10px;}
  .service .sec2{padding: 40px 0 0;}
  .service .sec2 .h4{height: 50px;line-height: 50px;font-size: 16px;padding: 0 10px;}
  .service .sec2 .dl{padding: 0 10px;}
  .service .sec2 .dl dt{padding: 15px 30px 15px 15px;}
  .service .sec2 .dl dd{padding: 10px 15px 20px;}

  .public-info .sec1{padding: 40px 0;}
  .public-info .sec1 .back{margin-top: 20px;}

  .search-result .sec1{padding: 40px 0 20px;}
  .search-result .sec1 .ul{margin-top: 30px;}
  .search-result .sec1 .ul li{margin-bottom: 15px;}
  .search-result .sec1 .back{padding: 12px 100px 12px 12px;}
  .search-result .sec1 .back .time{right: 12px;}
  .search-result .sec1 .paging{margin: 0;}

  .mylinks .sec1{padding: 40px 0 20px;}
  .mylinks .sec1 .ul{margin: 30px -7px 0;}
  .mylinks .sec1 .ul li{padding: 0 7px 14px 7px;width: 33.33%;}
  .mylinks .sec1 .paging{margin: 0;}
}

@media(max-width:640px){
  .company-info .sec1 .s-top .back .info .col{width: 100%;float: none;}
  
  .news .sec1 .img{width: 100%;}
  .news .sec1 .info{position: relative;top: 0;transform: none;width: 100%;padding: 15px 0 0;}
  .news .sec1 .info .h3::after{margin-top: 10px;}

  .news-info .sec1 .back .info .row .col{width: 100%;}

  .service .sec1 .row .col{width: 100%;}

  .mylinks .sec1 .ul li{width: 50%;}
}


.info_honor ul li{ float:left; width:32%; margin-left:2%; margin-bottom:2%;}
.info_honor ul li .pic{border:solid 1px #ddd;  padding-bottom:120%; background:no-repeat center center; background-size:contain;}
.info_honor ul li h3{text-align:center; padding:20px;}
@media(min-width:640px){
.info_honor ul li:nth-child(3n+1){ margin-left:0; clear:both;}
}
@media(max-width:640px){
.info_honor ul li{width:48%;}
.info_honor ul li:nth-child(2n+1){ margin-left:0; clear:both;}
}