﻿@charset "utf-8";
/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{
	margin: 0;
	padding: 0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#000;/*-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;*/}
a:hover{text-decoration:none; }
@font-face {
    font-family: 'HansHandItalic';
    src: url('../fonts/lishu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.clear{clear:both;}
*{font-family: '微软雅黑';}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#a4a4a4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#a4a4a4;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#a4a4a4;
}
:-ms-input-placeholder { /* Internet Explorer 10+ background:#fde9d9; */ 
    color:#a4a4a4;
}
textarea{resize:none; overflow:auto;}

img{ max-width:100%;}
/*■■■■■■■■　基本设定　■■■■■■■■*/
body{overflow-x:hidden; margin:0 auto;font-size:0.14rem; }

.head{width:100%;background:#000000; padding:10px 0;}
.head1{ position:relative;width:1400px; margin:0 auto;}

.head .nav{ width:100%; height:65px;}
.head .nav li{ float:left;  line-height:65px;}
.head .nav li a{ font-size:14px; padding:0 30px 0 0;}
.head .nav li:nth-child(6) a{ padding:0 265px 0 0;}
.head .logo{ position:absolute; left:50%; top:50%; width:164px; height:48px; margin: -24px 0 0 -82px; text-align:center; }
.head .nav li:last-child{ float:right; line-height:inherit;}
.head .nav li:last-child a{ padding:0px;}
.head .nav li:last-child a img{ padding:25px 0 0 0;}

.head .nav1{ float:left; height:60px; width:570px;}
.head .nav1 li{ width:81px; float:left; height:30px; line-height:30px;}
.head .nav1 li a{ font-size:14px;}
.head .nav1 li a:hover{ font-weight:600; color:#e15d1d; font-size:16px;}
.head .nav2{ float:right; width:600px; text-align:right; padding:10px 0 0 0;}
.head .nav2 li{ text-align:center; display:inline-block;font-size:14px; padding:0 20px; }
.head .nav2 li a{font-size:14px;}
.head .nav2 li .weixin{ position:absolute; left:0px; top:50px; z-index:9999; display:none;}
.head .nav2 li .weixin img{ border:5px solid #b1a0c7; border-radius:10px; width:150px;}
.head .nav2 li:nth-child(5) img{ padding:7px 0px 0 20px;}

.banner img{ width:100%; float:left;}
.banner-pagination1{ position:absolute; left:50%; bottom:20px; margin:0 0 0 -75px; background:#fff; height:20px; padding:5px 0 2px 0; z-index:999; }
.banner-pagination{}
.banner-pagination span{ display:block; float:left; height:15px; width:15px; background:#fff; border:1px solid #000; opacity:1; margin:0 10px;}
.banner-pagination span.swiper-pagination-bullet-active{ background:#000;}
.banner-pagination1 .banner-guanbi{ width:15px; height:15px; float:right; margin:1px 5px 0 0; background:url(../images/zanting.png) no-repeat; cursor:pointer;}
.banner-pagination1 .banner-kaishi{ width:15px; height:15px; float:right; margin:1px 5px 0 0; background:url(../images/kaishi.png) no-repeat;}
.swiper-pagination{ position:relative !important; float:left;}

.bg1{ background:#000;}
.index1{ width:1440px; margin:0 auto; padding:70px 0 50px 0;}
.index1 .title{ color:#fff; font-size:35px; text-align:center; padding:0 0 30px 0;}
.index1 .title font{ cursor:pointer;font-family:'宋体'; color:#999; margin:0 10px; padding-bottom:10px; font-weight:600;}
.index1 .title font.cur,.index1 .title font:hover{ color:#fff; border-bottom:2px solid #fff;}
.index1 .title .a1{ font-size:22px; color:#ccc;}
.index1 .title .a2{ font-size:28px; color:#fff; padding:10px 0;}
.index1 .title .a3{ font-size:18px; color:#ccc; padding:0 0 30px 0;}
.index1 .list{border:5px solid #a99a9b; width:calc(100% - 10px);}
.index1 .list .lists{ float:left; border:5px solid #a99a9b; width:calc(25% - 10px);} 
.index1 .list .lists img{ width:100%;}
.index1 .list .lists .a2{ padding:10px 5px;}
.index1 .list .lists .a2 .b1{ text-align:center; border-bottom:1px solid #f00; font-size:15px; color:#fff; margin:0 auto; padding:0 2px 5px 2px;}
.index1 .list .lists .a2 .b2{ padding:15px 0 0 0;}
.index1 .list .lists .a2 .b2 div{ float:left; text-align:left; border-left:10px solid #fe1743; margin:0 0 0 10px; color:#ccc; font-size:15px; margin-bottom:10px; padding:0 0 0 10px;}
.index1 .list .lists .a2 .b2 div.c1,.index1 .list .lists .a2 .b2 div.c3{ width:145px;}
.index1 .zhengwen{ margin:20px 0 0 0; background:#fff; padding:20px; font-size:14px; color:#333; line-height:25px; width:1300px; margin:0 auto;}

.page{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.page li{display: inline; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.page li a{ color:#fff;}
.page li.thisclass{background-color: #666; border:1px solid #fff; color: #fff;} 
.page li.thisclass a{color: #fff;} 

.pages{PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 98%; PADDING-TOP: 10px; TEXT-ALIGN: center}
.pages li{display: inline; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 8px! important; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 8px! important; PADDING-BOTTOM: 4px! important; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 4px! important; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none! important}
.pages li a{ color:#333;}
.pages li.thisclass{background-color: #666; border:1px solid #fff; color: #fff;} 
.pages li.thisclass a{color: #fff;} 

.bg2{ }
.bg2 .title{ padding-bottom:50px;}
.bg2 .title .a1{color:#fff; font-size:28px; text-align:center; padding:0 0 15px 0;}
.bg2 .title .a2{ width:80px; height:5px; background:#fe3d96; margin:0 auto 15px auto;}
.bg2 .title .a3{color:#fff; font-size:28px; text-align:center; padding:0 0 15px 0;}
.bg2 .nr{ width:1260px; margin:0 auto;}
.bg2 .nr .lists{ width:200px; margin:0 5px 0 5px; background:#fff; min-height:300px; float:left; text-align:center;}
.bg2 .nr .lists .a1{ padding:50px 0 30px 0; height:60px; }
.bg2 .nr .lists .a2{ font-size:20px; padding:0px 0 10px 0;font-weight:600;}
.bg2 .nr .lists .a3 { height:5px; width:60px; background:#fc2988; margin:0 auto;}
.bg2 .nr .lists .a4{ text-align:center; font-size:16px; padding:20px 0 0 0;}

.suosuobg{ position:fixed; left:0px; top:0px; width:100%; background:rgba(0,0,0,0.5); z-index:999; display:none;}
.suosuobg .sousuo{ width:800px; position:absolute; left:50%; top:50%; height:130px; margin:-65px 0 0 -400px; z-index:999;}
.suosuobg .sousuo .a0{ position:absolute; top:10px; right:0px; z-index:10px;}
.suosuobg .sousuo .a1{ width:750px; text-align:center; font-size:34px; color:#fff; font-weight:600; margin:0 0 20px 0;}
.suosuobg .sousuo .a2{ width:750px; height:65px; line-height:65px; background:#fff;}
.suosuobg .sousuo .a2 .b1 input{ border:0px; float:left; background:inherit; height:65px; line-height:65px; outline:none; width:600px; padding:0 0 0 10px;}
.suosuobg .sousuo .a2 .b2{ float:left;}
.suosuobg .sousuo .a2 .b3{ float:left;}
.suosuobg .sousuo .a2 a{display:block; padding:5px 10px 0 10px;}

.wap_head{ position:fixed; height:60px; background:#313131; padding:5px 0;z-index: 1000;width: 100%;top:0;}
.wap_head .btn{margin:0 0  0 0px;position:absolute; left:10px; top:14px; z-index:10;}
.wap_head .btn a{ display:block; padding:5px 0 0 0;}
.wap_head .btn img{ width:30px;}
.wap_head .logo{ position:absolute; width:60%; left:20%; height:60px; text-align:center;}
.wap_head .logo img{ max-height:50px; margin:5px 0 0 0;}
.wap_head .shop{ float:right; margin:0 10px 0 0; padding:10px 0 0 0;}
.wap_head .shop img{ width:36px; padding-top:2px;}

.wap_ej{ position:fixed; left:0px; top:0px; width:100%; min-height:300px; background:#000000; height:100%; display:none;z-index:99;}
.wap_ej .a1{ height:71px; width:100%;}
.wap_ej .a1 .b1{ position:absolute; left:10px; top:20px; z-index:9999;}
.wap_ej .a1 .b1 a{ display:block; padding:5px;}
.wap_ej .a1 .b2{ position:absolute; width:100%; height:60px; text-align:center; border-bottom:1px solid #484848; padding:5px 0;}
.wap_ej .a1 .b2 img{ max-height:50px; margin:5px 0 0 0;}
.wap_ej .a2{ padding:0 10% 30px 10%;}
.wap_ej .a2 a{ display:block; width:50%; height:55px; line-height:55px; border-bottom:1px solid #484848; font-size:16px; color:#fff; float:left;}

.wap_pro .list1{ position:relative;}
.wap_pro .list1 a{ color:#fff;}
.wap_pro .list1 .a1{ position:absolute; width:48%; left:26%;top:100px;z-index:11;color:#fff;text-align:right; font-size:26px; font-weight:600;}
.wap_pro .list1 .a2{ position:absolute; width:48%; left:26%;top:160px;z-index:12;color:#fff;text-align:right;font-size:16px;}
.wap_pro .list1 .a3{}
.wap_pro .list2{ position:relative;}
.wap_pro .list2 a{ color:#fff;}
.wap_pro .list2 .a1{ position:absolute; width:48%; left:26%;top:100px;z-index:11;color:#fff;text-align:right; font-size:26px; font-weight:600;}
.wap_pro .list2 .a2{ position:absolute; width:48%; left:26%;top:160px;z-index:12;color:#fff;text-align:right;font-size:16px;}
.wap_pro .list2 .a3{ }
.wap_banner{ margin:10px 5px 0 5px;}

.wap_list{ margin:0 0 5px 0;}
.wap_list h1{ font-size:20px; width:80%; margin:0 auto; text-align:center; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #c1c1c1; margin-bottom:20px;}
.wap_list .wenben{ padding:0 5px; line-height:25px; font-size:14px;}
.wap_list li{ width:calc(48% - 0px); margin:10px 1%; float:left;}
.wap_list li img{}
.wap_list li .tt{ padding:0 0 5px 0 ; background:#f1f1f1;}
.wap_list li .tt .a1{ text-align:center; font-size:14px; padding-top:5px;}
.wap_list li .tt .a2{ padding:5px 5px 0 5px;}
.wap_list li .tt .a2 .b1{ text-align:center; border-bottom:1px solid #f00; width:100px; font-size:15px; color:#333; margin:0 auto; padding:0 2px 5px 2px;}
.wap_list li .tt .a2 .b2{ padding:15px 0 0 0;}
.wap_list li .tt .a2 .b2 div{ float:left; text-align:left; border-left:5px solid #fe1743; width:calc(50% - 10px);color:#666; font-size:13px; margin-bottom:10px; padding:0 0 0 5px;}
.wap_list li .tt .a2 .b2 div:nth-child(3),.wap_list li .tt .a2 .b2 div:nth-child(4){ margin-bottom:0px;}
.wap_list li .tt .a2 .b2 div.c2,.wap_list li .tt .a2 .b2 div.c4{ float:right;}



.footer{ background:#000; padding:20px 0;font-size:16px; text-align:center; line-height:25px; color:#fff; font-size:14px;} 
.footer a{color:#fff;}

.wap_zw{ margin:5px 0;line-height:25px; font-size:14px;} 
.wap_zw .a2{ padding:15px 0; font-size:20px; font-weight:600; padding:15px 0 15px 10px;}
.wap_zw .a3{ padding:5px 10px; height:100px; overflow:hidden;}
.wap_zw .active{ padding:5px 10px; height:100px;  overflow:inherit !important; height:inherit !important;}
.wap_zw .a3 img{ width:100%;}
.wap_zw .a4{ width:81px; margin:0 auto; padding:15px 0 5px 0; height:30px;}
.wap_zw .a4 .b1{ float:left; font-size:14px;}
.wap_zw .a4 .b2{ float:left; padding:2px 0 0 5px;}
.wap_zw .a5{border-top:5px solid #f6f6f6}
.wap_zw .a5 .lists{ width:96%;  margin:0 auto; padding:10px 2% 10px 2%; border-bottom:5px solid #f6f6f6}
.wap_zw .a5 .lm1{ width:40%;border-top:5px solid #f6f6f6}
.wap_zw .a5 .lm1 img{ width:100%; border-radius:10px;}
.wap_zw .a5 .lm2{ width:55%; margin:0 0 0 5%; padding:10px 0 0 0;}
.wap_zw .a5 .lm2 div{ font-size:13px; margin-bottom:5px;}