@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font:14px/1.5 "Microsoft YaHei","微软雅黑", sans-serif, Arial; color:#333; background-color:#fff; overflow-x:hidden;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1281px){
.header{ width:100%; height:140px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .bg{ width:100%; height:40px; background-color:#f7f7f7; position:absolute; left:0; top:0; z-index:1;}
.header .thead{ width:1200px; margin:auto; position:relative; z-index:3;}
.header .thead .left{ float:left; height:40px;}
.header .thead .left p{ display:block; float:left; height:40px; line-height:40px; margin-right:30px; font-size:14px;}
.header .thead .left p img{ display:block; height:14px; margin:13px 6px; margin-left:0; float:left;}
.header .thead .right{ float:right; height:40px;}
.header .thead .right .h01{ height:14px; margin:13px 0; float:left;}
.header .thead .right .h01 img{ display:block; height:14px; cursor:pointer;}
.header .thead .right .h02{ margin-left:30px; float:left; position:relative;}
.header .thead .right .h02 .dropdown{ height:14px; position:relative; padding:13px 0;}
.header .thead .right .h02 .dropdown img{ display:block; height:14px;}
.header .thead .right .h02 .dropdown span{ position:absolute; right:-10px; top:3px; display:block; min-width:8px; height:16px; border-radius:10px; padding:0 4px; font-size:12px; line-height:16px; background-color:#f2ac3d; text-align:center; color:#fff;}
.header .thead .right .h02 .dropdown-menu{ width:370px; position:absolute; top:40px; right:-20px; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); padding:15px; padding-top:0; display:none;}
.header .thead .right .h02:hover .dropdown-menu{ display:block;}
.header .thead .right .h02 .dropdown-menu .item{ margin-top:15px; display:flex; align-items:center;}
.header .thead .right .h02 .dropdown-menu .item .tu{ width:80px; height:80px;}
.header .thead .right .h02 .dropdown-menu .item .tu img{ width:100%; display:block;}
.header .thead .right .h02 .dropdown-menu .item .wen{ margin:0 15px; flex:1;}
.header .thead .right .h02 .dropdown-menu .item .wen .w01{ font-size:14px; line-height:16px;}
.header .thead .right .h02 .dropdown-menu .item .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:4px 0;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03{ width:100%;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .sc{ width:14px; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .sc img{ width:100%; display:block;}
.header .thead .right .h03{ margin-left:30px; float:left; position:relative;}
.header .thead .right .h03 .dropdown{ height:40px; line-height:40px; float:left; position:relative; padding-right:13px; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat;}
.header .thead .right .h03 .dropdown img{ display:block; height:11px; margin-top:14px; float:left; margin-right:6px;}
.header .thead .right .h03 .dropdown-menu{ width:160px; position:absolute; top:40px; right:0; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .thead .right .h03:hover .dropdown-menu{ display:block;}
.header .thead .right .h03 .dropdown-menu li{ padding:0 15px; display:block; font-size:14px; line-height:34px; overflow:hidden;}
.header .thead .right .h03 .dropdown-menu li:hover{ background-color:#f7f7f7;}
.header .thead .right .h03 .dropdown-menu li a{ display:block; overflow:hidden;}
.header .thead .right .h03 .dropdown-menu li img{ height:11px; display:block; float:left; margin-top:12px; margin-right:6px;}
.header .head{ width:1200px; margin:auto; position:relative; z-index:1;}
.header .head .logo{ height:60px; float:left; margin-top:20px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02{ display:none;}
.header .head .gw{ display:none;}
.header .head .nav{ float:right; height:100px;}
.header .head .nav>li{ display:block; float:left; position:relative; margin-left:50px;}
.header .head .nav>li>a{ display:block; font-size:16px; line-height:100px;}
.header .head .nav>li>a.active,.header .head .nav>li:hover>a{ color:#f2ac3d;}
.header .head .nav>li>ul{ width:200px; position:absolute; left:-20px; top:100%; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .head .nav>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li{ display:block; position:relative;}
.header .head .nav>li>ul>li>a{ padding:0 15px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden;}
.header .head .nav>li>ul>li:hover>a{ background-color:#f7f7f7;}
.header .head .nav>li>ul>li>ul{ position:absolute; left:100%; top:0; width:200px; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .head .nav>li>ul>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li>ul>li>a{ padding:0 15px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden;}
.header .head .nav>li>ul>li>ul>li:hover>a{ background-color:#f7f7f7;}

.search{ width:100%; height:100vh; position:fixed; right:0; top:0; background-color:rgba(0,0,0,.7); z-index:1000; display:none;}
.search .box{ width:800px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.search .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 60px); color:#fff;}
.search .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden; background-color:transparent; color:#fff;}
.search .box p input::-webkit-input-placeholder{ color:#eee;} 
.search .box p input:-moz-placeholder{ color:#eee;} 
.search .box p input::-moz-placeholder{ color:#eee;} 
.search .box p input:-ms-input-placeholder{ color:#eee;} 
.serbox .box span{ display:block; width:50px; height:50px; float:right;}
.search .box span input{ width:50px; height:50px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/icon_search.png); background-position:center; background-repeat:no-repeat;}
.search .close{ position:absolute; right:3vw; top:3vw; -webkit-transition:1s linear; transition:1s ease-in;}
.search .close img{ display:block; cursor:pointer; width:40px;}
.search .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.menu{ display:none;}

.header-cart__empty {
    padding:15px;
	padding-top:25px;
    text-align: center;
    color: #999;
    font-size: 14px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.header{ width:100%; height:130px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .bg{ width:100%; height:40px; background-color:#f7f7f7; position:absolute; left:0; top:0; z-index:1;}
.header .thead{ width:94%; margin:auto; position:relative; z-index:3;}
.header .thead .left{ float:left; height:40px;}
.header .thead .left p{ display:block; float:left; height:40px; line-height:40px; margin-right:30px; font-size:14px;}
.header .thead .left p img{ display:block; height:14px; margin:13px 6px; margin-left:0; float:left;}
.header .thead .right{ float:right; height:40px;}
.header .thead .right .h01{ height:14px; margin:13px 0; float:left;}
.header .thead .right .h01 img{ display:block; height:14px; cursor:pointer;}
.header .thead .right .h02{ margin-left:30px; float:left; position:relative;}
.header .thead .right .h02 .dropdown{ height:14px; position:relative; padding:13px 0;}
.header .thead .right .h02 .dropdown img{ display:block; height:14px;}
.header .thead .right .h02 .dropdown span{ position:absolute; right:-10px; top:3px; display:block; min-width:8px; height:16px; border-radius:10px; padding:0 4px; font-size:12px; line-height:16px; background-color:#f2ac3d; text-align:center; color:#fff;}
.header .thead .right .h02 .dropdown-menu{ width:370px; position:absolute; top:40px; right:-20px; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); padding:15px; padding-top:0; display:none;}
.header .thead .right .h02:hover .dropdown-menu{ display:block;}
.header .thead .right .h02 .dropdown-menu .item{ margin-top:15px; display:flex; align-items:center;}
.header .thead .right .h02 .dropdown-menu .item .tu{ width:80px; height:80px;}
.header .thead .right .h02 .dropdown-menu .item .tu img{ width:100%; display:block;}
.header .thead .right .h02 .dropdown-menu .item .wen{ margin:0 15px; flex:1;}
.header .thead .right .h02 .dropdown-menu .item .wen .w01{ font-size:14px; line-height:16px;}
.header .thead .right .h02 .dropdown-menu .item .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:4px 0;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03{ width:100%;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.header .thead .right .h02 .dropdown-menu .item .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .sc{ width:14px; overflow:hidden;}
.header .thead .right .h02 .dropdown-menu .item .sc img{ width:100%; display:block;}
.header .thead .right .h03{ margin-left:30px; float:left; position:relative;}
.header .thead .right .h03 .dropdown{ height:40px; line-height:40px; float:left; position:relative; padding-right:13px; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat;}
.header .thead .right .h03 .dropdown img{ display:block; height:11px; margin-top:14px; float:left; margin-right:6px;}
.header .thead .right .h03 .dropdown-menu{ width:160px; position:absolute; top:40px; right:0; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .thead .right .h03:hover .dropdown-menu{ display:block;}
.header .thead .right .h03 .dropdown-menu li{ padding:0 15px; display:block; font-size:14px; line-height:34px; overflow:hidden;}
.header .thead .right .h03 .dropdown-menu li:hover{ background-color:#f7f7f7;}
.header .thead .right .h03 .dropdown-menu li a{ display:block; overflow:hidden;}
.header .thead .right .h03 .dropdown-menu li img{ height:11px; display:block; float:left; margin-top:12px; margin-right:6px;}
.header .head{ width:94%; margin:auto; position:relative; z-index:1;}
.header .head .logo{ height:60px; float:left; margin-top:15px;}
.header .head .logo img{ display:block; height:60px;}
.header .head .logo img.img02{ display:none;}
.header .head .gw{ display:none;}
.header .head .nav{ float:right; height:90px;}
.header .head .nav>li{ display:block; float:left; position:relative; margin-left:50px;}
.header .head .nav>li>a{ display:block; font-size:16px; line-height:90px;}
.header .head .nav>li>a.active,.header .head .nav>li:hover>a{ color:#f2ac3d;}
.header .head .nav>li>ul{ width:200px; position:absolute; left:-20px; top:100%; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .head .nav>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li{ display:block; position:relative;}
.header .head .nav>li>ul>li>a{ padding:0 15px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden;}
.header .head .nav>li>ul>li:hover>a{ background-color:#f7f7f7;}
.header .head .nav>li>ul>li>ul{ position:absolute; left:100%; top:0; width:200px; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); display:none;}
.header .head .nav>li>ul>li:hover>ul{ display:block;}
.header .head .nav>li>ul>li>ul>li>a{ padding:0 15px; font-size:14px; height:34px; line-height:34px; display:block; overflow:hidden;}
.header .head .nav>li>ul>li>ul>li:hover>a{ background-color:#f7f7f7;}

.search{ width:100%; height:100vh; position:fixed; right:0; top:0; background-color:rgba(0,0,0,.7); z-index:1000; display:none;}
.search .box{ width:800px; height:50px; border-bottom:1px solid #cacaca; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.search .box p{ display:block; padding-left:10px; height:50px; float:left; width:calc(100% - 60px); color:#fff;}
.search .box p input{ width:100%; display:block; font-size:16px; line-height:50px; height:50px; overflow:hidden; background-color:transparent; color:#fff;}
.search .box p input::-webkit-input-placeholder{ color:#eee;} 
.search .box p input:-moz-placeholder{ color:#eee;} 
.search .box p input::-moz-placeholder{ color:#eee;} 
.search .box p input:-ms-input-placeholder{ color:#eee;} 
.serbox .box span{ display:block; width:50px; height:50px; float:right;}
.search .box span input{ width:50px; height:50px; display:block; cursor:pointer; background-color:transparent; background-image:url(../images/icon_search.png); background-position:center; background-repeat:no-repeat;}
.search .close{ position:absolute; right:3vw; top:3vw; -webkit-transition:1s linear; transition:1s ease-in;}
.search .close img{ display:block; cursor:pointer; width:40px;}
.search .close:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.menu{ display:none;}

.header-cart__empty {
    padding:15px;
	padding-bottom:0;
    text-align: center;
    color: #999;
    font-size: 14px;
}
}
@media only screen and (max-width: 1023px){
.header{ width:100%; height:60px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .bg{ display:none;}
.header .thead{ display:none;}
.header .head{ width:94%; margin:auto; position:relative;}
.header .head .logo{ height:40px; position:absolute; left:50%; top:10px; transform:translateX(-50%);}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img01{ display:none;}
.header .head .nav{ display:none;}
.header .head .navBtn{ position:relative; float:left; display:block; width:32px; height:60px; cursor:pointer;}
.header .head .navBtn span{ display:block; width:100%; height:2px; background-color:#333; position:absolute; left:0; top:calc((100% - 2px) / 2); transition:all .3s;}
.header .head .navBtn span:nth-child(1){ transform:translateY(11px) rotate(0deg);}
.header .head .navBtn span:nth-child(3){ transform:translateY(-11px) rotate(0deg);}
.header .head .navBtn.active span:nth-child(1){ transform:translateY(0) rotate(45deg);}
.header .head .navBtn.active span:nth-child(3){ transform:translateY(0) rotate(-45deg);}
.header .head .navBtn.active span:nth-child(2){ opacity:0;}
.header .head .gw{ height:14px; position:relative; padding:18px 0; float:right; }
.header .head .gw img{ display:block; height:24px;}
.header .head .gw span{ position:absolute; right:-5px; top:10px; display:block; min-width:8px; height:16px; border-radius:10px; padding:0 4px; font-size:12px; line-height:16px; background-color:#f2ac3d; text-align:center; color:#fff;}
.search{ display:none;}
.menu{ width:0; height:100vh; position:fixed; top:0; left:0; z-index:97; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.menu.open{ width:100%; overflow-y:auto;}
.menu .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1;}
.menu .box{ width:80%; min-height:100%; background-color:#fff; position:relative; z-index:3;}
.menu .box .bt{ width:100%; text-align:center; font-size:14px; height:44px; line-height:44px; border-bottom:1px solid #eee; padding-top:60px;}
.menu .box .ser{ margin:20px; background-color:#f7f7f7; position:relative;}
.menu .box .ser .emptyInput{ width:calc(100% - 38px); display:block; float:left; text-indent:10px; overflow:hidden; background-color:transparent; font-size:14px; height:38px; line-height:38px;}
.menu .box .ser .btn-search{ width:38px; height:38px; display:block; float:left; cursor:pointer; background-color:transparent;}
.menu .box .ser .btn-search img{ display:block; height:18px; margin:10px;}
.menu .box .sav{ margin:0 20px;}
.menu .box .sav>li{ display:block; padding:5px 0;}
.menu .box .sav>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .sav>li>a.on{ color:#f2ac3d;}
.menu .box .sav>li>a.xz{ color:#f2ac3d;}
.menu .box .sav>li>a img{ display:block; float:right; height:14px; margin:5px 0;}
.menu .box .sav>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .sav>li>ul>li{ display:block;}
.menu .box .sav>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .sav>li>ul>li>a.sen_x{ color:#f2ac3d;}
.menu .box .sav>li>ul>li>a img{ display:block; float:right; height:14px; margin:5px 0; opacity:.5;}
.menu .box .sav>li>ul>li>ul{ display:none; padding-bottom:5px; padding-left:15px;}
.menu .box .sav>li>ul>li>ul li{ display:block;}
.menu .box .yu>li>ul>li>ul li a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .yu{ padding:0 20px; border-top:1px solid #eee; margin-top:20px; display:block;}
.menu .box .yu>li{ display:block; padding:20px 0;}
.menu .box .yu>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden;}
.menu .box .yu>li>a img{ display:block; float:right; height:14px; margin:5px 0;}
.menu .box .yu>li>ul{ padding-left:15px; display:none; overflow:hidden;}
.menu .box .yu>li>ul>li{ display:block; padding-top:5px;}
.menu .box .yu>li>ul>li>a{ font-size:14px; height:24px; line-height:24px; display:block; overflow:hidden; color:#666;}
.menu .box .yu>li>ul>li>a.on{ color:#f2ac3d;}
.menu .box .yu>li>ul>li>a img{ display:block; height:11px; margin-right:6px; margin-top:7px; float:left;}
}

/*banner*/
@media screen and (min-width:1281px){
.banner{ width:100%; position:relative; z-index:1; border-top:140px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; height:640px; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ height:640px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide a img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:3;}
.banner .swiper-pagination span{ width:40px; height:6px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(0,0,0,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.banner{ width:100%; position:relative; z-index:1; border-top:130px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; height:460px; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ height:460px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-slide a img.mobile{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:20px; z-index:3;}
.banner .swiper-pagination span{ width:30px; height:5px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(0,0,0,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.banner{ width:100%; position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ width:100%; position:relative; z-index:1; display:block; overflow:hidden;}
.banner .swiper-slide a img{ width:100%; display:block;}
.banner .swiper-slide a img.pc{ display:none;}
.banner .swiper-pagination{ position:absolute; left:50%; transform:translateX(-50%); bottom:10px; z-index:3;}
.banner .swiper-pagination span{ width:20px; height:4px; display:block; float:left; margin:0 5px; cursor:pointer; background-color:rgba(0,0,0,.5); overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f2ac3d;}
}

/*关于美丽洞*/
@media screen and (min-width:1281px){
.abox{ width:100%; padding-top:70px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:510px; float:left;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ width:620px; float:right; padding-top:25px;}
.abox .box .right .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.abox .box .right .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.abox .box .right .w03{ margin-top:20px; width:60px; height:4px; background-color:#f2ac3d;}
.abox .box .right .w04{ font-size:14px; line-height:30px; height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-top:22px;}
.abox .box .right .w05{ margin-top:42px; width:100%; position:relative;}
.abox .box .right .w05 a{ width:160px; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.abox .box .right .w05:hover a{ background-color:#f2ac3d;}
.abox .box .right .w06{ margin-left:-70px; display:block; padding-top:40px;}
.abox .box .right .w06 li{ margin-left:70px; float:left; display:block; margin-top:15px; overflow:hidden;}
.abox .box .right .w06 li span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.abox .box .right .w06 li p{ display:flex; align-items:flex-end; overflow:hidden;}
.abox .box .right .w06 li p b{ font-size:48px; line-height:58px; display:block; color:#f2ac3d;}
.abox .box .right .w06 li p a{ font-size:14px; line-height:34px; display:block; margin-left:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.abox{ width:100%; padding-top:55px; padding-bottom:55px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:42.5%; float:left;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ width:51.67%; float:right; padding-top:15px;}
.abox .box .right .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.abox .box .right .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.abox .box .right .w03{ margin-top:15px; width:50px; height:3px; background-color:#f2ac3d;}
.abox .box .right .w04{ font-size:14px; line-height:30px; height:150px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-top:22px;}
.abox .box .right .w05{ margin-top:32px; width:100%; position:relative;}
.abox .box .right .w05 a{ width:140px; height:38px; line-height:38px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.abox .box .right .w05:hover a{ background-color:#f2ac3d;}
.abox .box .right .w06{ margin-left:-50px; display:block; padding-top:20px;}
.abox .box .right .w06 li{ margin-left:50px; float:left; display:block; margin-top:15px; overflow:hidden;}
.abox .box .right .w06 li span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.abox .box .right .w06 li p{ display:flex; align-items:flex-end; overflow:hidden;}
.abox .box .right .w06 li p b{ font-size:40px; line-height:50px; display:block; color:#f2ac3d;}
.abox .box .right .w06 li p a{ font-size:14px; line-height:34px; display:block; margin-left:7px;}
}
@media only screen and (max-width: 1023px){
.abox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.abox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.abox .box .left{ width:100%; float:left; margin-top:15px;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ width:100%; float:right;}
.abox .box .right .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#f2ac3d;}
.abox .box .right .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.abox .box .right .w03{ margin-top:10px; width:40px; height:2px; background-color:#f2ac3d;}
.abox .box .right .w04{ font-size:14px; line-height:24px; height:168px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7; margin-top:10px;}
.abox .box .right .w05{ margin-top:10px; width:100%; position:relative;}
.abox .box .right .w05 a{ width:120px; height:34px; line-height:34px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.abox .box .right .w05:hover a{ background-color:#f2ac3d;}
.abox .box .right .w06{ margin-left:-20px; display:block; padding-top:10px;}
.abox .box .right .w06 li{ margin-left:20px; float:left; display:block; margin-top:5px; overflow:hidden;}
.abox .box .right .w06 li span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.abox .box .right .w06 li p{ display:flex; align-items:flex-end; overflow:hidden; margin-top:-5px;}
.abox .box .right .w06 li p b{ font-size:36px; line-height:46px; display:block; color:#f2ac3d;}
.abox .box .right .w06 li p a{ font-size:14px; line-height:30px; display:block; margin-left:5px;}
}

/*推荐产品*/
@media screen and (min-width:1281px){
.title{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:30px; line-height:40px; font-weight:bold;}
.title .t02{ padding:8px 0;}
.title .t02 img{ height:8px; display:block; margin:auto;}
.title .t03{ font-size:16px; line-height:26px; color:#666;}
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.pbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:285px; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a .tu{ width:100%; padding-top:80px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu p{ width:100%; height:280px; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide a:hover .tu{ padding-top:0;}
.pbox .box .swiper-container .swiper-slide a:hover .tu p{ height:360px;}
.pbox .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:20px; background-color:#fff; height:80px; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide a .wen p{ display:block; font-size:18px; height:40px; line-height:40px; float:left;}
.pbox .box .swiper-container .swiper-slide a .wen img{ display:block; float:right; height:40px;}
.pbox .box .swiper-container .swiper-slide a:hover .wen{ background:url(../images/pm_08.png) left top repeat-x;}
.pbox .box .swiper-container .swiper-slide a:hover .wen p{ color:#fff;}
.pbox .box .swiper-container .swiper-slide a:hover .wen img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .box .swi{ width:100%; display:flex; justify-content:center; margin-top:40px;}
.pbox .box .swi .swiper-button-white{ width:40px; height:40px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.pbox .box .swi .swiper-button-white img{ height:14px; display:block; margin:13px auto;}
.pbox .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.pbox .box .swi .more{ float:left; width:160px; margin:0 10px;}
.pbox .box .swi .more a{ width:160px; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.pbox .box .swi .more:hover a{ background-color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ padding:7px 0;}
.title .t02 img{ height:8px; display:block; margin:auto;}
.title .t03{ font-size:15px; line-height:25px; color:#666;}
.pbox{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#f7f7f7; position:relative; z-index:1;}
.pbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:23.8%; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a .tu{ width:100%; padding-top:70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu p{ width:100%; padding-top:98.24%; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide a:hover .tu{ padding-top:0;}
.pbox .box .swiper-container .swiper-slide a:hover .tu p{ padding-top:126.31%;}
.pbox .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:15px; background-color:#fff; height:70px; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide a .wen p{ display:block; font-size:18px; height:40px; line-height:40px; float:left;}
.pbox .box .swiper-container .swiper-slide a .wen img{ display:block; float:right; height:40px;}
.pbox .box .swiper-container .swiper-slide a:hover .wen{ background:url(../images/pm_08.png) left top repeat-x; background-size:auto 100%;}
.pbox .box .swiper-container .swiper-slide a:hover .wen p{ color:#fff;}
.pbox .box .swiper-container .swiper-slide a:hover .wen img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .box .swi{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.pbox .box .swi .swiper-button-white{ width:38px; height:38px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.pbox .box .swi .swiper-button-white img{ height:14px; display:block; margin:12px auto;}
.pbox .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.pbox .box .swi .more{ float:left; width:140px; margin:0 10px;}
.pbox .box .swi .more a{ width:140px; height:38px; line-height:38px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.pbox .box .swi .more:hover a{ background-color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:20px; line-height:30px; font-weight:bold;}
.title .t02{ padding:5px 0;}
.title .t02 img{ max-width:100%; max-height:8px; display:block; margin:auto;}
.title .t03{ font-size:14px; line-height:24px; color:#666;}
.pbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.pbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ width:70%; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.pbox .box .swiper-container .swiper-slide a .tu{ width:100%; padding-top:70px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu p{ width:100%; padding-top:98.24%; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pbox .box .swiper-container .swiper-slide a:hover .tu{ padding-top:0;}
.pbox .box .swiper-container .swiper-slide a:hover .tu p{ padding-top:calc(98.24% + 70px);}
.pbox .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:15px; background-color:#fff; height:70px; position:absolute; left:0; top:0;}
.pbox .box .swiper-container .swiper-slide a .wen p{ display:block; font-size:16px; height:40px; line-height:40px; float:left;}
.pbox .box .swiper-container .swiper-slide a .wen img{ display:block; float:right; height:40px;}
.pbox .box .swiper-container .swiper-slide a:hover .wen{ background:url(../images/pm_08.png) left top repeat-x; background-size:auto 100%;}
.pbox .box .swiper-container .swiper-slide a:hover .wen p{ color:#fff;}
.pbox .box .swiper-container .swiper-slide a:hover .wen img{ filter:drop-shadow(#fff 10000px 0); transform:translateX(-10000px);}
.pbox .box .swi{ width:100%; display:flex; justify-content:center; margin-top:20px;}
.pbox .box .swi .swiper-button-white{ width:34px; height:34px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.pbox .box .swi .swiper-button-white img{ height:14px; display:block; margin:10px auto;}
.pbox .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.pbox .box .swi .more{ float:left; width:120px; margin:0 10px;}
.pbox .box .swi .more a{ width:120px; height:34px; line-height:34px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.pbox .box .swi .more:hover a{ background-color:#f2ac3d;}
}

/*宣传视频*/
@media screen and (min-width:1281px){
.vbox{ width:100%; height:700px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.vbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.vbox .box{ width:1200px; margin:auto; height:100%; display:flex; align-items:center; position:relative; z-index:3;}
.vbox .box .wen{ width:70%;}
.vbox .box .wen .w01{ color:#fff; font-size:30px; line-height:40px; font-weight:bold;}
.vbox .box .wen .w02{ color:#fff; font-size:16px; line-height:26px; height:104px; margin-top:15px;}
.vbox .box .wen .w03{ color:#fff; font-size:70px; line-height:80px; font-weight:bold; text-transform:uppercase; opacity:.5; margin-top:45px;}
.vbox .box .wen .w04{ margin-bottom:5px; margin-top:37px;}
.vbox .box .wen .w04 img{ display:block;}

.vbox .box .click{ width:30%;}
.vbox .box .click img{ width:70px; display:block; float:right; cursor:pointer; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.vbox .box .click img:hover{ -webkit-transform:rotateY(-360deg);}
.shipin{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.shipin .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.shipin .video{ width:100%;}
.shipin .video video{ width:100%; display:block; overflow:hidden;}
.shipin .wen{ margin:15px auto;}
.shipin .wen b{ font-size:16px; line-height:20px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.shipin .wen a{ cursor:pointer; display:block; float:right; height:20px; margin:0 10px;}
.shipin .wen a img{ display:block; height:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.shipin .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.vbox{ width:100%; height:540px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.vbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.vbox .box{ width:94%; margin:auto; height:100%; display:flex; align-items:center; position:relative; z-index:3;}
.vbox .box .wen{ width:70%;}
.vbox .box .wen .w01{ color:#fff; font-size:24px; line-height:34px; font-weight:bold;}
.vbox .box .wen .w02{ color:#fff; font-size:16px; line-height:26px; height:104px; margin-top:10px;}
.vbox .box .wen .w03{ color:#fff; font-size:60px; line-height:70px; font-weight:bold; text-transform:uppercase; opacity:.5; margin-top:35px;}
.vbox .box .wen .w04{ margin-bottom:5px; margin-top:20px;}
.vbox .box .wen .w04 img{ display:block;}

.vbox .box .click{ width:30%;}
.vbox .box .click img{ width:60px; display:block; float:right; cursor:pointer; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.vbox .box .click img:hover{ -webkit-transform:rotateY(-360deg);}
.shipin{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.shipin .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.shipin .video{ width:100%;}
.shipin .video video{ width:100%; display:block; overflow:hidden;}
.shipin .wen{ margin:15px auto;}
.shipin .wen b{ font-size:16px; line-height:20px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.shipin .wen a{ cursor:pointer; display:block; float:right; height:20px; margin:0 10px;}
.shipin .wen a img{ display:block; height:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.shipin .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}
@media only screen and (max-width: 1023px){
.vbox{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.vbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#000; opacity:.7;}
.vbox .box{ width:94%; margin:auto; height:100%; position:relative; z-index:3;}
.vbox .box .wen{ width:calc(97% - 40px);}
.vbox .box .wen .w01{ color:#fff; font-size:20px; line-height:30px; font-weight:bold;}
.vbox .box .wen .w02{ color:#fff; font-size:14px; line-height:24px; height:120px; margin-top:5px;}
.vbox .box .wen .w03{ color:#fff; font-size:50px; line-height:60px; font-weight:bold; text-transform:uppercase; opacity:.5; margin-top:15px;}
.vbox .box .wen .w04{ margin-top:10px;}
.vbox .box .wen .w04 img{ display:block;}

.vbox .box .click{ width:40px; margin:auto; margin-top:20px;}
.vbox .box .click img{ width:40px; display:block; cursor:pointer; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.vbox .box .click img:hover{ -webkit-transform:rotateY(-360deg);}
.shipin{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.shipin .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:94%; max-width:870px; box-sizing:border-box;}
.shipin .video{ width:100%;}
.shipin .video video{ width:100%; display:block; overflow:hidden;}
.shipin .wen{ margin:15px auto;}
.shipin .wen b{ font-size:16px; line-height:20px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.shipin .wen a{ cursor:pointer; display:block; float:right; height:20px; margin:0 10px;}
.shipin .wen a img{ display:block; height:20px; -webkit-transition:1s linear; transition:1s ease-in;}
.shipin .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
}

/*新闻资讯*/
@media screen and (min-width:1281px){
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.nbox .box dt{ float:left; width:100%; border:1px solid #eee; box-sizing:border-box; position:relative; overflow:hidden;}
.nbox .box dt .tu{ margin:19px; margin-right:30px; width:250px; float:left;}
.nbox .box dt .tu a{ width:100%; height:170px; display:block; position:relative; overflow:hidden;}
.nbox .box dt .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box dt .wen{ width:700px; float:left; margin:38px 0;}
.nbox .box dt .wen .w01{ font-size:18px; line-height:28px;}
.nbox .box dt .wen .w01 a{ width:100%; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dt .wen .w01:hover a{ color:#f2ac3d;}
.nbox .box dt .wen .w02{ font-size:14px; line-height:30px; margin-top:17px; height:90px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box dt .time{ float:right; position:relative; margin-top:44px; width:125px; height:70px;}
.nbox .box dt .time b{ font-size:30px; line-height:34px; height:34px; color:#999;}
.nbox .box dt .time img{ display:block; position:absolute; left:20px; top:22px; width:36px;}
.nbox .box dt .time p{ font-size:14px; line-height:22px; height:22px; margin-top:15px; margin-left:42px;}
.nbox .box dt .more{ width:79px; height:69px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.nbox .box dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:19px; padding-right:13px; text-align:right;}
.nbox .box dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.nbox .box dt .more:hover a{ color:#fff;}
.nbox .box dd{ width:380px; display:block; overflow:auto; float:left; margin-left:30px; margin-top:30px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:24px 19px;}
.nbox .box dd:nth-child(3n+2){ clear:left; float:left; margin-left:0;}
.nbox .box dd .w01{ float:left; font-weight:bold;}
.nbox .box dd .w01 span{ display:block; font-size:16px; line-height:24px; height:24px; text-align:right; color:#999;}
.nbox .box dd .w01 p{ display:block; font-size:24px; line-height:30px; height:30px; color:#333;}
.nbox .box dd .w02{ width:30px; height:30px; border-radius:100%; background-color:#f7f7f7; float:right; margin:12px 0; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}
.nbox .box dd .w03{ width:100%; height:1px; background-color:#eee; margin:15px 0; float:left;}
.nbox .box dd .w04{ width:100%; float:left;}
.nbox .box dd .w04 a{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dd .w05{ font-size:14px; line-height:24px; height:48px; margin-top:5px; color:#666; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box dd:hover{ background-color:#f2ac3d; border-radius:30px; border:1px solid #f2ac3d;}
.nbox .box dd:hover .w02{ background-color:#fff; background-image:url(../images/duo01.png);}
.nbox .box dd:hover .w03{ opacity:.5;}
.nbox .box dd:hover .w04 a,.nbox .box dd:hover .w05,.nbox .box dd:hover .w01 span,.nbox .box dd:hover .w01 p{ color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.nbox{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.nbox .box dt{ float:left; width:100%; border:1px solid #eee; box-sizing:border-box; position:relative; overflow:hidden;}
.nbox .box dt .tu{ margin:2vw 2%; width:250px; height:170px; float:left;}
.nbox .box dt .tu a{ width:100%; display:block; position:relative; overflow:hidden;}
.nbox .box dt .tu a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box dt .wen{ width:calc(92% - 376px); float:left; margin:2.5vw 1px;}
.nbox .box dt .wen .w01{ font-size:18px; line-height:28px; margin-top:20px;}
.nbox .box dt .wen .w01 a{ display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dt .wen .w01:hover a{ color:#f2ac3d;}
.nbox .box dt .wen .w02{ font-size:15px; line-height:25px; margin-top:.4vw; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box dt .time{ margin-right:2%; float:right; position:relative; margin-top:2.6vw; padding-right:50px; height:50px;}
.nbox .box dt .time b{ font-size:30px; line-height:34px; height:34px; color:#999; float:left;}
.nbox .box dt .time img{ display:block; width:36px; float:left; margin-top:10px;}
.nbox .box dt .time p{ font-size:16px; line-height:24px; height:24px; color:#333; position:absolute; right:0; bottom:0;}
.nbox .box dt .more{ width:79px; height:69px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.nbox .box dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:19px; padding-right:13px; text-align:right;}
.nbox .box dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.nbox .box dt .more:hover a{ color:#fff;}
.nbox .box dd{ width:32%; display:block; overflow:auto; float:left; margin-left:2%; margin-top:25px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:1.5vw 2.08%;}
.nbox .box dd:nth-child(3n+2){ clear:left; float:left; margin-left:0;}
.nbox .box dd .w01{ float:left; font-weight:bold;}
.nbox .box dd .w01 span{ display:block; font-size:16px; line-height:24px; height:24px; text-align:right; color:#999;}
.nbox .box dd .w01 p{ display:block; font-size:24px; line-height:30px; height:30px; color:#333;}
.nbox .box dd .w02{ width:30px; height:30px; border-radius:100%; background-color:#f7f7f7; float:right; margin:12px 0; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}
.nbox .box dd .w03{ width:100%; height:1px; background-color:#eee; margin:15px 0; float:left;}
.nbox .box dd .w04{ width:100%; float:left;}
.nbox .box dd .w04 a{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dd .w05{ font-size:14px; line-height:24px; height:48px; margin-top:5px; color:#666; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.nbox .box dd:hover{ background-color:#f2ac3d; border-radius:30px; border:1px solid #f2ac3d;}
.nbox .box dd:hover .w02{ background-color:#fff; background-image:url(../images/duo01.png);}
.nbox .box dd:hover .w03{ opacity:.5;}
.nbox .box dd:hover .w04 a,.nbox .box dd:hover .w05,.nbox .box dd:hover .w01 span,.nbox .box dd:hover .w01 p{ color:#fff;}
}
@media only screen and (max-width: 1023px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.nbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.nbox .box dt{ float:left; width:100%; border:1px solid #eee; padding:15px; box-sizing:border-box; position:relative; overflow:hidden;}
.nbox .box dt .tu{ width:100%; float:left; margin:5px 0;}
.nbox .box dt .tu a{ width:100%; padding-top:68%; display:block; position:relative; overflow:hidden;}
.nbox .box dt .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.nbox .box dt .wen{ width:100%; float:left;}
.nbox .box dt .wen .w01{ font-size:16px; line-height:26px;}
.nbox .box dt .wen .w01 a{ display:block; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dt .wen .w01:hover a{ color:#f2ac3d;}
.nbox .box dt .wen .w02{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box dt .time{ float:left; position:relative; margin-top:5px; padding-right:45px; height:46px;}
.nbox .box dt .time b{ font-size:24px; line-height:28px; height:28px; color:#999; float:left;}
.nbox .box dt .time img{ display:block; width:36px; float:left; margin-top:10px;}
.nbox .box dt .time p{ font-size:14px; line-height:22px; height:22px; color:#333; position:absolute; right:0; bottom:0;}
.nbox .box dt .more{ width:79px; height:60px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.nbox .box dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:10px; padding-right:13px; text-align:right;}
.nbox .box dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.nbox .box dt .more:hover a{ color:#fff;}
.nbox .box dd{ width:100%; display:block; overflow:auto; float:left; margin-top:15px; border:1px solid #eee; box-sizing:border-box; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:15px;}
.nbox .box dd:nth-child(3n+2){ clear:left; float:left; margin-left:0;}
.nbox .box dd .w01{ float:left; font-weight:bold;}
.nbox .box dd .w01 span{ display:block; font-size:16px; line-height:24px; height:24px; text-align:right; color:#999;}
.nbox .box dd .w01 p{ display:block; font-size:20px; line-height:26px; height:26px; color:#333;}
.nbox .box dd .w02{ width:34px; height:34px; border-radius:100%; background-color:#fafafa; float:right; margin:8px 0; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}
.nbox .box dd .w03{ width:100%; height:1px; background-color:#eee; margin:5px 0; float:left;}
.nbox .box dd .w04{ width:100%; float:left;}
.nbox .box dd .w04 a{ width:100%; display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box dd .w05{ font-size:14px; line-height:24px; height:72px; color:#666; float:left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.nbox .box dd:hover{ background-color:#f2ac3d; border-radius:20px; border:1px solid #f2ac3d;}
.nbox .box dd:hover .w02{ background-color:#fff; background-image:url(../images/duo01.png);}
.nbox .box dd:hover .w03{ opacity:.5;}
.nbox .box dd:hover .w04 a,.nbox .box dd:hover .w05,.nbox .box dd:hover .w01 span,.nbox .box dd:hover .w01 p{ color:#fff;}
}

/*联系我们*/
@media screen and (min-width:1281px){
.lbox{ width:100%; padding-top:70px; padding-bottom:70px; background-color:#333; position:relative; z-index:1;}
.lbox .box{ width:1200px; margin:auto; position:relative; z-index:3; display:flex;}
.lbox .box .left{ width:450px; float:left; margin-top:-5px; margin-right:3.42%; position:relative;}
.lbox .box .left .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#fff;}
.lbox .box .left .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px; color:#fff;}
.lbox .box .left .w03{ margin-top:20px; width:60px; height:4px; background-color:#f2ac3d;}
.lbox .box .left .list{ display:block; padding-top:10px;}
.lbox .box .left .list dt{ display:block; margin-top:25px; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#999;}
.lbox .box .left .list dd{ display:block; font-size:16px; line-height:26px; overflow:hidden; color:#fff;}
.lbox .box .left .list dt:nth-child(n+2),.lbox .box .left .list dd:nth-child(n+3){ width:calc(100% - 150px);}
.lbox .box .left .ma{ position:absolute; right:0; bottom:0; width:126px;}
.lbox .box .left .ma strong{ width:120px; border:3px solid #464646; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .left .ma strong img{ width:100%; display:block;}
.lbox .box .left .ma p{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.lbox .box .right{ width:calc(96.58% - 450px); border:3px solid #464646; box-sizing:border-box;}
.lbox .box .right #map{ width:100%; height:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.lbox{ width:100%; padding-top:55px; padding-bottom:55px; background-color:#333; position:relative; z-index:1;}
.lbox .box{ width:94%; margin:auto; position:relative; z-index:3; display:flex;}
.lbox .box .left{ width:450px; float:left; margin-top:-5px; margin-right:3%; position:relative;}
.lbox .box .left .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#fff;}
.lbox .box .left .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px; color:#fff;}
.lbox .box .left .w03{ margin-top:15px; width:50px; height:3px; background-color:#f2ac3d;}
.lbox .box .left .list{ display:block; padding-top:10px;}
.lbox .box .left .list dt{ display:block; margin-top:15px; font-size:15px; line-height:25px; height:25px; overflow:hidden; color:#999;}
.lbox .box .left .list dd{ display:block; font-size:15px; line-height:25px; overflow:hidden; color:#fff;}
.lbox .box .left .list dt:nth-child(n+2),.lbox .box .left .list dd:nth-child(n+3){ width:calc(100% - 150px);}
.lbox .box .left .ma{ position:absolute; right:0; bottom:0; width:126px;}
.lbox .box .left .ma strong{ width:120px; border:3px solid #464646; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .left .ma strong img{ width:100%; display:block;}
.lbox .box .left .ma p{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.lbox .box .right{ width:calc(97% - 450px); border:3px solid #464646; box-sizing:border-box;}
.lbox .box .right #map{ width:100%; height:100%;}
}
@media only screen and (max-width: 1023px){
.lbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#333; position:relative; z-index:1;}
.lbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.lbox .box .left{ width:100%; float:left; position:relative; margin-bottom:15px;}
.lbox .box .left .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#fff;}
.lbox .box .left .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#fff;}
.lbox .box .left .w03{ margin-top:10px; width:40px; height:2px; background-color:#f2ac3d;}
.lbox .box .left .list{ display:block; padding-top:5px;}
.lbox .box .left .list dt{ display:block; margin-top:10px; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#999;}
.lbox .box .left .list dd{ display:block; font-size:14px; line-height:24px; overflow:hidden; color:#fff;}
.lbox .box .left .list dt:nth-child(n+2),.lbox .box .left .list dd:nth-child(n+3){ width:calc(100% - 120px);}
.lbox .box .left .ma{ position:absolute; right:0; bottom:0; width:106px;}
.lbox .box .left .ma strong{ width:100px; border:3px solid #464646; background-color:#fff; display:block; overflow:hidden;}
.lbox .box .left .ma strong img{ width:100%; display:block;}
.lbox .box .left .ma p{ display:block; text-align:center; font-size:14px; line-height:24px; margin-top:3px; color:#fff;}
.lbox .box .right{ width:100%; margin-top:15px; height:260px; border:3px solid #464646; box-sizing:border-box;}
.lbox .box .right #map{ width:100%; height:100%;}
}

/*footer*/
@media screen and (min-width:1281px){
.footer{ width:100%; height:70px; position:relative; z-index:1; background-color:#222; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.footer p{ display:block; padding:0 0.78125vw; font-size:14px; line-height:24px; color:#ccc;}
.footer p a{ color:#ccc;}

.kefu{ position:fixed; z-index:99999; bottom:14%; right:30px; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:48px; height:48px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:48px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#f2ac3d; color:#fff; border:1px solid #f2ac3d;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #f2ac3d; border:1px solid #f2ac3d; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:9px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#f2ac3d;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#f2ac3d;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.footer{ width:100%; height:60px; position:relative; z-index:1; background-color:#222; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.footer p{ display:block; padding:0 0.78125vw; font-size:14px; line-height:24px; color:#ccc;}
.footer p a{ color:#ccc;}

.kefu{ position:fixed; z-index:99999; bottom:14%; right:3%; width:48px;}
.kefu ul li{ position:relative; margin-bottom:12px;}
.kefu ul li a.kf-gy{ width:44px; height:44px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:44px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#f2ac3d; color:#fff; border:1px solid #f2ac3d;}
.kefu ul li a.kf-a1{ background:url(../images/kf-a1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-a1{ background:url(../images/kf-a2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-b1{ background:url(../images/kf-b1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-b1{ background:url(../images/kf-b2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-c1{ background:url(../images/kf-c1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-c1{ background:url(../images/kf-c2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-d1{ background:url(../images/kf-d1.png) center no-repeat #fff; background-size:20px;}
.kefu ul li:hover a.kf-d1{ background:url(../images/kf-d2.png) center no-repeat #f2ac3d; background-size:20px;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #f2ac3d; border:1px solid #f2ac3d; background-size:20px;}
.kefu ul li span{ position:absolute; box-shadow:0 4px 16px rgba(28,67,125,.08); padding:7px 20px; color:#161616; font-size:14px; line-height:22px; white-space:nowrap; bottom:5px; text-align:center; background:#fff; border:1px solid hsla(226,9%,73%,.12); border-radius:4px; transition:all .3s ease; opacity:0; visibility:hidden; right:100px;}
.kefu ul li span a{ color:#f2ac3d;}	
.kefu ul li span a.kf-tel{ font-size:18px; color:#f2ac3d;}
.kefu ul li:hover span{ visibility:visible; opacity:1; right:60px;}
.kefu ul li span:after{ position:absolute; box-sizing:border-box; background-color:inherit; width:12px; height:12px; bottom:15px; transition:all 250ms ease-in-out 0s; right:-4.25px; transform:rotate(315deg); border-right:1px solid hsla(226,9%,73%,.12); border-bottom:1px solid hsla(226,9%,73%,.12); content:"";}
.kefu ul li span dl{ width:100px;}
.kefu ul li span dl dt{ padding:5px;}
.kefu ul li span dl dt img{ display:block; width:100%;}
.kefu ul li span dl dd{ width:100%; font-size:14px;}
}
@media only screen and (max-width: 1023px){
.footer{ width:97%; position:relative; z-index:1; padding:15px 2%; background-color:#222; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.footer p{ display:block; padding:0 0.5vw; font-size:14px; line-height:20px; color:#ccc;}
.footer p a{ color:#ccc;}

.kefu{ position:fixed; z-index:99999; bottom:14%; right:3%; width:40px;}
.kefu ul li{ display:none; position:relative;}
.kefu ul li.kf-top{ display:block;}
.kefu ul li a.kf-gy{ width:38px; height:38px; background:#fff; border:1px solid #eee; display:block; text-align:center; line-height:38px; color:#333; border-radius:50px; box-shadow:0 4px 16px rgba(28,67,125,.08); transition:all 0.5s ease-out 0s; cursor:pointer;}
.kefu ul li:hover a.kf-gy{ background:#f2ac3d; color:#fff; border:1px solid #f2ac3d;}
.kefu ul li a.kf-e1{ background:url(../images/kf-e1.png) center no-repeat #fff; background-size:20px; margin-top:20px;}
.kefu ul li:hover a.kf-e1{ background:url(../images/kf-e2.png) center no-repeat #f2ac3d; border:1px solid #f2ac3d; background-size:20px;}
}

/*内页*/
@media screen and (min-width:1281px){
.ban{ width:100%; height:400px; position:relative; z-index:1; border-top:140px solid #fff;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#000; opacity:.5;}
.ban .wen{ width:1200px; text-align:center; z-index:3; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:36px; height:50px; line-height:50px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{  width:100%;color:#fff; display:block; font-size:100px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:16px; font-size:16px; line-height:30px; max-height:90px; color:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ban{ width:100%; height:300px; position:relative; z-index:1; border-top:130px solid #fff;}
.ban .tu{ width:100%; height:100%; position:relative; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#000; opacity:.5;}
.ban .wen{ width:94%; text-align:center; z-index:3; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:30px; height:42px; line-height:42px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{ width:100%; color:#fff; display:block; font-size:80px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:10px; font-size:15px; line-height:25px; max-height:75px; color:#fff;}
}
@media only screen and (max-width: 1023px){
.ban{ width:94%; padding:25px 3%; border-top:60px solid #fff; position:relative; z-index:1;}
.ban .tu{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ban .tu img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .tu b{ width:100%; height:100%; display:block; position:relative; z-index:3; background-color:#000; opacity:.5;}
.ban .wen{ width:100%; text-align:center; z-index:3; position:relative;}
.ban .wen .w01{ width:100%; position:relative; overflow:visible;}
.ban .wen .w01 b{ width:100%; color:#fff; display:block; font-size:20px; height:28px; line-height:28px; overflow:hidden; position:relative; z-index:3;}
.ban .wen .w01 strong{ width:100%; color:#fff; display:block; font-size:50px; line-height:1; overflow:hidden; opacity:.05; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:3; text-transform:uppercase;}
.ban .wen .w02{ width:100%; margin-top:6px; font-size:14px; line-height:22px; color:#fff; max-height:88px;}
}

/*新闻资讯*/
@media screen and (min-width:1281px){
.main{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff; position:relative; z-index:1;}
.main .news{ width:1200px; margin:auto; position:relative; z-index:3;}
.main .news dt{ float:left; width:100%; border:1px solid #eee; box-sizing:border-box; position:relative; overflow:hidden; margin-top:35px;}
.main .news dt .tu{ margin:19px; margin-right:30px; width:250px; float:left;}
.main .news dt .tu a{ width:100%; height:170px; display:block; position:relative; overflow:hidden;}
.main .news dt .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news dt .wen{ width:700px; float:left; margin:38px 0;}
.main .news dt .wen .w01{ font-size:18px; line-height:28px;}
.main .news dt .wen .w01 a{ width:100%; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news dt .wen .w01:hover a{ color:#f2ac3d;}
.main .news dt .wen .w02{ font-size:14px; line-height:30px; margin-top:17px; height:90px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news dt .time{ float:right; position:relative; margin-top:44px; width:125px; height:70px;}
.main .news dt .time b{ font-size:30px; line-height:34px; height:34px; color:#999;}
.main .news dt .time img{ display:block; position:absolute; left:20px; top:22px; width:36px;}
.main .news dt .time p{ font-size:14px; line-height:22px; height:22px; margin-top:15px; margin-left:42px;}
.main .news dt .more{ width:79px; height:69px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.main .news dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:19px; padding-right:13px; text-align:right;}
.main .news dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.main .news dt .more:hover a{ color:#fff;}

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ width:38px; height:38px; line-height:38px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:38px; height:38px; line-height:38px; border:1px solid #f2ac3d; background-color:#f2ac3d; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#f2ac3d;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#f2ac3d; border:1px solid #f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.main{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#fff; position:relative; z-index:1;}
.main .news{ width:94%; margin:auto; position:relative; z-index:3;}
.main .news dt{ float:left; width:100%; border:1px solid #eee; box-sizing:border-box; position:relative; overflow:hidden; margin-top:25px;}
.main .news dt .tu{ margin:2vw 2%; width:250px; height:170px; float:left;}
.main .news dt .tu a{ width:100%; display:block; position:relative; overflow:hidden;}
.main .news dt .tu a img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news dt .wen{ width:calc(92% - 376px); float:left; margin:2.5vw 1px;}
.main .news dt .wen .w01{ font-size:18px; line-height:28px; margin-top:20px;}
.main .news dt .wen .w01 a{ display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news dt .wen .w01:hover a{ color:#f2ac3d;}
.main .news dt .wen .w02{ font-size:15px; line-height:25px; margin-top:.4vw; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news dt .time{ margin-right:2%; float:right; position:relative; margin-top:2.6vw; padding-right:50px; height:50px;}
.main .news dt .time b{ font-size:30px; line-height:34px; height:34px; color:#999; float:left;}
.main .news dt .time img{ display:block; width:36px; float:left; margin-top:10px;}
.main .news dt .time p{ font-size:16px; line-height:24px; height:24px; color:#333; position:absolute; right:0; bottom:0;}
.main .news dt .more{ width:79px; height:69px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.main .news dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:19px; padding-right:13px; text-align:right;}
.main .news dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.main .news dt .more:hover a{ color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block; font-size:16px;}
.fanye li a{ width:34px; height:34px; line-height:34px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:34px; height:34px; line-height:34px; border:1px solid #f2ac3d; background-color:#f2ac3d; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#f2ac3d;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#f2ac3d; border:1px solid #f2ac3d;}
}
@media only screen and (max-width: 1023px){
.main{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff; position:relative; z-index:1;}
.main .news{ width:94%; margin:auto; position:relative; z-index:3;}
.main .news dt{ float:left; width:100%; border:1px solid #eee; padding:15px; box-sizing:border-box; position:relative; overflow:hidden; margin-top:15px;}
.main .news dt .tu{ width:100%; float:left; margin:5px 0;}
.main .news dt .tu a{ width:100%; padding-top:68%; display:block; position:relative; overflow:hidden;}
.main .news dt .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news dt .tu a:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .news dt .wen{ width:100%; float:left;}
.main .news dt .wen .w01{ font-size:16px; line-height:26px;}
.main .news dt .wen .w01 a{ display:block; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news dt .wen .w01:hover a{ color:#f2ac3d;}
.main .news dt .wen .w02{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news dt .time{ float:left; position:relative; margin-top:5px; padding-right:45px; height:46px;}
.main .news dt .time b{ font-size:24px; line-height:28px; height:28px; color:#999; float:left;}
.main .news dt .time img{ display:block; width:36px; float:left; margin-top:10px;}
.main .news dt .time p{ font-size:14px; line-height:22px; height:22px; color:#333; position:absolute; right:0; bottom:0;}
.main .news dt .more{ width:79px; height:60px; display:block; background-image:url(../images/more_06.jpg); background-position:top left; background-repeat:no-repeat; position:absolute; right:0; bottom:0;}
.main .news dt .more a{ display:block; height:14px; line-height:50px; height:50px; text-transform:uppercase; padding-top:10px; padding-right:13px; text-align:right;}
.main .news dt .more:hover{ background-image:url(../images/moreh_06.jpg);}
.main .news dt .more:hover a{ color:#fff;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:5px; margin-bottom:0; display:inline-block; font-size:14px;}
.fanye li a{ width:30px; height:30px; line-height:30px; border:1px solid #cacaca; display:block;}
.fanye li span{ width:30px; height:30px; line-height:30px; border:1px solid #f2ac3d; background-color:#f2ac3d; color:#fff; display:block;}
.fanye li.active span{ color:#fff; background-color:#f2ac3d;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#f2ac3d; border:1px solid #f2ac3d;}
}

/*新闻资讯内页*/
@media screen and (min-width:1281px){
.ny{ width:1200px; margin:65px auto; position:relative; z-index:3;}
.ny .lbar{ width:830px; float:left;}
.ny .lbar .bt{ font-size:24px; line-height:34px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:25px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:25px; padding-top:23px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 100px); display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#f2ac3d;}
.ny .lbar .back span{ position:absolute; right:0; top:23px; font-size:14px; height:30px; line-height:30px;}
.ny .lbar .back span a:hover{ color:#f2ac3d;}

.ny .rbar{ width:310px; border:1px solid #eee; border-top:2px solid #f2ac3d; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:29px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 29px; padding-bottom:25px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:25px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:16px; height:24px; line-height:24px; color:#999;}
.ny .rbar ul li p:hover{ color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ny{ width:94%; margin:50px auto; position:relative; z-index:3;}
.ny .lbar{ width:74.17%; float:left;}
.ny .lbar .bt{ font-size:20px; line-height:30px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-top:5px; padding-bottom:10px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:30px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:501px; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:20px; padding-top:20px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#f2ac3d;}
.ny .lbar .back span{ position:absolute; right:0; top:20px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#f2ac3d;}

.ny .rbar{ width:21.83%; border:1px solid #eee; border-top:2px solid #f2ac3d; float:right; margin:5px 0;}
.ny .rbar .bt{ padding-left:8%; font-size:16px; height:46px; line-height:46px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:5px 8%; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li p:hover{ color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.ny{ width:94%; margin:35px auto; position:relative; z-index:3;}
.ny .lbar{ width:100%; float:left;}
.ny .lbar .bt{ font-size:18px; line-height:28px; text-align:center;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:24px; height:24px; padding-bottom:5px; border-bottom:1px solid #eee; text-align:center;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .wen video{ width:100%; display:block; overflow:hidden;}
.ny .lbar .wen iframe{ width:100%; height:70.5vw; display:block; overflow:hidden;}
.ny .lbar .back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:calc(100% - 70px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .lbar .back p a:hover{ color:#f2ac3d;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#f2ac3d;}

.ny .rbar{ display:none;}
}

/*关于我们*/
@media screen and (min-width:1281px){
.ab01{ width:100%; padding-top:65px; padding-bottom:60px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab01 .box .left{ width:600px; float:right;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:550px; float:left; margin-top:-5px;}
.ab01 .box .right .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.ab01 .box .right .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.ab01 .box .right .w03{ margin-top:20px; width:60px; height:4px; background-color:#f2ac3d;}
.ab01 .box .right .w04{ font-size:14px; line-height:30px; margin-top:22px;}
.ab01 .box .w06{ width:100%; float:left; display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:25px;}
.ab01 .box .w06 li{ width:23.5%; display:block; margin-top:15px; overflow:hidden;}
.ab01 .box .w06 li span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.ab01 .box .w06 li p{ display:flex; align-items:flex-end; overflow:hidden;}
.ab01 .box .w06 li p b{ font-size:48px; line-height:58px; display:block; color:#f2ac3d;}
.ab01 .box .w06 li p a{ font-size:14px; line-height:34px; display:block; margin-left:10px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ab01{ width:100%; padding-top:50px; padding-bottom:45px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ab01 .box .left{ width:42.5%; float:right;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:52.5%; float:left; margin-top:-5px;}
.ab01 .box .right .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.ab01 .box .right .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.ab01 .box .right .w03{ margin-top:15px; width:50px; height:3px; background-color:#f2ac3d;}
.ab01 .box .right .w04{ font-size:14px; line-height:30px; margin-top:17px;}
.ab01 .box .w06{ width:100%; float:left; display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:15px;}
.ab01 .box .w06 li{ width:23.5%; display:block; margin-top:15px; overflow:hidden;}
.ab01 .box .w06 li span{ display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.ab01 .box .w06 li p{ display:flex; align-items:flex-end; overflow:hidden;}
.ab01 .box .w06 li p b{ font-size:40px; line-height:50px; display:block; color:#f2ac3d;}
.ab01 .box .w06 li p a{ font-size:14px; line-height:34px; display:block; margin-left:7px;}
}
@media only screen and (max-width: 1023px){
.ab01{ width:100%; padding-top:35px; padding-bottom:35px; background-color:#fff; position:relative; z-index:1;}
.ab01 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab01 .box .left{ width:100%; float:left;}
.ab01 .box .left img{ width:100%; display:block;}
.ab01 .box .right{ width:100%; float:right; margin-top:15px;}
.ab01 .box .right .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#f2ac3d;}
.ab01 .box .right .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.ab01 .box .right .w03{ margin-top:10px; width:40px; height:2px; background-color:#f2ac3d;}
.ab01 .box .right .w04{ font-size:14px; line-height:24px; margin-top:10px;}
.ab01 .box .w06{ width:100%; float:left; display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:5px;}
.ab01 .box .w06 li{ width:48.5%; display:block; margin-top:5px; overflow:hidden;}
.ab01 .box .w06 li span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.ab01 .box .w06 li p{ display:flex; align-items:flex-end; overflow:hidden; margin-top:-5px;}
.ab01 .box .w06 li p b{ font-size:36px; line-height:46px; display:block; color:#f2ac3d;}
.ab01 .box .w06 li p a{ font-size:14px; line-height:30px; display:block; margin-left:5px;}
}

@media screen and (min-width:1281px){
.ab02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative; height:390px;}
.ab02 .box .swiper-container .swiper-slide{ width:600px; height:390px; margin:0 30px; position:relative; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab02 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab02 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab02 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; background-color:rgba(255,255,255,.3); border-radius:100%; z-index:9;}
.ab02 .box .swiper-button-white:hover{ background-color:#f2ac3d;}
.ab02 .box .swiper-button-white img{ height:14px; margin:13px auto; display:block;}
.ab02 .box .swiper-button-prev{ left:30px;}
.ab02 .box .swiper-button-next{ right:30px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.ab02{ width:100%; padding-top:50px; padding-bottom:55px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative; height:390px;}
.ab02 .box .swiper-container .swiper-slide{ width:600px; height:390px; margin:0 1.5%; position:relative; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide img{ width:100%; display:block;}
.ab02 .box .swiper-container .swiper-slide .bg{ width:100%; height:100%; background-color:#000; opacity:0.7; position:absolute; left:0; top:0;}
.ab02 .box .swiper-container .swiper-slide.swiper-slide-active .bg{ display:none;}
.ab02 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; background-color:rgba(255,255,255,.3); border-radius:100%; z-index:9;}
.ab02 .box .swiper-button-white:hover{ background-color:#f2ac3d;}
.ab02 .box .swiper-button-white img{ height:14px; margin:12px auto; display:block;}
.ab02 .box .swiper-button-prev{ left:3vw;}
.ab02 .box .swiper-button-next{ right:3vw;}
}
@media only screen and (max-width: 1023px){
.ab02{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.ab02 .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.ab02 .box .swiper-container{ width:100%; position:relative;}
.ab02 .box .swiper-container .swiper-slide{ width:100%; margin:0 1.5%; position:relative; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide:before{ width:100%; padding-top:65%; display:block; content:''; overflow:hidden;}
.ab02 .box .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; z-index:2;}
.ab02 .box .swiper-button-white{ position:absolute; top:50%; margin-top:-18px; width:36px; height:36px; background-color:rgba(0,0,0,.7); border-radius:100%; z-index:9;}
.ab02 .box .swiper-button-white:hover{ background-color:#f2ac3d;}
.ab02 .box .swiper-button-white img{ height:14px; margin:12px auto; display:block;}
.ab02 .box .swiper-button-prev{ left:3vw;}
.ab02 .box .swiper-button-next{ right:3vw;}
}

/*资料下载*/
@media screen and (min-width:1281px){
.main .down{ width:1200px; margin:auto; position:relative; z-index:3;}
.main .down li{ width:100%; border-bottom:1px solid #eee; position:relative; overflow:hidden; padding:35px 0;}
.main .down li .tu{ width:130px; height:130px; float:left;}
.main .down li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .down li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .down li .wen{ width:calc(100% - 310px); margin:0 30px; float:left;}
.main .down li .wen .w01{ font-size:18px; line-height:28px;}
.main .down li .wen .w01 a{ display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .down li .wen .w01:hover a{ color:#f2ac3d;}
.main .down li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#999;}
.main .down li .wen .w03{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .down li .xia{ width:120px; height:130px; float:left; display:flex; align-items:center;}
.main .down li .xia a{ width:100%; height:40px; line-height:40px; border-radius:5px; background-color:#eee; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#333; font-size:14px;}
.main .down li .xia a svg{ display:block; width:16px; margin-right:8px;}
.main .down li .xia a:hover{ background-color:#f2ac3d; color:#fff;}
.main .down li .xia a:hover svg{ fill:#fff;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.main .down{ width:94%; margin:auto; position:relative; z-index:3;}
.main .down li{ width:100%; border-bottom:1px solid #eee; position:relative; overflow:hidden; padding:25px 0;}
.main .down li .tu{ width:130px; height:130px; float:left;}
.main .down li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .down li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .down li .wen{ width:calc(100% - 270px); margin:0 20px; float:left;}
.main .down li .wen .w01{ font-size:18px; line-height:28px;}
.main .down li .wen .w01 a{ display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .down li .wen .w01:hover a{ color:#f2ac3d;}
.main .down li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#999;}
.main .down li .wen .w03{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .down li .xia{ width:100px; height:130px; float:left; display:flex; align-items:center;}
.main .down li .xia a{ width:100%; height:38px; line-height:38px; border-radius:5px; background-color:#eee; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#333; font-size:14px;}
.main .down li .xia a svg{ display:block; width:16px; margin-right:8px;}
.main .down li .xia a:hover{ background-color:#f2ac3d; color:#fff;}
.main .down li .xia a:hover svg{ fill:#fff;}
}
@media only screen and (max-width: 1023px){
.main .down{ width:94%; margin:auto; position:relative; z-index:3;}
.main .down li{ width:100%; border-bottom:1px solid #eee; position:relative; overflow:hidden; padding:15px 0;}
.main .down li .tu{ width:80px; height:80px; float:left;}
.main .down li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .down li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .down li .wen{ width:calc(100% - 90px); margin-left:10px; float:left;}
.main .down li .wen .w01{ font-size:16px; line-height:26px;}
.main .down li .wen .w01 a{ display:block; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .down li .wen .w01:hover a{ color:#f2ac3d;}
.main .down li .wen .w02{ font-size:14px; line-height:24px; height:24px; color:#999;}
.main .down li .wen .w03{ display:none;}
.main .down li .xia{ width:80px; position:absolute; right:0; bottom:15px; display:flex; align-items:center;}
.main .down li .xia a{ width:100%; height:34px; line-height:34px; border-radius:5px; background-color:#eee; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#333; font-size:14px;}
.main .down li .xia a svg{ display:block; width:16px; margin-right:8px;}
.main .down li .xia a:hover{ background-color:#f2ac3d; color:#fff;}
.main .down li .xia a:hover svg{ fill:#fff;}
}

/*联系我们*/
@media screen and (min-width:1281px){
.lx01{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3; display:flex;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.lx01 .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:10px;}
.lx01 .w03{ margin-top:20px; width:60px; height:4px; background-color:#f2ac3d;}
.lx01 .yc{ width:420px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:24px; line-height:34px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:20px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 480px); float:left; margin-right:5%;}
.lx01 .zc .lx{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.lx01{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex;}
.lx01 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.lx01 .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.lx01 .w03{ margin-top:15px; width:50px; height:3px; background-color:#f2ac3d;}
.lx01 .yc{ width:360px; border-radius:10px; padding:35px 30px; padding-bottom:40px; background-color:#f1f1f1; float:right;}
.lx01 .yc .f01{ font-size:22px; line-height:32px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:20px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:36px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:calc(95% - 420px); float:left; margin-right:5%;}
.lx01 .zc .lx{ margin-top:20px;}
.lx01 .zc .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.lx01 .zc .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.lx01 .zc .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.lx01{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.lx01 .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#f2ac3d;}
.lx01 .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.lx01 .w03{ margin-top:10px; width:40px; height:2px; background-color:#f2ac3d;}
.lx01 .yc{ width:100%; box-sizing:border-box; border-radius:10px; padding:25px 15px; padding-bottom:20px; background-color:#f1f1f1; float:right; margin-top:20px;}
.lx01 .yc .f01{ font-size:18px; line-height:28px; font-weight:bold; color:#333;}
.lx01 .yc .f02{ font-size:14px; line-height:24px; color:#333; margin-top:5px;}
.lx01 .yc .f03{ margin-top:5px;}
.lx01 .yc .f03 p{ display:block; overflow:hidden; margin-top:15px;}
.lx01 .yc .f03 p strong{ height:20px; width:30px; float:left; display:block;}
.lx01 .yc .f03 p strong img{ height:20px;}
.lx01 .yc .f03 p span{ font-size:14px; line-height:20px; color:#333; width:calc(100% - 30px); float:left; display:block;}
.lx01 .yc .f04{ margin-top:20px; display:flex; align-items:center;}
.lx01 .yc .f04 strong{ display:block; width:100px; padding:10px; background-image:url(../images/l05_14.png); background-size:100% 100%; overflow:hidden;}
.lx01 .yc .f04 strong img{ width:100%; display:block;}
.lx01 .yc .f04 p{ display:block; font-size:14px; line-height:24px; color:#666; margin-left:10px;}
.lx01 .zc{ width:100%; float:left;}
.lx01 .zc .lx{ margin-top:15px;}
.lx01 .zc .f01{ width:100%; float:left; margin-bottom:15px;}
.lx01 .zc .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f01 p{ display:block; border-radius:5px; padding:0 14px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.lx01 .zc .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.lx01 .zc .f02{ width:100%; float:left; margin-bottom:20px;}
.lx01 .zc .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.lx01 .zc .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.lx01 .zc .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 14px; display:block; overflow:auto; width:100%; font-family:inherit;}
.lx01 .zc .f03{ width:100%; float:left; margin-right:40px;}
.lx01 .zc .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.lx01 .zc .f03 input:hover{ background-color:#f2ac3d;}
}

/*发送询盘*/
@media screen and (min-width:1281px){
.fs{ width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.fs .list{ width:1200px; margin:auto; display:block; position:relative; z-index:3;}
.fs .list li{ margin-top:35px; display:flex; align-items:center; background-color:#fff; padding:30px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.fs .list li .inp{ width:40px;}
.fs .list li .inp input{ width:20px; display:block;}
.fs .list li .tu{ width:120px; height:120px;}
.fs .list li .tu img{ width:100%; display:block;}
.fs .list li .wen{ margin:0 20px; flex:1;}
.fs .list li .wen .w01{ font-size:16px; line-height:26px;}
.fs .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:10px 0;}
.fs .list li .wen .w03{ width:100%;}
.fs .list li .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.fs .list li .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.fs .list li .sc{ width:20px; overflow:hidden;}
.fs .list li .sc img{ width:100%; display:block;}

.fs02{ width:1200px; margin:auto; margin-top:40px; position:relative; z-index:3; padding:50px; padding-top:45px; background-color:#fff; box-sizing:border-box; border-radius:10px;}
.fs02 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.fs02 .w02{ font-size:30px; line-height:40px; font-weight:bold; margin-top:5px;}
.fs02 .w03{ margin-top:15px; width:60px; height:4px; background-color:#f2ac3d;}
.fs02 .mess{ margin-top:35px;}
.fs02 .mess .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.fs02 .mess .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fs02 .mess .f01 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.fs02 .mess .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.fs02 .mess .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.fs02 .mess .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.fs02 .mess .f02 span{ display:block; font-size:14px; line-height:34px; margin-bottom:6px;}
.fs02 .mess .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.fs02 .mess .f03{ width:100%; float:left; margin-right:40px;}
.fs02 .mess .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fs02 .mess .f03 input:hover{ background-color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.fs{ width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.fs .list{ width:94%; margin:auto; display:block; position:relative; z-index:3;}
.fs .list li{ margin-top:25px; display:flex; align-items:center; background-color:#fff; padding:20px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.fs .list li .inp{ width:40px;}
.fs .list li .inp input{ width:20px; display:block;}
.fs .list li .tu{ width:120px; height:120px;}
.fs .list li .tu img{ width:100%; display:block;}
.fs .list li .wen{ margin:0 20px; flex:1;}
.fs .list li .wen .w01{ font-size:16px; line-height:16px;}
.fs .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:10px 0;}
.fs .list li .wen .w03{ width:100%;}
.fs .list li .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.fs .list li .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.fs .list li .sc{ width:20px; overflow:hidden;}
.fs .list li .sc img{ width:100%; display:block;}

.fs02{ width:94%; margin:auto; margin-top:30px; position:relative; z-index:3; padding:40px; padding-top:35px; background-color:#fff; box-sizing:border-box; border-radius:10px;}
.fs02 .w01{ padding-left:20px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#f2ac3d;}
.fs02 .w02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:5px;}
.fs02 .w03{ margin-top:10px; width:50px; height:3px; background-color:#f2ac3d;}
.fs02 .mess{ margin-top:25px;}
.fs02 .mess .f01{ width:48%; float:left; margin-left:4%; margin-bottom:20px;}
.fs02 .mess .f01:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.fs02 .mess .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.fs02 .mess .f01 p{ display:block; border-radius:5px; padding:0 19px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.fs02 .mess .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.fs02 .mess .f02{ width:100%; float:left; margin-right:40px; margin-bottom:30px;}
.fs02 .mess .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:6px;}
.fs02 .mess .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 19px; display:block; overflow:auto; width:100%; font-family:inherit;}
.fs02 .mess .f03{ width:100%; float:left; margin-right:40px;}
.fs02 .mess .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fs02 .mess .f03 input:hover{ background-color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.fs{ width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.fs .list{ width:94%; margin:auto; display:block; position:relative; z-index:3;}
.fs .list li{ margin-top:15px; display:flex; align-items:center; background-color:#fff; padding:15px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.fs .list li .inp{ width:29px;}
.fs .list li .inp input{ width:14px; display:block;}
.fs .list li .tu{ width:80px; height:80px;}
.fs .list li .tu img{ width:100%; display:block;}
.fs .list li .wen{ margin:0 15px; flex:1;}
.fs .list li .wen .w01{ font-size:16px; line-height:18px;}
.fs .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:2px 0;}
.fs .list li .wen .w03{ width:100%;}
.fs .list li .wen .w03 .input-group{ width:130px; height:26px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.fs .list li .wen .w03 .btn-decrement{ width:26px; height:26px; line-height:26px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 .btn-increment{ width:26px; height:26px; line-height:26px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.fs .list li .wen .w03 input{ width:calc(100% - 52px); display:block; height:26px; line-height:26px; text-align:center; float:left; overflow:hidden;}
.fs .list li .sc{ width:14px; overflow:hidden;}
.fs .list li .sc img{ width:100%; display:block;}

.fs02{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; padding:15px; padding-bottom:20px; background-color:#fff; box-sizing:border-box; border-radius:10px;}
.fs02 .w01{ padding-left:15px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#f2ac3d;}
.fs02 .w02{ font-size:20px; line-height:30px; font-weight:bold;}
.fs02 .w03{ margin-top:5px; width:40px; height:2px; background-color:#f2ac3d;}
.fs02 .mess{ margin-top:15px;}
.fs02 .mess .f01{ width:100%; float:left; margin-bottom:15px;}
.fs02 .mess .f01 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.fs02 .mess .f01 p{ display:block; border-radius:5px; padding:0 14px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f01 p input{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%;}
.fs02 .mess .f01 p select{ font-size:14px; line-height:38px; display:block; overflow:hidden; width:100%; background-image:url(../images/sel.png); background-position:right center; background-repeat:no-repeat; background-color:#fff;}
.fs02 .mess .f02{ width:100%; float:left; margin-bottom:20px;}
.fs02 .mess .f02 span{ display:block; font-size:14px; line-height:24px; margin-bottom:5px;}
.fs02 .mess .f02 p{ display:block; border-radius:5px; overflow:hidden; border:1px solid #ddd;}
.fs02 .mess .f02 p textarea{ height:104px; font-size:14px; line-height:24px; padding:7px 14px; display:block; overflow:auto; width:100%; font-family:inherit;}
.fs02 .mess .f03{ width:100%; float:left; margin-right:40px;}
.fs02 .mess .f03 input{ cursor:pointer; display:block; text-align:center; float:right; width:150px; height:40px; line-height:40px; font-size:14px; border-radius:40px; background-color:#333; color:#fff;}
.fs02 .mess .f03 input:hover{ background-color:#f2ac3d;}
}

/*产品展示*/
.btn-decrement,.btn-increment{ min-width:0 !important;}
@media screen and (min-width:1281px){
.pro{ width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro .box{ width:1200px; margin:auto;}
.pro .pro01{ float:left; padding:30px; width:200px; background-color:#fff; border-radius:10px;}
.pro .pro01 .w01{ font-size:20px; line-height:28px; color:#999; font-weight:bold;}
.pro .pro01 .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:5px;}
.pro .pro01 .w03{ padding-top:4px; display:block;}
.pro .pro01 .w03 li{ display:block; overflow:hidden; margin-top:6px; font-size:14px; line-height:24px; cursor:pointer;}
.pro .pro01 .w03 li p{ display:block; float:left; max-width:calc(100% - 20px); overflow:hidden; color:#f2ac3d;}
.pro .pro01 .w03 li a{ width:10px; float:left; margin-left:10px; height:24px; display:block; overflow:hidden;}
.pro .pro01 .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .pro01 .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .pro01 .w04{ padding-top:10px;}
.pro .pro01 .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .pro01 .w04 a:hover{ color:#f2ac3d;}
.pro .pro01 .line{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.pro .pro01 .box01{ width:100%;}
.pro .pro01 .box01 .bt{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .pro01 .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .pro01 .box01 .cp{ display:none; padding-left:20px; padding-top:1px;}
.pro .pro01 .box01 .cp a{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#333;}
.pro .pro01 .box01 .cp a:hover{ color:#333;}
.pro .pro01 .box01 .cp a.on{ color:#f2ac3d;}
.pro .pro01 .box01 .bt01{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; font-weight:bold;}
.pro .pro01 .box01 .bt01 a{ display:block; color:#333;}
.pro .pro01 .box01 .bt01 a.on,.pro .pro01 .box01 .bt01 a:hover{ color:#f2ac3d;}
.pro .pro02{ float:right; width:calc(95% - 260px);}
.pro .list{ width:100%; margin:auto; display:block; position:relative; z-index:3; margin-top:-35px;}
.pro .list li{ margin-top:35px; display:flex; align-items:center; background-color:#fff; padding:30px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.pro .list li .tu{ width:120px; height:120px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ margin:0 20px; flex:1;}
.pro .list li .wen .w01{ font-size:16px; line-height:26px;}
.pro .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:10px 0;}
.pro .list li .wen .w03{ width:100%;}
.pro .list li .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.pro .list li .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.pro .list li .sc a:nth-child(1){ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; float:left; overflow:hidden;}
.pro .list li .sc a:nth-child(2){ width:138px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; float:left; overflow:hidden; border:1px solid #f2ac3d; margin-left:20px;}
.pro .list li .sc a:hover{ opacity:.8;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.pro{ width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro .box{ width:94%; margin:auto;}
.pro .pro01{ float:left; padding:30px; width:200px; background-color:#fff; border-radius:10px;}
.pro .pro01 .w01{ font-size:20px; line-height:28px; color:#999; font-weight:bold;}
.pro .pro01 .w02{ font-size:20px; line-height:30px; color:#333; font-weight:bold; margin-top:5px;}
.pro .pro01 .w03{ padding-top:4px; display:block;}
.pro .pro01 .w03 li{ display:block; overflow:hidden; margin-top:6px; font-size:14px; line-height:24px; cursor:pointer;}
.pro .pro01 .w03 li p{ display:block; float:left; max-width:calc(100% - 20px); overflow:hidden; color:#f2ac3d;}
.pro .pro01 .w03 li a{ width:10px; float:left; margin-left:10px; height:24px; display:block; overflow:hidden;}
.pro .pro01 .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .pro01 .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .pro01 .w04{ padding-top:10px;}
.pro .pro01 .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .pro01 .w04 a:hover{ color:#f2ac3d;}
.pro .pro01 .line{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.pro .pro01 .box01{ width:100%;}
.pro .pro01 .box01 .bt{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .pro01 .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .pro01 .box01 .cp{ display:none; padding-left:20px; padding-top:1px;}
.pro .pro01 .box01 .cp a{ display:block; font-size:14px; line-height:24px; margin-top:4px; color:#333;}
.pro .pro01 .box01 .cp a:hover{ color:#333;}
.pro .pro01 .box01 .cp a.on{ color:#f2ac3d;}
.pro .pro01 .box01 .bt01{ width:100%; margin-top:15px; font-size:16px; line-height:26px; height:26px; padding-left:20px; box-sizing:border-box; font-weight:bold;}
.pro .pro01 .box01 .bt01 a{ display:block; color:#333;}
.pro .pro01 .box01 .bt01 a.on,.pro .pro01 .box01 .bt01 a:hover{ color:#f2ac3d;}
.pro .pro02{ float:right; width:calc(97% - 260px);}
.pro .list{ width:100%; margin:auto; display:block; position:relative; z-index:3; margin-top:-25px;}
.pro .list li{ margin-top:25px; display:flex; align-items:center; background-color:#fff; padding:20px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.pro .list li .tu{ width:120px; height:120px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ margin:0 20px; flex:1;}
.pro .list li .wen .w01{ font-size:16px; line-height:16px;}
.pro .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:10px 0;}
.pro .list li .wen .w03{ width:100%;}
.pro .list li .wen .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.pro .list li .wen .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.pro .list li .sc a:nth-child(1){ width:120px; height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; float:left; overflow:hidden;}
.pro .list li .sc a:nth-child(2){ width:118px; height:36px; line-height:36px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; float:left; overflow:hidden; border:1px solid #f2ac3d; margin-left:15px;}
.pro .list li .sc a:hover{ opacity:.8;}
}
@media only screen and (max-width: 1023px){
.pro{ width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f7f7f7;}
.pro .box{ width:94%; margin:auto;}
.pro .pro01{ float:left; padding:15px; width:calc(100% - 30px); background-color:#fff; border-radius:10px;}
.pro .pro01 .w01{ font-size:18px; line-height:26px; color:#999; font-weight:bold;}
.pro .pro01 .w02{ font-size:18px; line-height:28px; color:#333; font-weight:bold;}
.pro .pro01 .w03{ display:block; margin-top:5px; margin-left:-15px;}
.pro .pro01 .w03 li{ display:block; overflow:hidden; font-size:14px; line-height:24px; cursor:pointer; float:left; margin-left:15px;}
.pro .pro01 .w03 li p{ display:block; float:left; max-width:calc(100% - 15px); overflow:hidden; color:#024b8f;}
.pro .pro01 .w03 li a{ width:10px; float:left; margin-left:5px; height:24px; display:block; overflow:hidden;}
.pro .pro01 .w03 li a img{ width:100%; display:block; margin:7px 0; -webkit-transition:1s linear; transition:1s ease-in;}
.pro .pro01 .w03 li:hover a img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.pro .pro01 .w04{ padding-top:5px;}
.pro .pro01 .w04 a{ display:block; font-size:14px; line-height:24px; color:#999; height:24px; overflow:hidden; cursor:pointer;}
.pro .pro01 .w04 a:hover{ color:#024b8f;}
.pro .pro01 .line{ width:70px; height:1px; background-color:#eee; margin-top:10px;}
.pro .pro01 .box01{ width:100%;}
.pro .pro01 .box01 .bt{ width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.pro .pro01 .box01 .bt.cur{ background-image:url(../images/add.png);}
.pro .pro01 .box01 .cp{ display:none; padding-left:15px; padding-top:5px;}
.pro .pro01 .box01 .cp a{ display:block; font-size:14px; line-height:24px; color:#333; width:45.5%; float:left; margin-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .pro01 .box01 .cp a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro .pro01 .box01 .cp a:hover{ color:#333;}
.pro .pro01 .box01 .cp a.on{ color:#f2ac3d;}
.pro .pro01 .box01 .bt01{width:100%; margin-top:10px; font-size:16px; line-height:26px; height:26px; padding-left:15px; box-sizing:border-box;}
.pro .pro01 .box01 .bt01 a{ display:block; color:#333;}
.pro .pro01 .box01 .bt01 a.on,.pro .pro01 .box01 .bt01 a:hover{ color:#f2ac3d;}
.pro .pro02{ float:right; width:100%;}
.pro .list{ width:100%; margin:auto; display:block; position:relative; z-index:3;}
.pro .list li{ margin-top:15px; display:flex; align-items:center; background-color:#fff; padding:15px; width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.pro .list li .tu{ width:80px; height:80px;}
.pro .list li .tu img{ width:100%; display:block;}
.pro .list li .wen{ margin:0 15px; flex:1;}
.pro .list li .wen .w01{ font-size:16px; line-height:18px;}
.pro .list li .wen .w02{ font-size:14px; line-height:24px; color:#666; margin:2px 0;}
.pro .list li .wen .w03{ width:100%;}
.pro .list li .wen .w03 .input-group{ width:130px; height:26px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.pro .list li .wen .w03 .btn-decrement{ width:26px; height:26px; line-height:26px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 .btn-increment{ width:26px; height:26px; line-height:26px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro .list li .wen .w03 input{ width:calc(100% - 52px); display:block; height:26px; line-height:26px; text-align:center; float:left; overflow:hidden;}
.pro .list li .sc{ width:100px;}
.pro .list li .sc a:nth-child(1){ width:100px; height:34px; line-height:34px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; overflow:hidden;}
.pro .list li .sc a:nth-child(2){ width:98px; height:32px; line-height:32px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; overflow:hidden; border:1px solid #f2ac3d; margin-top:10px;}
.pro .list li .sc a:hover{ opacity:.8;}
}

/*产品内页*/
@media screen and (min-width:1281px){
.pro02 .cont{ padding:50px; background-color:#fff; border-radius:10px;}
.pro02 .cont .left{ width:400px; float:left;}
.pro02 .cont .left .gallery-top{ width:100%; height:400px; display:block; position:relative; z-index:1;}
.pro02 .cont .left .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro02 .cont .left .gallery-top .swiper-slide:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .cont .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .cont .left .gallery-thumbs{ width:340px; margin:auto; display:block; margin-top:10px; overflow:hidden;}
.pro02 .cont .left .gallery-thumbs .swiper-slide{ width:60px; height:60px; opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer;}
.pro02 .cont .left .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.pro02 .cont .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity:1;}
.pro02 .cont .left .gallery-top .swiper-button-white{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; z-index:5;}
.pro02 .cont .left .gallery-top .swiper-button-white:hover{ background-color:#f2ac3d;}
.pro02 .cont .left .gallery-top .swiper-button-prev{ left:20px; background-image:url(../images/prev.png);}
.pro02 .cont .left .gallery-top .swiper-button-next{ right:20px; background-image:url(../images/next.png);}
.pro02 .cont .right{ width:calc(100% - 450px); float:right;}
.pro02 .cont .right .w01{ font-size:20px; line-height:30px; font-weight:bold; margin-top:25px;}
.pro02 .cont .right .w02{ width:100%; padding-top:10px; border-top:1px solid #eee; margin-top:15px;}
.pro02 .cont .right .w02 p{ display:block; font-size:14px; line-height:24px; margin-top:10px; overflow:hidden;}
.pro02 .cont .right .w02 p span{ width:100px; display:block; float:left; color:#666;}
.pro02 .cont .right .w03{ width:100%; padding-top:25px;}
.pro02 .cont .right .w03 span{ width:100px; display:block; float:left; color:#666; font-size:14px; line-height:32px;}
.pro02 .cont .right .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden; float:left;}
.pro02 .cont .right .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.pro02 .cont .right .w04{ width:100%; margin-top:40px; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(1){ width:calc(50% - 10px); height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; float:left; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(2){ width:calc(50% - 12px); height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; float:left; overflow:hidden; border:1px solid #f2ac3d; margin-left:20px;}
.pro02 .cont .right .w04 a:hover{ opacity:.8;}
.pro .fs02{ width:100%;}
.pro .fs02 .wen{ font-size:14px; line-height:30px; margin-top:22px;}
.pro .fs02 .wen img{ max-width:100%; height:auto !important;}
.tuij{ width:100%; padding-bottom:70px; background-color:#f7f7f7; position:relative; z-index:1;}
.tuij .box{ width:1200px; margin:auto; margin-top:35px; position:relative; z-index:3;}
.tuij .box .swiper-container{ width:100%;}
.tuij .box .swiper-container .swiper-slide{ width:285px; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a .tu{ width:100%;}
.tuij .box .swiper-container .swiper-slide a .tu p{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.tuij .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tuij .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:15px 20px; background-color:#fff;}
.tuij .box .swiper-container .swiper-slide a .wen span{ font-size:18px; line-height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a .wen p{ font-size:16px; line-height:26px; color:#666; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a:hover .wen{ background-color:#f2ac3d;}
.tuij .box .swiper-container .swiper-slide a:hover .wen *{ color:#fff;}
.tuij .box .swi{ width:100%; display:flex; justify-content:center; margin-top:40px;}
.tuij .box .swi .swiper-button-white{ width:40px; height:40px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.tuij .box .swi .swiper-button-white img{ height:14px; display:block; margin:13px auto;}
.tuij .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.tuij .box .swi .more{ float:left; width:160px; margin:0 10px;}
.tuij .box .swi .more a{ width:160px; height:40px; line-height:40px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.tuij .box .swi .more:hover a{ background-color:#f2ac3d;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.pro02 .cont{ padding:40px; background-color:#fff; border-radius:10px;}
.pro02 .cont .left{ width:300px; float:left;}
.pro02 .cont .left .gallery-top{ width:100%; height:300px; display:block; position:relative; z-index:1;}
.pro02 .cont .left .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro02 .cont .left .gallery-top .swiper-slide:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .cont .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .cont .left .gallery-thumbs{ width:290px; margin:auto; display:block; margin-top:10px; overflow:hidden;}
.pro02 .cont .left .gallery-thumbs .swiper-slide{ width:50px; height:50px; opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer;}
.pro02 .cont .left .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.pro02 .cont .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity:1;}
.pro02 .cont .left .gallery-top .swiper-button-white{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; z-index:5;}
.pro02 .cont .left .gallery-top .swiper-button-white:hover{ background-color:#f2ac3d;}
.pro02 .cont .left .gallery-top .swiper-button-prev{ left:20px; background-image:url(../images/prev.png);}
.pro02 .cont .left .gallery-top .swiper-button-next{ right:20px; background-image:url(../images/next.png);}
.pro02 .cont .right{ width:calc(100% - 340px); float:right;}
.pro02 .cont .right .w01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:20px;}
.pro02 .cont .right .w02{ width:100%; padding-top:5px; border-top:1px solid #eee; margin-top:10px;}
.pro02 .cont .right .w02 p{ display:block; font-size:14px; line-height:24px; margin-top:10px; overflow:hidden;}
.pro02 .cont .right .w02 p span{ width:100px; display:block; float:left; color:#666;}
.pro02 .cont .right .w03{ width:100%; padding-top:25px;}
.pro02 .cont .right .w03 span{ width:100px; display:block; float:left; color:#666; font-size:14px; line-height:32px;}
.pro02 .cont .right .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden; float:left;}
.pro02 .cont .right .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.pro02 .cont .right .w04{ width:100%; margin-top:40px; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(1){ width:calc(50% - 10px); height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; float:left; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(2){ width:calc(50% - 12px); height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; float:left; overflow:hidden; border:1px solid #f2ac3d; margin-left:20px;}
.pro02 .cont .right .w04 a:hover{ opacity:.8;}

.pro .fs02{ width:100%;}
.pro .fs02 .wen{ font-size:14px; line-height:30px; margin-top:17px;}
.pro .fs02 .wen img{ max-width:100%; height:auto !important;}
.tuij{ width:100%; padding-bottom:55px; background-color:#f7f7f7; position:relative; z-index:1;}
.tuij .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3;}
.tuij .box .swiper-container{ width:100%;}
.tuij .box .swiper-container .swiper-slide{ width:23.8%; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a .tu{ width:100%;}
.tuij .box .swiper-container .swiper-slide a .tu p{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.tuij .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tuij .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#fff;}
.tuij .box .swiper-container .swiper-slide a .wen span{ font-size:18px; line-height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a .wen p{ font-size:16px; line-height:26px; color:#666; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a:hover .wen{ background-color:#f2ac3d;}
.tuij .box .swiper-container .swiper-slide a:hover .wen *{ color:#fff;}
.tuij .box .swi{ width:100%; display:flex; justify-content:center; margin-top:30px;}
.tuij .box .swi .swiper-button-white{ width:38px; height:38px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.tuij .box .swi .swiper-button-white img{ height:14px; display:block; margin:12px auto;}
.tuij .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.tuij .box .swi .more{ float:left; width:140px; margin:0 10px;}
.tuij .box .swi .more a{ width:140px; height:38px; line-height:38px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.tuij .box .swi .more:hover a{ background-color:#f2ac3d;}
}
@media only screen and (max-width: 1023px){
.pro02 .cont{ padding:20px 15px; background-color:#fff; border-radius:10px; margin-top:20px;}
.pro02 .cont .left{ width:100%; float:left;}
.pro02 .cont .left .gallery-top{ width:100%; height:100%; display:block; position:relative; z-index:1;}
.pro02 .cont .left .gallery-top .swiper-slide{ width:100%; display:block; overflow:hidden; position:relative;}
.pro02 .cont .left .gallery-top .swiper-slide:before{ width:100%; padding-top:100%; display:block; content:''; overflow:hidden;}
.pro02 .cont .left .gallery-top .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro02 .cont .left .gallery-thumbs{ width:230px; margin:auto; display:block; margin-top:10px; overflow:hidden;}
.pro02 .cont .left .gallery-thumbs .swiper-slide{ width:50px; opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer;}
.pro02 .cont .left .gallery-thumbs .swiper-slide img{ width:100%; display:block;}
.pro02 .cont .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity:1;}
.pro02 .cont .left .gallery-top .swiper-button-white{ width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; z-index:5;}
.pro02 .cont .left .gallery-top .swiper-button-white:hover{ background-color:#f2ac3d;}
.pro02 .cont .left .gallery-top .swiper-button-prev{ left:20px; background-image:url(../images/prev.png);}
.pro02 .cont .left .gallery-top .swiper-button-next{ right:20px; background-image:url(../images/next.png);}
.pro02 .cont .right{ width:100%; float:right;}
.pro02 .cont .right .w01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:15px;}
.pro02 .cont .right .w02{ width:100%; padding-top:5px; border-top:1px solid #eee; margin-top:5px;}
.pro02 .cont .right .w02 p{ display:block; font-size:14px; line-height:24px; margin-top:5px; overflow:hidden;}
.pro02 .cont .right .w02 p span{ width:100px; display:block; float:left; color:#666;}
.pro02 .cont .right .w03{ width:100%; padding-top:15px;}
.pro02 .cont .right .w03 span{ width:100px; display:block; float:left; color:#666; font-size:14px; line-height:32px;}
.pro02 .cont .right .w03 .input-group{ width:130px; height:30px; border:1px solid #ddd; border-radius:5px; overflow:hidden; float:left;}
.pro02 .cont .right .w03 .btn-decrement{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 .btn-increment{ width:30px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight:bold; background-color:#f7f7f7; float:left;}
.pro02 .cont .right .w03 input{ width:calc(100% - 60px); display:block; height:30px; line-height:30px; text-align:center; float:left; overflow:hidden;}
.pro02 .cont .right .w04{ width:100%; margin-top:20px; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(1){ width:calc(50% - 10px); height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#f2ac3d; color:#fff; display:block; float:left; overflow:hidden;}
.pro02 .cont .right .w04 a:nth-child(2){ width:calc(50% - 12px); height:38px; line-height:38px; text-align:center; font-size:14px; background-color:#fff; color:#f2ac3d; display:block; float:left; overflow:hidden; border:1px solid #f2ac3d; margin-left:20px;}
.pro02 .cont .right .w04 a:hover{ opacity:.8;}
.pro .fs02{ width:100%;}
.pro .fs02 .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.pro .fs02 .wen img{ max-width:100%; height:auto !important;}
.tuij{ width:100%; padding-bottom:40px; background-color:#f7f7f7; position:relative; z-index:1;}
.tuij .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:3;}
.tuij .box .swiper-container{ width:100%;}
.tuij .box .swiper-container .swiper-slide{ width:70%; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a{ width:100%; display:block; overflow:hidden;}
.tuij .box .swiper-container .swiper-slide a .tu{ width:100%;}
.tuij .box .swiper-container .swiper-slide a .tu p{ width:100%; padding-top:100%; display:block; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.tuij .box .swiper-container .swiper-slide a .tu img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.tuij .box .swiper-container .swiper-slide a .wen{ width:100%; box-sizing:border-box; padding:10px 15px; background-color:#fff;}
.tuij .box .swiper-container .swiper-slide a .wen span{ font-size:16px; line-height:26px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a .wen p{ font-size:14px; line-height:24px; color:#666; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tuij .box .swiper-container .swiper-slide a:hover .wen{ background-color:#f2ac3d;}
.tuij .box .swiper-container .swiper-slide a:hover .wen *{ color:#fff;}
.tuij .box .swi{ width:100%; display:flex; justify-content:center; margin-top:20px;}
.tuij .box .swi .swiper-button-white{ width:34px; height:34px; float:left; cursor:pointer; border-radius:100%; background-color:#333; overflow:hidden;}
.tuij .box .swi .swiper-button-white img{ height:14px; display:block; margin:10px auto;}
.tuij .box .swi .swiper-button-white:hover{ background-color:#f2ac3d;}
.tuij .box .swi .more{ float:left; width:120px; margin:0 10px;}
.tuij .box .swi .more a{ width:120px; height:34px; line-height:34px; text-align:center; background-color:#333; color:#fff; display:block; overflow:hidden; border-radius:40px;}
.tuij .box .swi .more:hover a{ background-color:#f2ac3d;}
}

/*加入成功*/
@media screen and (min-width:1281px){
.click{ cursor:pointer;}
.sweet-alert{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:9999; display:none;}
.sweet-alert .box {
    background-color: #ffffff;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
    overflow: hidden;
    z-index: 2300;
}
.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #5cb85c;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    transform: scale(.7);
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert h2{
  font-size: 18px;
  line-height:28px;
  display:block; font-weight:normal;
}
.sweet-alert .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: color 0.1s ease-out;
    border: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 20px;
    cursor: pointer;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.click{ cursor:pointer;}
.sweet-alert{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:9999; display:none;}
.sweet-alert .box {
    background-color: #ffffff;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
    overflow: hidden;
    z-index: 2300;
}
.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #5cb85c;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    transform: scale(.7);
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert h2{
  font-size: 18px;
  line-height:28px;
  display:block; font-weight:normal;
}
.sweet-alert .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: color 0.1s ease-out;
    border: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 20px;
    cursor: pointer;
}
}
@media only screen and (max-width: 1023px){
.click{ cursor:pointer;}
.sweet-alert{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:9999; display:none;}
.sweet-alert .box {
    background-color: #ffffff;
	width:94%;
    max-width: 478px;
    padding: 17px;
	box-sizing:border-box;
    border-radius: 5px;
    text-align: center;
    position: fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);
    overflow: hidden;
    z-index: 2300;
}
.sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid #5cb85c;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
    transform: scale(.7);
}
.sweet-alert .sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sweet-alert h2{
  font-size: 18px;
  line-height:28px;
  display:block; font-weight:normal;
}
.sweet-alert .swal2-close {
    position: absolute;
    top: 10px;
    right: 10px;
    transition: color 0.1s ease-out;
    border: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 20px;
    cursor: pointer;
}
}

/*删除*/
.sweet-alert .sa-icon.sa-info {
    border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #5bc0de;
}
.sweet-alert .lead {
    margin: 20px auto;
    font-size: 16px;
    line-height: 26px;
	color:#777;
}
.sweet-alert .lead button{ min-width:80px; padding:10px 20px; border:1px solid #f2ac3d; margin:0 10px; border-radius:5px; display:inline-block; overflow:hidden;}
.sweet-alert .lead button.cancel{ background-color:#fff; color:#f2ac3d;}
.sweet-alert .lead button.confirm{ background-color:#f2ac3d; color:#fff;}

/*发送成功*/
@media screen and (min-width:1281px){
.fs .cg{ width:1200px; margin:auto; margin-top:35px; padding:50px; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.fs .cg .w01{ font-size:30px; line-height:40px;}
.fs .cg .w02{ font-size:18px; line-height:28px; margin-top:15px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.fs .cg{ width:94%; margin:auto; margin-top:25px; padding:35px; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.fs .cg .w01{ font-size:24px; line-height:34px;}
.fs .cg .w02{ font-size:16px; line-height:26px; margin-top:10px;}
}
@media only screen and (max-width: 1023px){
.fs .cg{ width:94%; margin:auto; margin-top:15px; padding:15px; box-sizing:border-box; background-color:#fff; border-radius:10px;}
.fs .cg .w01{ font-size:20px; line-height:30px;}
.fs .cg .w02{ font-size:14px; line-height:24px; margin-top:5px;}
}
.input-group-prepend,.input-group-append{ float:left;}
.input-group-prepend strong,.input-group-append strong{ font-size:14px;}