﻿/*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{ width:100%; max-width:640px; margin:0 auto; position:relative;}
.banner img{ width:100%; max-width:640px; margin:0 auto;}
.banner a{ position:absolute; width:76.1%; display:block; left:11.95%; bottom:3rem;}
/*part1*/
.part1{ width:100%; margin:0 auto; max-width:640px; background:#ffffff; padding-top:1.5rem; padding-bottom:3rem;}
.title{ width:100%; text-align:center;}
.title h2{ width:100%; height:3.5rem; line-height:3.5rem; text-align:center; display:block; font-family:microsoft yahei; color:#000000; font-size:1.5rem; font-weight:normal;}
.part1 .title span{ color:#ffffff; font-size:1.2rem; display:inline-block; background:#b4b4b4; height:2rem; line-height:2rem; letter-spacing:0.3rem; font-family:microsoft yahei; padding:0 0.5rem;} 
.part1_c{ width:95.31%; margin:0 auto; padding-top:0.4rem; padding-bottom:0.9rem;} 
.part1_c img{ width:100%; margin:0 auto; padding-top:2.1rem;}
.part1_c p{ width:100%; color:#666666; font-size:1.1rem; font-family:microsoft yahei; line-height:2rem; padding-top:0.6rem;}
.part1_c span{ width:100%; color:#000000; font-size:1.1rem; font-family:microsoft yahei; line-height:2rem; display:block;}
.line{ width:100%; background:#a0a0a0; height:1px; margin-top:0.8rem;}
.one_t{ width:100%; text-align:center; display:block; height:2.75rem; padding:0.5rem 0;}
.one_t i{ color:#fffefe; font-size:1.1rem; line-height:1.75rem; display:inline-block; padding:0 0.4rem; font-family:microsoft yahei; float:left; background:#cca268; font-style:normal; border-radius:0.3rem;}
.one_t em{ color:#cca268; font-size:1.1rem; line-height:1.75rem; display:inline-block; font-family:microsoft yahei; float:right; font-style:normal; text-decoration:underline;}
.word{ width:100%; line-height:2.2rem; font-family:microsoft yahei; color:#999999; font-size:0.9rem;}
.part1 a{ width:76.1%; display:block; margin:0 auto;}
.part1 a img{ width:100%;}
/*part2*/
.part2{ width:100%; margin:0 auto; max-width:640px; background:#eeeeee; padding-top:1.5rem; padding-bottom:2.75rem;}
.part2 img{ width:100%;}
.part2 .title span{ color:#ffffff; font-size:1.2rem; display:inline-block; background:#b4b4b4; height:2rem; line-height:2rem; letter-spacing:0.7rem; font-family:microsoft yahei; padding:0 0.5rem;} 
.part2_c{ width:95.31%; margin:0 auto; padding-top:2.3rem; padding-bottom:2.85rem;} 
.part2 a{ width:76.1%; display:block; margin:0 auto;}
.part2 a img{ width:100%;}
.part2_c_b{ width:95.31%; margin:0 auto; padding-top:0.8rem; padding-bottom:2.5rem;}
/*part3*/
.part3{ width:100%; margin:0 auto; max-width:640px; background:#ffffff; padding-top:1.5rem; padding-bottom:1.35rem;}
.part3 .title span{ color:#ffffff; font-size:1.2rem; display:inline-block; background:#b4b4b4; height:2rem; line-height:2rem; letter-spacing:0.3rem; font-family:microsoft yahei; padding:0 0.5rem;} 
.part3_c{ padding-top:1.4rem; width:93.75%; margin:0 auto;}
.part3_c p{ color:#333333; font-size:1.1rem; line-height:2rem; font-family:microsoft yahei;}
.part3_c a{ color:#cca268; font-size:1.2rem; line-height:2rem; font-family:microsoft yahei;}
.part3_c img{ padding-top:1rem; width:100%;}
/*part4*/
.part4{ width:100%; margin:0 auto; max-width:640px; background:#eeeeee; padding-top:1.5rem; padding-bottom:3rem;}
.part4 .title span{ color:#ffffff; font-size:1.2rem; display:inline-block; background:#b4b4b4; height:2rem; line-height:2rem; letter-spacing:0.3rem; font-family:microsoft yahei; padding:0 0.5rem;} 
.case{ width:93.75%; margin:2rem auto 1rem;}
.case .swiper-slide img{ width:100%;}
.case .swiper-container3{ padding-bottom:3rem;}
.part4 > a{ width:76.1%; display:block; margin:0 auto;}
.part4 > a img{ width:100%;}
/*part5*/
.part5{ width:100%; margin:0 auto; max-width:640px; background:#eeeeee; position:relative;}
.part5 img{ width:100%; display:block;}
.part5 a{ font-size:1.2rem; color:#ffffff; font-family:microsoft yahei; background:#cca268; line-height:2.25rem; display:block; width:32%; text-align:center; border-radius:1.125rem; position:absolute; left:33.5%; bottom:2.7rem;}











