@charset "utf-8";
::-webkit-input-placeholder {
color:#999;
font-family:microsoft yahei;
font-size:14px;
}
:-moz-placeholder {
color:#999;
font-family:microsoft yahei;
font-size:14px;
}
::-moz-placeholder {
color:#999;
font-family:microsoft yahei;
font-size:14px;
}
:-ms-input-placeholder {
color:#999;
font-family:microsoft yahei;
font-size:14px;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul { list-style: none; margin: 0; padding: 0; }
.mt10 { margin-top: 10px; }
.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;  }
.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; }
.clear { clear: both; }
.dis { display: none; }
.text-center { text-align: center; }
.text-hide { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
a { transition: color ease .15s; }
body { background: #fff; }
div, td, p { font-size: 14px; line-height: 24px; }
.notsupport { position: fixed; top: 0; bottom: 0; z-index: 99999; width: 100%; height: 100%; text-align: center; clear: both; color: #fff; background: #007dc0; }
.notsupport h1 { font-size: 80px; margin-top: 200px; margin-bottom: 100px; font-weight: 400; }
.notsupport h2 { font-size: 30px; margin-bottom: 30px; font-weight: 300; }
.width { width: 1200px; margin: 0 auto; }
.h1 { text-align: center; margin: 30px auto 20px auto; font-size: 30px; font-family: microsoft yahei; color: #007dc0; }
.h1 span { font-size: 14px; font-family: arial; display: block; color: #999; padding: 15px 10px 10px 10px; }
.h2 { margin: 0 auto 20px auto; border-bottom: 1px dashed #f3f3f3; }
.h2 span { border-bottom: 2px solid #007dc0; display: inline-block; line-height: 30px; margin: 0; padding: 0 0 15px 0; font-size: 20px; font-family: microsoft yahei; font-weight: 300; }
.topbar { border-bottom: #eee 1px solid; color: #666; }
.topbar .fl { line-height: 40px; height: 40px; }
.topbar .fr { color: #666; line-height: 40px; height: 40px; }
.topbar .fr a { color: #666; display: inline-block; }
.topbar .fr a:hover { color: #007dc0; }
.header { background: #fff; height: 90px; border-bottom: solid 1px #eee; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); z-index: 9999; position: relative; }
.header .fr { min-height: 90px; padding: 30px 0 0 30px; font-size: 20px; color: #007dc0; }
.header .fr span { margin-right: 15px; border: 1px solid #007dc0; padding: 4px 8px; border-radius: 100%; }
.header .logo { float: left; margin: 15px 30px 0 0; }
.nav ul { margin: 0; padding: 0; float:right; }
.nav ul .n { position: relative; float: left; z-index: 999; height: 90px; }
.nav ul .n h2 { margin: 0; padding: 0; line-height: normal; font-weight: normal; }
.nav ul .n h2 a { height: 87px; line-height: 87px; display: block; margin: 0 0 0 36px; font-size: 16px; color: #5D5D5D; position: relative; }
.nav ul .n h2 a span { position: absolute; left: 0px; top: 18px; width: 0; height: 2px; display: block; background: #007dc0; transition: width .6s cubic-bezier(.23, 1, .38, 1) 0s; }
.nav ul .n h2 a:hover { border-color: #007dc0; color: #007dc0; }
.nav ul .n h2 a:hover span { width: 100% }
.nav ul .on h2 a { color: #007dc0; }
.nav ul .on h2 a span { width: 50%; }
.nav .sub { position: absolute; top: 90px; left: 18px; box-shadow: 0 2px 6px rgba(0, 0, 0, .2);  background: #007dc0; overflow: hidden; z-index: 88; display: none; text-align: center; }
.nav .sub li { width: 105px; }
.sub a { height: 35px; line-height: 34px; display: block; text-align: center; overflow: hidden; font-size: 13px; color: #FFF; border-top: 1px solid #0086CE; }
.sub a:hover { background: #FFF; color: #333; }
.nav .sub li:first-child a { border: none; }
.banner { position: relative; z-index: 2; }
.banner .box_skitter { width: 100%; }
.banner .arrow { position: absolute; background: url(../images/bg_arrow.png) no-repeat bottom; height: 20px; bottom: 0; width: 100%; z-index: 999; display: block; }
.banner_inner { }
.banner_inner .width { position: relative; height: 300px; }
.banner_inner .arrow { position: absolute; height: 20px; bottom: 0; width: 100%; z-index: 999; display: block; }
.home_number { padding: 55px 0px; width: 100%; height: 218px; }
.home_number li { width: 25%; height: 108px; float: left; text-align: center; }
.home_number li div { border-right: #ddd 1px solid; }
.home_number li p { color: rgba(149, 149, 149, 1); text-align: center; font-size: 14px; }
.home_number li p.number .counterDX { color: rgba(90, 90, 90, 1); font-size: 48px; font-family: HELVETICANEUELTPRO-THEX, Arial; text-align: center; margin-top: 15px; }
.home_number li p.number .unit { color: rgba(149, 149, 149, 1); font-size: 14px; margin-left: 5px; }
.home_number li p.number { margin-top: 15px; }
.home_number li p.title { margin-bottom: 10px; }
.picScroll-left .hd {position: absolute;width: 1200px;height: 436px;}
.picScroll-left .hd .prev, .picScroll-left .hd .next { position: absolute; top: 50%; margin-top: -25px; display: block; cursor: pointer; font-size: 50px; }
.picScroll-left .hd .prev { left: 0px; }
.picScroll-left .hd .next { right: 0px; }
.picScroll-left .hd ul { position: absolute; bottom: 0px; margin-bottom: -35px; text-align: center; width: 100%; }
.picScroll-left .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #888; }
.picScroll-left .hd ul li.on { background: #007dc0; }
.home_services {margin: 20px auto 30px auto;width: 1100px;border-right: 1px solid #f4f4f4;border-left: 1px solid #F4F4F4;position: relative;overflow: hidden;}
.home_services ul { margin: 0px; padding: 0; }
.home_services ul li { float: left; width: 275px; cursor: pointer; transition: all 0.3s ease; }
.home_services ul li a {display: block;/* height: 100%; */width: 100%;border: 1px solid #F4F4F4;border-left: none;cursor: pointer;}
.home_services ul li a.br { }
.home_services ul li .icon { width: 130px; height: 130px; border-radius: 50%; margin: 30px auto 10px auto; border: 1px solid #F1F1F1; padding: 4px; }
.home_services ul li .icon .mark { background: #f2f2f2; width: 100%; height: 100%; line-height: 120px; text-align: center; border-radius: 50%; }
.home_services ul li .icon .mark span {font-size: 60px;color: #0e90d2;}
.home_services ul li h3 { font-size: 24px; font-family: microsoft yahei; text-align: center; padding: 15px 0; margin: 0; font-weight: normal; color: #4A4A4A; }
.home_services ul li h5 {font-size: 14px;color: #999;padding: 0 25px 30px 25px;height: 210px;margin: 0;font-weight: normal;line-height: 20px;}
.home_services ul li:hover { transform: translateY(-5px); border-color: #007dc0; background: #007dc0; }
.home_services ul li:hover .icon { border-color: #FFC6B1; }
.home_services ul li:hover .icon .mark { background: #fff; overflow: hidden; }
.home_services ul li:hover .icon span { color: #007dc0; animation: specialityIconHover .7s ease; }
.home_services ul li:hover h3 { color: #fff; }
.home_services ul li:hover h5 { color: #FFE4E0; }
.bg_gray { background: #f9f9f9; }
.gray { position: relative; padding: 30px 0; }
.gray .arrow_top { position: absolute; background: url(../images/bg_arrow.png) no-repeat top; height: 20px; top: 0; width: 100%; z-index: 999; display: block; }
.gray .arrow_bottom { position: absolute; background: url(../images/bg_arrow.png) no-repeat bottom; height: 20px; bottom: 0; width: 100%; z-index: 999; display: block; }
.home_case { margin: 30px 0 0px 0; width: 1206px; clear: both; }
.home_case ul li { width: 24%; margin: 0 1% 1.3% 0; float: left; }
.home_case ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; }
.home_case ul li a div { overflow: hidden; width: 100%; height: 100%; position: relative; background: #000; }
.home_case ul li a div i { color: #FFF; font-size: 16px; position: absolute; z-index: 9; left: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: -25px 0 0 -25px; top: -60px; border: #FFF 2px solid; font-weight: 800; border-radius: 50px; transition: all .5s; }
.home_case ul li a:hover div i { top: 50%; }
.home_case ul li a div img {width: 100%;height: 220px;display: block;border: 0;transition: all 1s;}
.home_case ul li:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1); }
.home_case ul li a:hover div img { transform: scale(1.2); opacity: 0.7; }
.home_case ul li a p { text-align: left; font-size: 14px; color: #333; margin: 0; padding: 10px; }
.home_case ul li a:hover p { color: #f30; }
.home_case ul li a .title { min-height: 70px; }
.home_more { text-align: center; margin: 10px 0 20px 0; }
.home_more a { border: 1px solid #007dc0; display: inline-block; padding: 8px 50px; color: #007dc0; background: #fff; }
.home_more a:hover { background: #007dc0; color: #fff; transition: all 0.3s linear; }
.home_news { padding: 20px 0; }
.home_news ul { margin: 0 0 0 1%; }
.home_news ul li { width: 50%; margin-right: -1%; float: left; margin-bottom: 20px; position: relative; transition: all ease-out .3s; padding: 10px 0; }
.home_news ul li::after { content: ''; position: absolute; top: 0px; display: block; left: 7%; width: 95%; height: 100%; z-index: 0; transform: scaleY(0); transition: transform .75s cubic-bezier(.19, 1, .22, 1); transform-origin: top; transition-delay: 0s!important; }
.home_news ul li:hover::after { z-index: 0; transform-origin: bottom; transform: scaleY(1); box-shadow: 0px 7px 17px #dedede; }
.home_news ul li .date {float: left;width: 20%;text-align: right;font-size: 24px;color: #0e90d2;margin-right: 5%;position: relative;z-index: 7;}
.home_news ul li .date span {display: block;color: #0e90d2;font-size: 12px;font-family: verdana;}
.home_news ul li a { float: left; width: 75%; position: relative; z-index: 7; }
.home_news ul li a .title { color: #333; font-size: 16px; margin-bottom: 10px; }
.home_news ul li a:hover .title { color: #f30; }
.home_news ul li a .intro { color: #999; min-height: 50px; }
.home_about { padding: 20px 0; }
.home_about .video { float: left; width: 550px; margin-right: 50px; }
.home_about .intro { float: left; width: 600px; }
.home_about .intro h1 { font-size: 24px; font-weight: 500; font-family: microsoft yahei; margin-top: 5px; text-align: center; }
.home_about .intro .home_more { text-align: right; margin-top: 30px; }
.home_store { margin: 30px 0 0px 0; width: 1226px; clear: both; }
.home_store ul li { width: 18%; margin: 0 2% 4.5% 0; float: left; }
.home_store ul li a { display: block; background: #fff; position: relative; z-index: 6; }
.home_store ul li a div { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; }
.home_store ul li a div i { color: #FFF; font-size: 16px; position: absolute; z-index: 4; left: 50%; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: -25px 0 0 -25px; top: -60px; border: #FFF 2px solid; font-weight: 800; border-radius: 50px; transition: all .5s; }
.home_store ul li a:hover div i { top: 50%; }
.home_store ul li a div img { width: 100%; height:290px; display: block; border: 0; transition: all 1s; }
.home_store ul li a:hover div img { transform: scale(1.1); }
.home_store ul li a p { height: 50px; line-height: 50px; position: absolute; z-index: 5; top: 245px; transition: all .5s; left: 50%; width: 92%; background-color: #fff; margin-left: -46%; box-shadow: 0 0 30px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2); text-align: center; }
.home_store ul li a:hover p { color: #fff; top:235px; background-color: #007dc0; }
.home_customer { padding: 0 0 10px 0; }
.home_customer ul li { float: left; width: 200px; margin: 0; padding: 5px; text-align: center; }
.home_customer ul li img { border: 1px solid #f3f3f3; width: 100%; height: 77px; }
.link { padding: 30px 0; }
.link a { display: inline-block; border: 1px solid #eee; padding: 6px 10px; color: #666; margin: 0 8px 8px 0; font-size: 14px; }
.link a:hover { background: #007dc0; color: #fff; border: 1px solid #007dc0; }
.link span.tit { display: inline-block; padding: 6px 10px; margin: 0 8px 8px 0; font-size: 14px; background: #007dc0; color: #fff; border: 1px solid #007dc0; }
.bg_footer { background: #3e3e3e; overflow: hidden; }
.footer { position: relative; min-height: 280px; padding-top: 50px; }
.footer .arrow_top { position: absolute; background: url(../images/bg_arrow.png) no-repeat top; height: 20px; top: 0; width: 100%; z-index: 999; display: block; }
.footer .li { padding: 0px 60px 0 0px; float: left; width: 20%; min-height: 110px; }
.footer .li dl { margin: 0; padding: 0; }
.footer .li dl dd { text-align: left; font-size: 18px; color: #fff; font-family: microsoft yahei; margin: 0 0 10px 0; padding: 0; }
.footer .li dl dt { text-align: left; font-size: 14px; color: #8F8F8F; font-family: microsoft yahei; line-height: 24px; font-weight: normal; }
.footer .li dl dt a { color: #989898; }
.footer .li dl dt a:hover { color: #fff; }
.footer .nav_f { width: 880px; }
.f_book { overflow: hidden; position: absolute; right: 0px; top: 35px; z-index: 6; width: 260px; }
.f_book div.sm { width: 260px; line-height: 25px; padding-bottom: 10px; color: #fe0; }
.f_book p { padding: 0; margin: 0; }
.f_book p .inputtxt { outline: 0; width: 100%; background-color: transparent; color: #fff; border: 0; border-bottom: rgba(255, 255, 255, 0.09) 1px solid; height: 30px; line-height: 30px; padding: 0 10px; margin-bottom: 10px; transition: all 0.3s ease-out 0s; }
.f_book p textarea.inputtxt { height: 50px; resize: none; overflow: hidden; outline: 0; background-color: transparent; color: #fff; border: 0; border-bottom: rgba(255, 255, 255, 0.09) 1px solid; line-height: 20px; width: 100%; padding: 0px 10px; margin-bottom: 10px; transition: all 0.3s ease-out 0s; }
.f_book p .inputsub { background-color: #007dc0; height: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; color: #ffffff; font-size: 14px; padding: 5px 0; cursor: pointer; border: 0; }
.copyright { background: #fff; text-align: center; padding: 8px 0; font-size: 12px; color: #666; }
.copyright a { font-size: 12px; color: #666; }
.copyright a:hover { color: #f60; }
.position { height: 45px; border-bottom: 1px solid #f3f3f3; }
.position ul { margin: 0; padding: 0; }
.position ul li { font-size: 14px; line-height: 45px; }
.search { margin-top: 10px; }
.search .ip { border: 1px solid #f0f0f0; padding: 0px 10px; height: 25px; line-height: 25px; width: 180px; outline: none; }
.search .btn { background: #007dc0; border: 1px solid #007dc0; color: #fff; height: 25px; font-size: 12px; outline: none; }
.page_show { padding: 0 0 20px 0; min-height: 400px; }
.page_show p { line-height: 30px; }
.page_show img { max-width: 100%; }
.subnav { text-align: center; padding: 10px 0; }
.subnav ul { margin: 0; padding: 0; list-style: none; }
.subnav ul li {display: inline-block;position: relative;margin: 0 10px 20px 0;}
.subnav ul li a { display: block; border: 1px solid #eaeaea; padding: 8px 30px; }
.subnav ul li a:hover { border-color: #007dc0; color: #fff; background: #007dc0; }
.subnav ul .hover a { border: 1px solid #007dc0; color: #fff; background: #007dc0; }
.subnav ul li dl { background: #007dc0; top: 23px; left: 0; position: absolute; opacity: 0; transition: all .3s ease 0s; transform: translate3d(0, 10px, 0); visibility: hidden; z-index: 100; }
.subnav ul li dl a { display: block; border: 0; font-weight: normal; padding: 10px 30px; color: #fff; border-radius: 0; white-space: nowrap; }
.subnav ul li dl a:hover { background: #fff; color: #333; padding: 10px 30px; }
.subnav ul li:hover dl { opacity: 1; transform: translate3d(0, 0, 0); visibility: visible; }
.news_show { margin: 20px 0; }
.news_show h1 { font-size: 24px; margin: 0; font-weight: 300; color: #333; margin: 0 0 15px 0; line-height: 34px; text-align: center; }

.news_show aside { margin-bottom: 30px; color: #999; font-size: 12px; border-left: 2px solid #007dc0; line-height: 40px; padding-left: 20px; background: #FFF9F8; }
.news_show .intro a { color: #06C; }
.news_show .intro a:hover { color: #f30; }
.news_show .intro img { max-width: 100%; height: auto; }
.news_show .other { margin-top: 30px; 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: 6px 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: #007dc0; border-color: #007dc0; color: #fff; }
.news_show .other a:hover span { color: #fff; }
.news_show .tags { font-weight: 500; }
.news_show .tags a { margin-left: 15px; 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: #007dc0; color: #fff; border-color: #007dc0; }
/*招聘相关*/
.job_show { margin: 20px 0; }
.job_show h1 { text-align: left; font-size: 24px; font-weight: 400; margin: 0; padding: 0; }
.job_show h2 { text-align: left; font-size: 18px; font-weight: 400; margin: 10px 0; padding: 0; }
.job_show .info { margin: 15px 0; padding: 0px; font-size: 14px; }
.job_show .info ul { overflow: hidden; }
.job_show .info ul li { float: left; width: 24.4%; border-left: 1px solid #dadada; padding-left: .6%; line-height: 30px; }
.job_show .info ul li span { color: #999; }
.job_show .intro a { color: #06C; }
.job_show .intro a:hover { color: #f30; }
.job_show .other { margin-top: 30px; 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: 6px 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: #007dc0; border-color: #007dc0; color: #fff; }
.job_show .other a:hover span { color: #fff; }
.job_show .tags { font-weight: 500; }
.job_show .tags a { margin-left: 15px; 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: #007dc0; color: #fff; border-color: #007dc0; }
.job_show .action { text-align: center; }
.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; }
.job_show .action a:hover { color: #fff; border-color: #f60; background: #f60; }
.like_news { margin: 0; }
.like_news li { line-height: 40px; border-bottom: 1px solid #f3f3f3; background: url(../images/bg_icon_dot.gif) no-repeat 10px 16px; padding-left: 30px; }
.like_news li span { float: right; color: #999; }
.like_pro { width: 100%; }
.like_pro ul { width: 855px; }
.like_pro ul li { float: left; width: 270px; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #f3f3f3; background: #fff; min-height: 234px; }
.like_pro ul li a .pic { overflow: hidden; }
.like_pro ul li a .pic img { width: 100%; height: 180px; transition: all 1s; }
.like_pro ul li a .title { background: #fff; padding: 10px 15px; text-align: center; }
.like_pro ul li a:hover .pic img { transform: scale(1.3); }
/*商品相关*/
.skin-left { float: left; width: 840px; margin-right: 20px; background: #fff; padding: 20px; border: 1px solid #f3f3f3; box-shadow: 0px 2px 6px rgba(255, 80, 80, 0.1); min-height: 500px; }
.skin-left img { width: auto; max-width: 100%; display: block; margin-bottom: 20px; border: 1px solid #f3f3f3; padding: 5px; }
.skin-right { width: 340px; background: #fff; border: 1px solid #f3f3f3; padding: 20px 25px 0 25px; box-shadow: 0px 2px 6px rgba(255, 80, 80, 0.1); margin-left: 860px; }
.skin-show h1 { font-size: 18px; font-weight: 500; color: #333; margin: 0 0 5px 0; padding: 0; }
.skin-show p { font-size: 14px; color: #999; margin: 10px 0; padding: 0; }
.skin-show ul { margin: 0; padding: 0; list-style: none; }
.skin-show ul li { line-height: 40px; border-bottom: 1px solid #f3f3f3; font-size: 14px; color: #444; }
.skin-show ul li span { color: #666; }
.skin-show ul li em { font-style: normal; color: #f30; }
.skin-show .action { margin: 25px 0; }
.skin-show .action a { display: inline-block; padding: 10px 35px; color: #fff; margin: 0 5px; border-radius: 2px; font-size: 15px; font-weight: 300; transition: all 0.3s ease; }
.skin-show .action a:hover { box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.1); transform: translateY(-2px); }
.skin-show .action a.buy { background: #00AEFF; }
.skin-show .action a.demo { background: #F96868; }
.skin-desc { padding: 0 0 25px 0; }
.skin-desc h2 { font-size: 18px; font-weight: 500; color: #333; margin: 0 0 5px 0; padding: 0; color: #f30; }
.skin-desc ul { margin: 0; padding: 0; list-style: none; }
.skin-desc ul li { line-height: 35px; border-bottom: 1px solid #f3f3f3; font-size: 14px; color: #444; }
.skin-desc ul li span { color: #666; }
/*瀑布流布局*/
.piclist { width: 100%; }
.piclist ul { width: 855px; }
.piclist li { float: left; width: 270px; margin: 0 15px 15px 0; }
.piclist li a { display: block; padding: 4px; margin-bottom: 25px; border: 1px solid #eee; }
.piclist li a:hover { box-shadow: 0 0 6px rgba(0, 0, 0, 0.17); }
.piclist li a img { width: 100%; }
.piclist li a p { font-size: 14px; padding: 0 10px; }
/*标签相关*/
.tags { }
.tags li { display: inline; width: auto; }
.tags li a { display: inline-block; padding: 6px 20px; color: #333; font-size: 14px; background: #fff; margin: 0 2px 5px 0; border-radius: 2px; border: 1px solid #E7E7E7; }
.tags li a:hover { background: #007dc0; color: #fff; border: 1px solid #007dc0; }
.tags .hover a { display: inline; padding: 10px 30px; color: #fff; font-size: 14px; background: #2384D5; color: #fff; border: 1px solid #2384D5; margin: 0 2px; border-radius: 2px; border-radius: 0; }
/*筛选相关*/
.filter { border: 1px solid #f0f0f0; padding: 20px 30px 10px 30px; background: #fff; margin-bottom: 20px; }
.filter dl { margin: 0; }
.filter dl dd { float: left; width: 70px; font-weight: 500; font-size: 14px; margin: 0; padding-top: 5px; }
.filter dl dt { margin: 0 0 0 80px; }
.filter dl dt a { font-weight: 300; margin: 0 10px 10px 0; padding: 6px 20px; color: #666; font-size: 14px; display: inline-block; border-radius: 30px; }
.filter dl dt a:hover { background: #007dc0; color: #fff; }
.filter dl dt .hover { background: #007dc0; color: #fff; }
/*自定义表单*/
.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: auto; 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 .w420 { width: 480px; }
.form-add input { border: 1px solid #ddd; width: 60px; padding: 5px 10px }
.form-add em { color: #999; font-style: normal; }
/*表单内容*/
.formshow { }
.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; }
/*分页相关*/
.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: 6px 15px; }
.pagelist li a:hover { border-color: #007dc0; background: #007dc0; color: #fff; }
.pagelist li.active a { border-color: #007dc0; background: #007dc0; color: #fff; }
/*网站地图*/
.map_one { line-height: 30px; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 10px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }
.map_two a:hover { color: #f30; }
/*右侧浮动相关*/
.plug_service { position: fixed; right: 0; bottom: 5%; z-index: 999; }
.plug_service li { position: relative; margin-bottom: 5px; }
.plug_service li a { display: block; text-align: left; background: #333; border: 1px solid #333; padding: 10px 20px; font-family: microsoft yahei; font-size: 12px; color: #fff; outline: none; transition: right 0.5s; right: -74px; position: relative; border-radius: 4px 0 0 4px; }
.plug_service li a span { display: inline-block; font-size: 24px; color: #999; margin-right: 20px; vertical-align: middle; }
.plug_service li a:hover { background: #007dc0; color: #fff; border-color: #007dc0; right: 0; font-family: microsoft yahei; }
.plug_service li a:hover span { color: #fff; }
.plug_service .hover a { display: block; text-align: center; background: #007dc0; border: 1px solid #007dc0; padding: 10 8px 6px 8px; font-size: 12px; color: #fff; outline: none; }
.plug_service .hover a span { color: #fff; }
.plug_service .hotline { position: absolute; display: none; background: #fff; padding: 10px 15px 0 15px; left: -200px; bottom: 0px; width: 210px; border: 1px solid #ddd; width: 180px; height: 68px; font-size: 12px; color: #999; line-height: 24px; border-radius: 4px; }
.plug_service .hotline b { display: block; font-size: 16px; color: #333; }
.plug_service .hotline:after { content: " "; position: absolute; right: -10px; top: 25px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; transform: rotate(45deg); background: #fff; }
.plug_service .weixin_pic { position: absolute; display: none; background: #fff; padding: 5px; left: -230px; bottom: -70px; width: 210px; border: 1px solid #ddd; border-radius: 4px; }
.plug_service .weixin_pic p { text-align: center; margin: 0 0 10px 0; padding: 0; }
.plug_service .weixin_pic p span { color: #f30; }
.plug_service .weixin_pic:after { content: " "; position: absolute; right: -10px; top: 130px; width: 20px; height: 20px; border: #ddd solid 1px; border-left: 0; border-bottom: 0; transform: rotate(45deg); background: #fff; }
.plug_service li:hover div { display: block; }
 @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
}
}
.ordershow { margin: 20px 0; box-shadow: 1px 2px 10px rgba(0,0,0,0.1); border: 1px solid #f3f3f3; }
.ordershow .tips { margin: 20px 40px 30px 40px; position: relative; }
.ordershow .tips h3 { font-size: 24px; font-family: microsoft yahei; font-weight: 400; margin: 0; }
.ordershow .tips p { font-size: 15px; padding-left: 68px; }
.ordershow .tips div { font-size: 20px; position: absolute; bottom: 20px; right: 0; }
.ordershow .tips div em { color: #f30; font-style: normal; }
.ordershow .tips p em { color: #f30; 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; }
.ordershow .info li span { display: inline-block; width: 120px; text-align: right; padding-right: 10px; color: #999; }
.ordershow .info li em { color: #f30; font-style: normal; }
.ordershow .pay { margin: 0 20px 5px 20px; list-style: none; overflow: hidden; }
.ordershow .pay li { float: left; width: 19%; margin: 5px 1% 1% 0; cursor: pointer; }
.ordershow .pay li div { border: 1px solid #efefef; text-align: center; margin-left: 10px; 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: #90BAFF; }
.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; }
/*会员相关*/
.page_login { min-height: 200px; padding: 30px 30px; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); border: 1px solid #E6ECF4; background: #fff; margin: 20px auto; }
.page_login .left { float: left; padding: 30px; width: 760px; }
.page_login .right { float: right; height: 470px; border-left: 1px solid #f6f6f6; width: 350px; padding: 60px 0 0 60px; font-family: microsoft yahei; }
.page_login .right a.btn { display: inline-block; padding: 10px 35px; background: #007dc0; color: #fff; border-radius: 2px; }
.page_login .right a.btn:hover { background: #007dc0; }
.page_login .right .quick h5 { margin: 40px 0 30px 0; padding-bottom: 15px; border-bottom: 1px dashed #ddd; font-weight: normal; }
.page_login .right .quick a { font-size: 15px; border: 1px solid #EA6F5A; padding: 10px 35px; border-radius: 4px; background: #EA6F5A; color: #fff; margin: 5px 10px; }
.page_login .right .quick a:hover { background: #007dc0; border-color: #007dc0; }
.page_login .subject { border-bottom: 1px solid #eaeaea; }
.page_login .subject b { border-bottom: 1px solid #007dc0; height: 40px; line-height: 40px; display: inline-block; margin-bottom: -1px; font-weight: normal; color: #3b3b3b; font-size: 18px; font-family: microsoft yahei; }
.page_login .subject .more { float: right; }
.page_login .subject .more a { font-size: 12px; font-family: 宋体; color: #999; }
.page_login .subject .more a:hover { color: #f30; }
.login_css { margin: 40px 0 0 120px; }
.login_css ul { margin: 0; padding: 0; list-style: none; }
.login_css ul li { padding: 0 0 15px 0; }
.login_css ul li em { display: inline-block; width: 80px; font-family: microsoft yahei; text-align: right; padding-right: 10px; font-style: normal; color: #666; }
.login_css ul li .ip { border: 1px solid #e5e5e5; padding: 9px 10px; vertical-align: middle; border-radius: 2px; font-size: 14px; margin: 0; }
.login_css ul li .w { width: 250px; }
.login_css ul li .wcode { width: 120px; }
.login_css ul li img { vertical-align: middle; cursor: pointer; }
.login_css ul li .bnt { background: #007dc0; border: 0; margin-left: 80px; color: #fff; padding: 8px 20px; border-radius: 2px; cursor: pointer; }
.login_css ul li a.getpass { color: #999; font-size: 14px; }
.login_css ul li a:hover.getpass { color: #f30; }
.reg_css { margin: 40px 0 0 20px; }
.reg_css ul { margin: 0; padding: 0; list-style: none; }
.reg_css ul li { padding: 0 0 15px 0; min-height: 55px; }
.reg_css ul li em { display: inline-block; width: 130px; font-family: microsoft yahei; text-align: right; padding-right: 10px; font-style: normal; color: #666; float: left; }
.reg_css ul li .text-blue { color: #06f; }
.reg_css ul li .text-red { color: #f30; }
.reg_css ul li .ip { border: 1px solid #e5e5e5; padding: 9px 10px; vertical-align: middle; border-radius: 2px; font-size: 14px; }
.reg_css ul li .w { width: 320px; }
.reg_css ul li .wcode { width: 210px; }
.reg_css ul li img { vertical-align: middle; cursor: pointer; }
.reg_css ul li button { border: 1px solid #e5e5e5; padding: 9px 15px; vertical-align: middle; border-radius: 2px; font-size: 14px; cursor: pointer; margin-left: 7px; }
.reg_css ul li .bnt { background: #007dc0; border: 0; margin-left: 130px; color: #fff; padding: 8px 20px; border-radius: 2px; cursor: pointer; }
.reg_css ul li .send { background: #007dc0; border: 0; margin-left: 10px; color: #fff; padding: 8px 15px; *padding:10px 2px;
border-radius: 2px; cursor: pointer; vertical-align: middle; }
.reg_css ul #paytips { padding-left: 130px; }
.reg_css ul li p { font-size: 14px; margin: 8px 0; color: #333; border: 1px solid #90BAFF; background: #FBFCFF; padding: 10px 20px; }
.reg_css ul li p strong { color: #f30; }
.reg_css ul dl { margin: -2px 0 0 0; padding: 0; list-style: none; float: left; }
.reg_css ul dl dt { float: left; position: relative; margin: 0 10px 0 0; }
.reg_css ul dl dt a { border: 1px solid #ddd; border-radius: 2px 0 0 0; background: #fff; display: inline-block; height: 38px; line-height: 38px; padding: 0 20px; font-weight: normal; font-size: 14px; color: #666; }
.reg_css ul dl dt a:hover { border: 1px solid #90BAFF; }
.reg_css ul dl dt a span { color: #999; }
.reg_css ul dl dt i { position: absolute; width: 10px; height: 10px; font-size: 0; line-height: 0; right: 1px; bottom: 1px; background: url(../images/selected.gif) no-repeat right bottom; z-index: 99; display: none; }
.reg_css ul dl dt.selected a { border: 1px solid #90BAFF; color: #333; }
.reg_css ul dl dt.selected i { display: block; }
.api_user { padding: 30px 0 0 60px; font-size: 15px; }
.api_user span { color: #f30; }
.user_center { box-shadow: 1px 1px 10px rgba(0,0,0,0.1); border: 1px solid #E6ECF4; background: #fff; overflow: hidden; margin: 20px auto; }
.user_center .lefter { width: 160px; float: left; }
.user_center .lefter ul { margin: 15px 0; padding: 0 0 10px 0; list-style: none; border-bottom: 1px solid #f3f3f3; }
.user_center .lefter ul li { color: #999; line-height: 40px; height: 40px; margin-bottom: 1px; }
.user_center .lefter ul li .title { padding-left: 25px; }
.user_center .lefter ul li .title span { margin-right: 10px; }
.user_center .lefter ul li a { padding-left: 53px; line-height: 40px; height: 40px; display: block; font-size: 14px; }
.user_center .lefter ul li a:hover { background: #f3f3f3; }
.user_center .lefter ul .hover a { padding-left: 53px; line-height: 40px; height: 40px; display: block; font-size: 14px; background: #007dc0; color: #fff; }
.user_center .lefter ul .hover a:hover { background: #007dc0; color: #fff; }
.user_center .righter { margin: 0 30px 0 0; float: right; width: 988px; padding: 0 0 20px 20px; border-left: 1px solid #f3f3f3; min-height: 600px; }
.user_center .righter .user_info { padding: 20px 30px; }
.user_center .righter .user_info .face { width: 10%; float: left; margin-right: 10%; cursor: pointer; }
.user_center .righter .user_info .face img { border-radius: 50%; border: 1px solid #f3f3f3; padding: 4px; }
.user_center .righter .user_info .info { float: left; width: 75%; }
.user_center .righter .user_info .info p span { color: #f30; }
.user_center .righter .user_info .info ul { margin: 0; padding: 0; list-style: none; }
.user_center .righter .user_info .info ul li { font-size: 16px; line-height: 50px; height: 50px; border-bottom: 1px dashed #eee; vertical-align: middle; float: left; width: 45%; margin-right: 5%; }
.user_center .righter .user_info .info ul li span { color: #f30; }
.user_center .righter .user_info .info ul li em { color: #999; font-style: normal; display: inline-block; width: 80px; text-align: right; margin-right: 10px; }
 [class*=am-icon-] {
font-family:FontAwesome;
}