@charset "utf-8";
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, em { margin: 0; padding: 0; border: 0 none; list-style: none; }
.width { margin: 0 auto; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.m20 { margin: 20px 0; }
.p10 { padding: 10px; }
.pt10 { padding: 10px 0; }
.pt20 { padding: 20px 0; }
.p30 { padding: 30px; }
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis { display: none; }
body { background: #eee; font-size: 14px; }
.text-hide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.header { background: #fff; margin: 0 auto; max-width: 640px; width: 100%; color: #fff; padding: 10px 20px; box-shadow: 0px 0px 10px #999999; z-index: 99; height: 54px; position: relative; }
.header a { color: #0174b3; font-size: 16px; margin-top: 3px; }
.header a:hover { color: #0174b3; }
.header .logo { float: left; }
.header .logo img { height: 32px; width: auto; }
.banner { margin: 0 auto; max-width: 640px; width: 100%; }
.banner .swiper-slide img { width: 100%; height: auto; }
.nav ul { margin-top: 10px; }
.nav ul li { padding-left: 20px; line-height: 45px; border-bottom: 1px solid #474747; }
.nav ul li a { color: #ddd; display: block; margin-right: 5%; }
.nav ul li a:hover { color: #ff0; }
.nav ul li span { margin-right: 15px; font-size: 20px; color: #fff; width: 5%; float: right; }
.nav .am-panel { background: none; margin: 0; }

.a_home{margin-top:0px; z-index: 999; position: relative;}
.a_home li{float: left;width:25%;height: 200px;position:relative;}
.a_home li img{display:block;margin: 0 auto;margin-top: 20px;}
.a_home li h2{font-size: 14px;font-weight: bold;text-align: center;text-transform: uppercase;margin: 10px 0;}
.a_home li h2 a{color: #fff;}
.a_home li h3{width: 30px;height: 1px;background: #8bc4e3;margin: 0 auto;}
.a_home li p{width: 90%;margin: 10px auto;color: #fff; font-size: 12px;text-align: center; height:38px; overflow:hidden;}
.a_home li:first-child{background: #008ed9;}
.a_home li:nth-child(2){background: #0085cc;}
.a_home li:nth-child(3){background: #007dbf;}
.a_home li:nth-child(4){background: #0173b0;}



.home_number li { width: 50%; height: auto; float: left; text-align: center; margin: 10px 0; color: #fff; }
.home_number li p { text-align: center; font-size: 14px; margin: 0px; }
.home_number li p.number { position: relative; }
.home_number li p.number .counterDX { font-size: 36px; text-align: center; color: #3c3c3c; }
.home_number li p.number .unit { font-size: 12px; color: #959595; vertical-align: top; }
.home_number li p.title { height: auto; overflow: hidden; font-size: 12px; color: #959595; padding: 0 10px; }
.home_number li div { border-right: rgba(0, 0, 0, .08) 1px solid; padding: 20px 0; }
.h1 { height: 120px; text-align: center; padding: 30px 0 0 0; }
.h1 div { width: 210px; height: 50px; border: #ABAAAA 2px solid; margin: 0px auto -15px; text-align: center; }
.h1 h2 { display: inline-block; margin: -50px 0 0 0; font-size: 32px; color: #e48855; background: #fff; line-height: normal; position: relative; padding: 0 12px; font-weight: bold; }
h2.tit {font-size: 20px;position: relative;color: #555;height: 35px;line-height: 30px;text-align: center;overflow: hidden;font-weight: normal;margin: -30px auto -6px auto;padding: 0 30px;background: #fff;}
p.desc {display: block;width: 210px;color: #ccc;font-size: 12px;padding-bottom: 10px;margin: 0 auto;text-transform: uppercase;text-align: center;}
p.desc:after { content: ""; background-color: #0071bf; width: 2em; height: 1px; display: block; position: relative; top: 10px; left: 50%; margin: 0 0 0 -1em; }
.h2 { border-bottom: 1px solid #eee; padding-top: 10px; }
.h2 span { border-bottom: 2px solid #0071bf; display: inline-block; line-height: 30px; margin: 0; padding: 10px 0 10px 0; font-size: 20px; font-family: microsoft yahei; font-weight: 300; }
.fff { background-color: #FFF; }
article { margin: 0 auto; max-width: 640px; width: 100%; }
section { background: #fff; padding: 5px 8px; margin: 0 0 5px 0; }
footer { margin: 0 auto 40px auto; max-width: 640px; width: 100%; padding-bottom: 10px; text-align: center; font-size: 14px; color: #444; }
.footnav { position: fixed; bottom: 0; margin: 0; width: 100%; z-index: 9999; }
.footnav ul { background: #0174b3; margin: 0 auto; max-width: 640px; width: 100%; overflow: hidden; }
.footnav li { float: left; width: 25%; border-right: 1px solid #eee; padding: 0 0 3px 0; }
.footnav li a { display: block; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 12px; }
.footnav li a span { display: block; font-size: 18px; margin: 2px 0 0 0; }
.footnav li a:hover span { color: #ff0; }
.search { width: 100%; max-width: 640px; bottom: 54px; background: #494949; margin: 0 auto; border-bottom: 1px solid #575757; display: none; }
.search form { padding: 0 15px 15px; }
.search form span { display: block; color: #fff; font-size: 16px; line-height: 50px; }
.search form span a.am-close { float: right; color: #fff; padding-top: 5px; }
.search form input { width: 70%; border: 1px solid #666; padding: 6px 10px; border: 0; }
.search form button { width: 30%; padding: 6px 10px; color: #fff; background: #666; border: 0; }
.subject {border-bottom: 1px solid #eaeaea;/* text-align: center; */}
.subject b { border-bottom: 2px solid #0174b3; height: 50px; line-height: 50px; display: inline-block; margin-bottom: -1px; font-weight: 500; color: #3b3b3b; font-size: 18px; font-family: microsoft yahei; }
.subject .more { float: right; padding-top: 12px; }
.subject .more a { font-size: 12px; font-family: 宋体; color: #999; }
.subject .more a:hover { color: #0174b3; }
.home_more { margin: 20px auto; text-align: center; }
.home_more a { font-size: 14px; color: #0174b3; border: 1px solid #0174b3; padding: 6px 60px; display: inline-block; }
.home_more a:hover { color: #fff; background: #0174b3; }
.about { padding: 20px 0 0 0; line-height: 24px; overflow: auto; }
.home_services .hd { position: relative; width: 100%; z-index: 3; }
.home_services .hd ul { width: 100%; text-align: center; position: absolute; top: 325px; left: 0px; }
.home_services .hd li { display: inline-block; width: 8px; height: 8px; background: #888; margin: 0 5px; overflow: hidden; text-indent: -99999px; font-size: 0px; line-height: 0px; }
.home_services .hd .on { background: #0174b3; }
.home_services .prev, .home_services .next { font-size: 36px; overflow: hidden; position: absolute; top: 130px; }
.home_services .prev { left: 5px; color: #0174b3; }
.home_services .next { right: 5px; color: #0174b3; }
.home_services .prevStop { color: #bbb; }
.home_services .nextStop { color: #bbb; }
.home_services { height: 340px; text-align: center; position: relative; margin-top: 20px; }
.home_services .bd ul { margin: 0px; padding: 0; width: 100%; float: left; position: relative; z-index: 1; overflow: hidden; }
.home_services .bd ul li { float: left; width: 50%; border: 1px solid #F4F4F4; margin-right: -1px; cursor: pointer; transition: all 0.3s ease; margin-bottom: 10px; }
.home_services .bd ul li .icon { width: 130px; height: 130px; border-radius: 50%; margin: 30px auto 10px auto; border: 1px solid #F1F1F1; padding: 4px; }
.home_services .bd ul li .icon .mark { background: #f2f2f2; width: 100%; height: 100%; line-height: 120px; text-align: center; border-radius: 50%; }
.home_services .bd ul li .icon .mark span { font-size: 60px; color: #0174b3; }
.home_services .bd ul li h3 { font-size: 16px; font-family: microsoft yahei; text-align: center; padding: 10px 0; margin: 0; font-weight: normal; color: #4A4A4A; }
.home_services .bd ul li h5 { font-size: 12px; color: #999; padding: 0 10px 20px 10px; margin: 0; font-weight: normal; line-height: 20px; height: 100px; overflow: hidden; text-align: left; }
 @keyframes specialityIconHover { 30% {
transform:translateY(-30%)
}
39% {
transform:translateY(-70%)
}
49% {
transform:translateY(-100%)
}
30% {
opacity:0;
transform:translateY(30%)
}
40% {
opacity:0;
transform:translateY(40%)
}
50% {
opacity:0;
transform:translateY(60%)
}
70% {
opacity:0;
transform:translateY(70%)
}
100% {
opacity:1
}
}
.i_pro { margin: 30px 0 0px 0; clear: both; }
.i_pro ul { }
.i_pro ul li { width: 100%; float: left; padding: 0 5px; }
.i_pro ul li a { display: block; position: relative; padding: 20px; border: #eee 1px solid; }
.i_pro ul li a:hover { border: #0174b3 1px solid; }
.i_pro ul li a div { overflow: hidden; width: 100%; height: 100%; }
.i_pro ul li a div img { width: 100%; max-height: 700px; display: block; border: 0; transition: all 1s; }
.i_pro ul li a:hover div img { transform: scale(1.2); }
.i_pro ul li a p { font-size: 16px; color: #fff; background-color: rgba(255, 0, 0, 0.7); padding: 20px 25px; width: 60%; overflow: hidden; position: absolute; left: 0px; bottom: 100px; transition: all 0.5s ease; }
.i_pro ul li a:hover p { color: #fff; background-color: rgba(82, 129, 213, 1); left: 20px; }
.home_pro { margin: 20px 0 0 0; clear: both; }
.home_pro ul li { width: 46%; margin: 0 2% 4% 2%; float: left; }
.home_pro ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; }
.home_pro ul li a div { overflow: hidden; width: 100%; height: 100%; }
.home_pro ul li a div img { width: 100%; height: 120px;display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.home_pro ul li:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); }
.home_pro ul li a:hover div img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
 @media screen and (min-width:375px) {
.home_pro ul li a div img { height: 120px; }
}
@media screen and (min-width:414px) {
.home_pro ul li a div img { height: 135px; }
}
@media screen and (min-width:640px) {
.home_pro ul li a div img { height: 200px; }
}
.home_pro ul li a p { text-align: center; font-size: 14px; color: #333; margin: 0; padding: 10px 5px; }
.home_pro ul li a:hover p { color: #0174b3; }
.home_pro ul li a .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home_pro ul li a .price { color: #0174b3; font-family: Lucida Grande, Arial, 微软雅黑, 宋体; font-size: 12px; }
.home_pro ul li a .price span { float: right; font-weight: normal; color: #999; }
.home_news { margin: 0 0 10px 0; }
.home_news li { border-bottom: 1px solid #E6E6E6; overflow: hidden; padding: 12px 0 12px 0; min-height: 60px; }
.home_news li .date { background: #0174b3; color: #fff; height: 40px; padding-top: 4px; width: 50px; line-height: 1.2; text-align: center; margin: 5px 0 0 0; float: left; font-family: verdana; position: absolute; border-radius: 4px; font-size: 14px; }
.home_news li .date span { display: inline-block; width: 85%; text-align: right; font-size: 12px; color: rgba(255, 255, 255, 0.8); }
.home_news li .right { color: #999; font-size: 12px; margin-left: 60px; }
.home_news li .right a { display: block; font-size: 16px; color: #333; }
.home_news li .right a:hover { color: #0174b3; }
.home_news li .right p { margin: 0; padding: 0; }
.like_news li { border-bottom: 1px solid #E6E6E6; overflow: hidden; padding: 12px 0 12px 0; min-height: 60px; }
.like_news li .right { color: #999; font-size: 12px; }
.like_news li .right a { display: block; font-size: 16px; color: #333; }
.like_news li .right a:hover { color: #0174b3; }
.like_news li .right p { margin: 0; padding: 0; }
.swiper-slide img { width: 100%; height: auto; }
.txtbg { height: 120px; width: 100%; background: #0174b3; clear: both; font-size: 14px; color: #FFF; text-align: center; padding: 5px; }
.txtbg h2 { padding: 15px 0 5px 0; font-size: 22px; margin: 0; }
.txtbg .width { position: relative; z-index: 8; height: 120px; }
.txtbg i { position: absolute; z-index: 7; display: block; font-size: 60px; color: #0174b3; left: 50%; bottom: -43px; margin-left: -17px; }
.zs3 { background: #fff; overflow: hidden; padding: 30px 10px 10px 10px; }
.zs3 li { overflow: hidden; margin: 0 0 4% 0; float: left; width: 100%; border: #ddd 1px solid; display: table; }
.zs3 li h2 { font-size: 14px; color: #0174b3; padding-bottom: 5px; border-bottom: #ddd 2px dotted; margin: 0 0 5px 0; }
.zs3 li p { font-size: 12px; color: #5a5a5a; line-height: 160%; margin: 0; }
.zs3 li span { display: block; width: 65px; color: #fff; text-align: center; background: #f3ce4b; height: 25px; line-height: 25px; }
.img_zs1 { width: 40%; overflow: hidden; padding: 10px; display: table-cell; vertical-align: middle; text-align: center; }
.img_zs1 img { max-width: 100%; max-height: 300px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.txt_zs1 { display: table-cell; width: 60%; border-left: #ddd 1px solid; padding: 10px; }
.zs3 li img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
/*单图*/
#gallery { }
#gallery li { margin-bottom: 15px; }
#gallery li a img { max-width: 100%; width: 100%; }
#gallery li a p { font-size: 14px; padding: 0 10px; text-align: center; }
/*新闻相关*/
.news_show { }
.news_show h1 { text-align: left; font-size: 18px; font-weight: 400; margin: 0; padding: 5px 0 0; }
.news_show .info { border-left: 3px solid #0174b3; background: #f3f3f3; margin: 15px 0; padding: 10px 15px; font-size: 14px; color: #666; }
.news_show .intro { padding: 15px 0 0; }
.news_show .intro a { color: #0174b3; }
.news_show .intro a:hover { color: #0174b3; }
.news_show .intro img { max-width: 100%; height: auto; }
.news_show .other { margin: 20px 0 10px 0; text-align: center; }
.news_show .other p { font-weight: bold; }
.news_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 4px 20px; min-width: 100px; }
.news_show .other a span { font-size: 18px; margin-right: 10px; }
.news_show .other a em { font-style: normal; font-size: 18px; }
.news_show .other a:hover { background: #0174b3; border-color: #0174b3; color: #fff; }
.news_show .other a:hover span { color: #fff; }
.news_show .tags { font-weight: 500; }
.news_show .tags a { margin-right: 5px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.news_show .tags a:hover { background: #0174b3; color: #fff; border-color: #0174b3; }
.keys { padding: 10px; border: #ddd 1px dotted; }
.keys p, .keys div, .keys ul, .keys li { display: inline; }
.pn { padding: 10px 0; border-top: #CCC 1px solid; margin-top: 20px; position: relative; }
.back { position: absolute; font-size: 18px; top: 30px; right: 10px; }
.pn .pre { margin: 5px 0 5px 0; color: #999; }
.pn .next { margin: 0 0 5px 0; color: #999; }
/*招聘相关*/
.job_list { margin: 0 0 10px 0; }
.job_list li { padding: 10px 0; border-bottom: 1px solid #eee; font-size: 16px; }
.job_list li .money { color: #0174b3; font-size: 14px; line-height: 30px; }
.job_list li .money span { color: #666; margin-left: 15px; }
.job_show { }
.job_show h1 { text-align: left; font-size: 18px; font-weight: 400; margin: 0; padding: 5px 0 0; }
.job_show .info ul { overflow: hidden; margin: 0; }
.job_show .info ul li { float: left; width: 49%; border-bottom: 1px solid #eee; line-height: 40px; margin-right: 1%; font-size: 12px; }
.job_show .info ul li span { color: #888; }
.job_show .intro { padding: 15px 0 0; }
.job_show .intro a { color: #0174b3; }
.job_show .intro a:hover { color: #0174b3; }
.job_show .other { margin: 20px 0 10px 0; text-align: center; }
.job_show .other p { font-weight: bold; }
.job_show .other a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 4px 20px; min-width: 100px; }
.job_show .other a span { font-size: 18px; margin-right: 10px; }
.job_show .other a em { font-style: normal; font-size: 18px; }
.job_show .other a:hover { background: #0174b3; border-color: #0174b3; color: #fff; }
.job_show .other a:hover span { color: #fff; }
.job_show .tags { font-weight: 500; overflow: hidden; margin: 5px 0; }
.job_show .tags a { margin-right: 5px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.job_show .tags a:hover { background: #0174b3; color: #fff; border-color: #0174b3; }
.job_show .tags a.hover { background: #0174b3; color: #fff; border-color: #0174b3; }
.job_show .action { float: right; }
.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #007dc0; padding: 6px 20px; min-width: 100px; background: #007dc0; color: #fff; font-size: 14px; }
.job_show .action a:hover { color: #fff; border-color: #0174b3; background: #0174b3; }
/*产品内容*/
.pro_show { padding-top: 15px; }
.pro_show h1 { text-align: left; font-size: 18px; font-weight: 400; margin: 0; padding: 0; }
.pro_show .price { font-size: 14px; line-height: 30px; margin: 20px 0; }
.pro_show .price span { font-size: 18px; }
.pro_show .price a { color: #0174b3; display: inline-block; padding: 5px 8px; border: #0174b3 1px solid; }
.pro_show .price a.btn { color: #888; display: inline-block; padding: 5px 8px; border: #888 1px solid; margin-left: 10px; }
.intro a.down { color: #fff; display: block; margin: 20px 0 0 0; width: 160px; text-align: center; padding: 8px 0; font-size: 18px; background: #888; }
.intro a.down:hover { background: #0174b3; color: #fff; }
.pro_show .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; }
.pro_show .intro { color: #666; border: 1px solid #eee; border-left: 0; border-right: 0; margin: 10px 0; padding: 10px 0; font-size: 14px; }
.pro_show .attribute { }
.pro_show .attribute li { font-size: 14px; line-height: 30px; }
.pro_show .attribute li em { display: inline-block; width: 80px; font-style: normal; color: #999; font-size: 14px; }
.pro_show .extend { margin: 10px 0; }
.pro_show .extend li { font-size: 14px; line-height: 30px; }
.pro_show .extend li em { display: inline-block; width: 120px; font-style: normal; color: #999; font-size: 14px; }
/*标签相关*/
.tags { }
.tags li { display: inline; width: auto; }
.tags li a { display: inline-block; padding: 5px 10px; color: #333; font-size: 14px; background: #fff; margin: 0 2px 5px 0; border-radius: 2px; border: 1px solid #E7E7E7; }
.tags li a:hover { background: #0174b3; color: #fff; border: 1px solid #0174b3; }
.tags .hover a { display: inline; padding: 5px 10px; color: #fff; font-size: 14px; background: #0174b3; color: #fff; border: 1px solid #2384D5; margin: 0 2px; border-radius: 2px; border-radius: 0; }
/*筛选相关*/
.filter { padding: 10px 0; }
.filter dl { margin: 0; }
.filter dl dd { float: left; width: 45px; font-weight: 500; font-size: 14px; padding-top: 5px; margin: 0; }
.filter dl dt { margin: 0 0 0 50px; }
.filter dl dt a { font-weight: normal; margin: 0 5px 5px 0; padding: 5px 10px; color: #666; font-size: 14px; display: inline-block; border-radius: 10px; }
.filter dl dt a:hover { background: #0174b3; color: #fff; }
.filter dl dt .hover { background: #0174b3; color: #fff; }
/*分页相关*/
.pagelist ul { text-align: center; margin: 20px 0; }
.pagelist li { display: inline-block; margin: 0 2px; }
.pagelist li a { color: #666; display: inline-block; border: 1px solid #ddd; padding: 2px 10px; }
.pagelist li a:hover { border-color: #0174b3; background: #0174b3; color: #fff; }
.pagelist li.active a { border-color: #0174b3; background: #0174b3; color: #fff; }
.ordershow { margin: 20px 5px; box-shadow: 1px 2px 10px rgba(0,0,0,0.1); border: 1px solid #f3f3f3; }
.ordershow .tips { margin: 20px 40px 20px 20px; position: relative; }
.ordershow .tips h3 { font-size: 22px; font-family: microsoft yahei; font-weight: 400; margin: 0 0 10px 0; }
.ordershow .tips p { font-size: 15px; margin: 0; padding: 0 0 5px 5px; }
.ordershow .tips div { font-size: 20px; position: absolute; bottom: 20px; right: 0; }
.ordershow .tips div em { color: #0174b3; font-style: normal; }
.ordershow .tips p em { color: #0174b3; font-style: normal; }
.ordershow h5 { font-size: 20px; font-family: microsoft yahei; font-weight: 400; padding-left: 30px; background: #fafafa; border: 1px solid #f3f3f3; border-left: 0; border-right: 0; height: 50px; line-height: 50px; margin: 10px 0; }
.ordershow .info { margin: 0; list-style: none; }
.ordershow .info li { padding: 0 0 10px 0; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ordershow .info li span { display: inline-block; width: 80px; text-align: right; padding-right: 10px; color: #999; }
.ordershow .info li em { color: #0174b3; font-style: normal; }
.ordershow .pay { margin: 0 20px 5px 20px; list-style: none; overflow: hidden; }
.ordershow .pay li { margin: 5px 0 1% 0; cursor: pointer; }
.ordershow .pay li div { border: 1px solid #efefef; text-align: left; margin-left: 5px; position: relative; }
.ordershow .pay li div em { display: none; width: 20px; height: 20px; position: absolute; right: 0; bottom: 0; z-index: 9; background: url(../images/selected.gif) no-repeat bottom; }
.ordershow .pay .active div { border-color: #0174b3; }
.ordershow .pay .active div em { display: block; }
.ordershow .bottom { height: 70px; line-height: 70px; bottom: 0; background: #fafafa; border-top: 1px solid #eee; text-align: center; padding: 0 20px; }
.ordershow .bottom button { margin-left: 15px; border: 0; color: #fff; padding: 10px 30px; border-radius: 4px; }
/*自定义表单*/
.form-add input[type=number], .form-add input[type=search], .form-add input[type=text], .form-add input[type=password], .form-add input[type=datetime], .form-add input[type=datetime-local], .form-add input[type=date], .form-add input[type=month], .form-add input[type=time], .form-add input[type=week], .form-add input[type=email], .form-add input[type=url], .form-add input[type=tel], .form-add input[type=color], .form-add select, .form-add textarea, .am-form-field { width: 100%; display: inline; border-color: #ddd; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; }
.form-add #code { width: 35%; }
.form-add em { color: #999; font-style: normal; }
@media screen and (max-width:640px) {
.am-modal-dialog { width: 92%; }
}
/*表单内容*/
.formshow { padding-top: 15px; }
.formshow .item { font-size: 14px; line-height: 30px; clear: both; }
.formshow .item .lefter { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; float: left; }
.formshow .item .righter { margin-left: 120px; line-height: 30px; }
.formshow .item .righter .pic { max-width: 400px; margin: 10px 0; }
.formshow .item .righter video { width: 450px; height: 300px; }
/*网站地图*/

.map_one { line-height: 30px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }

/*会员中心*/
.user_center { background: #0174b3; color: #fff; padding: 5px; }
.user_center .user_info { padding: 10px 20px 20px 20px; }
.user_center .user_info .face { width: 100px; height: 100px; float: left; cursor: pointer; }
.user_center .user_info .face img { border-radius: 50%; border: 1px solid #f3f3f3; padding: 1px; width: 90px; height: 90px; background: #fff; }
.user_center .user_info .info { margin-left: 120px; text-align: left; }
.user_center .user_info .info p { text-align: left; }
.user_center .user_info .info p span { color: #ff0; font-size: 26px; display: block; }
.user_nav { background: #fafafa; padding: 15px 15px 5px 15px; margin-bottom: 15px; }
.quick { text-align: center; padding: 15px 0; }
.quick a { display: inline-block; background: #0174b3; color: #fff; width: 40px; height: 40px; line-height: 40px; margin: 5px; border-radius: 50%; }
.quick a:hover { background: #0174b3; }
.bbs_list { margin: 10px 0; padding: 0; list-style: none; }
.bbs_list li { overflow: hidden; border-bottom: 1px solid #f3f3f3; padding: 10px 15px; }
.bbs_list li .face { float: left; width: 50px; }
.bbs_list li .face img { width: 40px; height: 40px; border-radius: 100%; }
.bbs_list li .info { margin-left: 50px; position: relative; }
.bbs_list li .info h5 { font-size: 15px; font-weight: normal; margin: 0; padding: 0; }
.bbs_list li .info h5 a { margin-right: 5px; }
.bbs_list li .info h5 em { border: 1px solid #0174b3; color: #0174b3; border-radius: 4px; padding: 2px 4px; margin-left: 5px; font-style: normal; }
.bbs_list li .info .nickname { color: #999; font-size: 14px; }
.bbs_list li .info .nickname a { color: #999; }
.bbs_list li .info .nickname a:hover { color: #0174b3; }
.bbs_list li .info .other { position: absolute; right: 0; bottom: 0; font-size: 12px; color: #666; }
.bbs_list li .info .other span { color: #999; margin-right: 3px; }
.bbs_list li:hover { background: #fafafa; }
 @media screen and (min-width:320px) {
.bbs_list li .face { width: 40px; }
.bbs_list li .face img { width: 30px; height: 30px; }
.bbs_list li .info { margin-left: 40px; }
}
@media screen and (min-width:640px) {
.bbs_list li .face { width: 50px; }
.bbs_list li .face img { width: 40px; height: 40px; }
.bbs_list li .info { margin-left: 50px; }
}
.bbs_show { padding: 10px 0; }
.bbs_show .title { position: relative; }
.bbs_show .title h1 { font-size: 16px; padding: 0; margin: 0; max-width: 640px; }
.bbs_show .title .info { border-bottom: 1px solid #f3f3f3; line-height: 45px; padding-top: 5px; margin-bottom: 15px; font-size: 12px; color: #666; }
.bbs_show .title .info span { margin-right: 5px; }
.bbs_show .content { word-break: break-all; }
.bbs_show .content img { max-width: 100%; }
.bbs_show .content a { color: #0174b3; margin: 0 10px; }
.bbs_show .content a:hover { color: #0174b3; text-decoration: underline; }
.bbs_show .tips { font-size: 12px; color: #555; }
.bbs_show .tips a { color: #0174b3; margin: 0 10px; }
.bbs_show .tips a:hover { color: #0174b3; }
.bbs_reply { padding: 10px 0; font-size: 14px; color: #555; }
.bbs_reply .title { font-size: 16px; font-weight: 600; border-bottom: 1px solid #ddd; line-height: 45px; margin-bottom: 15px; }
.bbs_reply .tips { font-size: 12px; color: #555; }
.bbs_reply .tips a { color: #0174b3; margin: 0 10px; }
.bbs_reply .tips a:hover { color: #0174b3; }
.bbs_reply .form_reply { }
.bbs_reply .form_reply .face { float: left; width: 52px; text-align: right; margin-right: 15px; }
.bbs_reply .form_reply .face img { width: 46px; height: 46px; border-radius: 100%; }
.bbs_reply .form_reply .face p { font-size: 14px; line-height: 24px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; padding: 0; display: none; }
.bbs_reply .form_reply .info { margin: 0 5px 0 67px; position: relative; }
.bbs_reply .form_reply .info textarea { width: 100%; border: 1px solid #eee; border-radius: 3px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.065) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; font-size: 14px; height: 80px; padding: 10px; }
.bbs_reply .form_reply .info input[type=submit] { color: #fff; background: #0174b3; font-size: 14px; margin: 8px 0; border: 0; padding: 8px 20px; float: right; }
 @media screen and (min-width:320px) {
.bbs_reply .form_reply .face { width: 35px; }
.bbs_reply .form_reply .face img { width: 30px; height: 30px; }
.bbs_reply .form_reply .info { margin: 0 5px 0 50px; }
}
@media screen and (min-width:640px) {
.bbs_reply .form_reply .face { width: 52px; }
.bbs_reply .form_reply .face img { width: 46px; height: 46px; }
.bbs_reply .form_reply .info { margin: 0 5px 0 67px; }
}
.bbs_search { overflow: hidden; margin: 10px 0; }
.bbs_search input[type=text] { width: 85%; border: 1px solid #eaeaea; padding: 10px; }
.bbs_search input[type=submit] { width: 15%; padding: 10px; border: 1px solid #0174b3; background: #0174b3; color: #fff; }
.am-comment-bd img { max-width: 100%; }
.am-form .msg-box { display: none; }
.am-btn-primary { background-color: #0174b3; border-color: #0174b3; }
.am-btn-primary:hover { background-color: #f60; border-color: #f60; }