﻿/*common样式开始 */ 
*{padding:0px; margin:0px;}
html { overflow-x:hidden; -webkit-text-size-adjust:none; }
/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body{ font-family:Arial, Tahoma,"宋体"; font-size:12px; color:#5a5a5a;}
a{text-decoration: none;} /* 链接无下划线,有为underline */ 
a:link {color: #333333;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{color: #eb1315;	text-decoration: none;} /* 鼠标在链接上 */ 
a:active {color: #333333;} /* 点击激活链接 */
h1,h2,h3,h4,h5,h6{font-size:12px;}
fieldset, img { border:0; vertical-align:middle}
.clear{clear:both; line-height:0; height:0; font-size:0px;}
.clear:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }/*清除浮动*/
.fl {float:left; display:inline;}
.fr {float:right; display:inline}
/*表格样式定义 */ 
checkbox{border: 0px;}/*选择框样式定义 */ 
/*banner*/
.banner,.banner img{ width:100%; max-width:640px; margin:0 auto; display:block;}
/*part1*/
.part1{ padding-top:1.7rem; width:100%; display:block; max-width:640px;  margin:0 auto;}
.part1 .title{ width:100%; display:block; color:#000000; font-size:2.1rem; font-family:microsoft yahei; display:block; text-align:center; background:url(../images/line.png) no-repeat center bottom; background-size:20.65rem 0.35rem; line-height:4rem;}
.part_img,.part_img img{ width:100%; display:block;}
.part1_ul{ width:100%; display:block; position:relative;}
.part1_ul img{ width:100%; display:block;}
.part1_ul ul{ width:90%; margin:0 3% 0 7%; position:absolute; top:0;}
.part1_ul ul li{ width:48%; margin:0 1% 0.55rem; background:#000000; float:left; list-style:none;}
.part1_ul ul li img{ width:100%; display:block;}
.part1_ul ul li span{ color:#cca268; font-size:1.1rem; font-family:microsoft yahei; border-bottom:1px solid #cca268; line-height:2.1rem; display:inline-block; margin:0.5rem 5%;} 
.part1_ul ul li p{ color:#ffffff; font-size:1rem; font-family:microsoft yahei; line-height:1.35rem; display:block; width:90%; margin:0 5%; min-height:5.75rem;} 
.link_btn{ width:100%; display:block; margin:2rem auto 1rem;}
.link_btn a{ width:82.18%; display:block; margin:0 auto;}
.link_btn a img{ width:100%; display:block;}
/*part2*/
.part2{ padding-top:1.7rem; width:100%; display:block; max-width:640px; background:#fff0dc; padding-bottom:1rem;  margin:0 auto;}
.part2 .title{ width:100%; display:block; color:#000000; font-size:2.1rem; font-family:microsoft yahei; display:block; text-align:center; background:url(../images/line.png) no-repeat center bottom; background-size:13.5rem 0.35rem; line-height:4rem;}
.part2 .part_img{ padding-top:2.5rem;}
/*part3*/
.part3{ padding-top:1.7rem; width:100%; display:block; max-width:640px; background:#eaeaea; padding-bottom:1.5rem; margin:0 auto;}
.part3 .title{ width:100%; display:block; color:#000000; font-size:2.1rem; font-family:microsoft yahei; display:block; text-align:center; background:url(../images/line.png) no-repeat center bottom; background-size:20.65rem 0.35rem; line-height:4rem;}
.swiper1{ margin-top:2.7rem !important; padding-bottom:1.5rem;}
.swiper1 img{ width:100%; display:block;}
/*part4*/
.part4{ padding-top:1.7rem; width:100%; display:block; max-width:640px; padding-bottom:1.5rem;  margin:0 auto;}
.part4 .title{ width:100%; display:block; color:#000000; font-size:1.9rem; font-family:microsoft yahei; display:block; text-align:center; background:url(../images/line.png) no-repeat center bottom; background-size:20.65rem 0.35rem; line-height:4rem;}
.part_img span{ width:100%; display:block; line-height:2.5rem; text-align:center; font-family:microsoft yahei; color:#000000; font-size:1.4rem;}
.part_img p{ width:93.75%; display:block; line-height:1.65rem; font-family:microsoft yahei; color:#3c3c3c; font-size:1.2rem; margin:0 auto; padding-top:0.5rem;}
.mar_b{ margin-bottom:1.6rem;}
.part4 .part_img{ margin-bottom:1rem;}
.imgshow a{ position:absolute; width:19.7%; display:block; right:17.65%; bottom:3.3rem;}
.imgshow a img{ width:100%; display:block;}
.swiper2 img{ width:100%; display:block;}
.shipin{ width:100%; overflow:hidden; position:relative;}
.shipin video{ position:absolute; left:0; top:0; z-index:1; height:9.1rem;}
/*last*/
.last,.last img{ width:100%; margin:0 auto; display:block;}
.big_img {
    width:100%;
    height:100%;
    position:fixed;
    left: 0;
    top: 0;
    background-color: #000;
    display: none;
}
.quxiao{ color:#ffffff; font-size:20px; width:96%; margin:0 auto; text-align:right;}
.swiper-button-next{ background:url(../images/next.png) no-repeat center bottom !important; background-size:3.2rem 3.2rem !important; top:auto !important;}
.swiper-button-prev{ background:url(../images/prve.png) no-repeat center bottom !important; background-size:3.2rem 3.2rem !important; right:5.5rem !important; left:auto !important; top:auto !important;}