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 { width: 1200px; 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; }
.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; }
.bd{ border:0;}
.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; font-size: 14px; }
.notsupport { position: fixed; top: 0; bottom: 0; z-index: 99999; width: 100%; height: 100%; text-align: center; clear: both; color: #fff; background: #00adef; }
.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 { margin: 30px auto 20px auto; border-bottom: 1px solid #eee; }
.h1 .width { position: relative; font-size: 22px; color: #00adef; padding-bottom: 20px; }
.h1 .width span { font-size: 16px; color: #c8c8c8; }
.h1 .width .line {width: 2em;height: 2px;position: absolute;bottom: -1px;left: 0;background: #00adef;min-height: 2px;margin: 0;}
.h1 .width a.fr { font-size: 14px; color: #999; margin-top: 12px; }
.h1 .width a.fr:hover { color: #00adef; }
.h2 { margin: 0 auto 20px auto; border-bottom: 1px solid #eee; }
.h2 span { border-bottom: 2px solid #00adef; display: inline-block; line-height: 30px; margin: 0; padding: 0 0 15px 0; font-size: 20px; font-family: microsoft yahei; font-weight: 300; }
.bg_blue { background: #f5f5f5; }
.bg_partner { background: url(../image/bg_partner.jpg) no-repeat center top; min-height: 392px; }
.bg_gray { background: #2E3033; }
.top_pmcms { background: #333; color: #fff; }
.top_pmcms .fl { line-height: 40px; height: 40px; }
.top_pmcms .fr { color: #fff; line-height: 40px; height: 40px; }
.top_pmcms .fr a { color: #fff; display: inline-block; }
.top_pmcms .fr a:hover { color: #ff0; }



.header {background: #fff;height: 105px;box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3);z-index: 99;position: fixed;width: 100%; left:0; top:80px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.header .fr {min-height: 90px;padding: 30px 0 0 0px;font-size: 26px;color: #00adef;}
.header .fr span {font-size: 28px;margin: -15px 5px 0 0;position: relative;height: 28px;vertical-align: top;}
.header .logo { float: left; margin: 26px 20px 0 0; max-width: 200px; }
.header .logo img{  max-width: 200px; max-height:45px; }
.paiming{ top:0px;}
.topnav ul { margin: 0; padding: 0; float: left; }
.topnav ul .n { position: relative; float: left; z-index: 999; height: 105px; }
.topnav ul .n h2 { margin: 0; padding: 0; line-height: normal; font-weight: normal; }
.topnav ul .n h2 a { height: 105px; line-height: 102px; display: block; margin: 0 15px; font-size: 16px; color: #5D5D5D; position: relative; }
.topnav ul .n h2 a span { position: absolute; left: 0px; top: 18px; width: 0; height: 2px; display: block; background: #00adef; transition: width .6s cubic-bezier(.23, 1, .38, 1) 0s; }
.topnav ul .n h2 a:hover { border-color: #00adef; color: #00adef; }
.topnav ul .n h2 a:hover span { width: 100% }
.topnav ul .on h2 a { color: #00adef; }
.topnav ul .on h2 a span { width: 50%; }
.topnav .submenu { position: absolute; top: 105px; left: 0px; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); padding: 0 0 6px 0; background: #00adef; overflow: hidden; z-index: 88; display: none; text-align: center; }
.topnav .submenu li { width: 125px; padding: 0 10px; }
.submenu a { height: 40px; padding: 0 5px; line-height: 38px; display: block; text-align: center; border-top: #0cbcff 1px solid; border-bottom: #0398d0 1px solid; overflow: hidden; font-size: 13px; color: #eaf9ff; transition: all ease-out .3s; }
.submenu a:hover { color: #fff; text-indent: 5px; }
.topnav .submenu li:first-child a { border-top: none; }
.topnav .submenu li:last-child a { border-bottom: none; }
.banner { position: relative; background: #ccc; z-index: 1; overflow: hidden; width: 100%; }
.slideBox { width: 1920px; height:650px; overflow: hidden; position: relative; left: 50%; margin-left: -960px; }
.slideBox .hd { height: 35px; overflow: hidden; position: absolute; width: 100%; bottom: 30px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; text-align: center }
.slideBox .hd ul li { display: inline-block; *display:inline;
*zoom:1;
margin: 0 5px; width: 15px; height: 15px; background: #e0e0e0; border: 2px solid #b0b0b0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; text-indent: -99999px; font-size: 0px; }
.slideBox .hd ul li.on { background: #3bb4f2; border-color: #f8f8f8; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 1920px; height: 650px; display: block; }
.mt133 {  }
.position { line-height: 45px; }
.position ul { margin: 0; padding: 0; }
.position ul li { font-size: 14px; }
.home_about { margin-bottom: 20px; }
.home_about p { margin-top: 10px; }
.home_about .fl { width: 700px; margin-right: 40px; }
.home_about .fl h1 { font-size: 18px; font-weight: 500; font-family: microsoft yahei; margin-top: 5px; }
.home_about .fl .more { margin: 25px 0 0 0; }
.home_about .fl .more a { display: inline-block; background: #00adef; padding: 8px 40px; color: #fff; }
.home_about .fl .more a:hover { background: #f60; }
.home_about .fr { width: 460px; height: 300px; }
.home_about .fr .flash { width: 460px; height: 300px }
.home_about .fr .flash .image_number { width: 11px; height: 11px; border-radius: 50%; }
.home_about .fr .flash .label_skitter { background: #777B7B; opacity: .8; color: #fff; }
.home_about .fr .flash .info_slide_dots { bottom: 12px; }
.home_pro_nav { width: 280px; }
.left_fix { width: 280px; position: relative; z-index: 22; top: -90px; }
.home_pro_nav .title { background-color: rgba(0,173,239, 0.8); font-size: 22px; color: #fff; text-indent: 30px; line-height: 70px; }
.home_pro_nav .min { min-height: 509px; }
.home_pro_nav .tree { border: 2px solid #00adef; padding: 20px 30px; border-top: 0; background: #FFF; }
.home_tree { border-bottom: #eee 1px solid; }
.home_pro_nav .home_tree h4 { font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; }
.home_pro_nav .home_tree h4 a { color: #333; }
.home_pro_nav .home_tree h4 a i { display: inline-block; width: 10px; height: 10px; border: #aaa 2px solid; border-radius: 100%; margin-right: 10px; }
.home_pro_nav .home_tree h4 a:hover i { border: #00adef 2px solid; background: #00adef; }
.home_pro_nav .home_tree h4 a:hover { color: #00adef; }
.home_pro_nav .hover h4 a i { border: #00adef 2px solid; background: #00adef; }
.home_pro_nav .hover h4 a { color: #00adef; }
.home_pro_nav .home_tree ul { margin: 0 0 10px 0; /*display: none;*/ border-bottom: 0; }
.home_pro_nav .home_tree ul li { line-height: 30px; padding-left: 20px; }
.home_pro_nav .home_tree ul li a { color: #666; border-top: #e6e6e6 1px dotted; display: block; }
.home_pro_nav .home_tree ul li:first-child a { border: 0; }
.home_pro_nav .home_tree ul li a i { display: inline-block; width: 8px; height: 8px; border: #aaa 2px solid; border-radius: 100%; margin-right: 10px; }
.home_pro_nav .home_tree ul li a:hover i { border: #00adef 2px solid; background: #00adef; }
.home_pro_nav .home_tree ul li a:hover { color: #00adef; }
.home_pro_nav .home_tree ul li.hover a i { border: #00adef 2px solid; background: #00adef; }
.home_pro_nav .home_tree ul li.hover a { color: #00adef; }
.home_pro_nav .hover ul { display: block; opacity: 1; }
.tree_base { background: #fff; padding: 0 0 10px 0; min-height: 200px; }
.tree_base ul { margin: 0; padding: 0; list-style: none; }
.tree_base ul li { border-bottom: 1px dotted #ddd; }
.tree_base ul li a { border-left: 2px solid #00adef; padding-left: 30px; border-left: 2px solid transparent; height: 50px; line-height: 50px; display: block; color: #666; }
.tree_base ul li:hover a { color: #00adef; border-left: 2px solid #00adef; background: #fff3f3; }
.tree_base ul .hover a { border-left: 2px solid #00adef; color: #00adef; background: #fff3f3; }
.left_contact { background: #fff; padding: 15px 20px; }
.left_contact p { margin: 0 0 5px 0; padding: 0; }
.left_contact p strong { font-size: 16px; font-weight: 600; }
.home_pro { width: 900px; }
.home_pro ul { width: 915px; }
.home_pro ul li { float: left; width: 290px; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #f3f3f3; background: #fff; min-height: 234px; }
.home_pro ul li a .pic { overflow: hidden; }
.home_pro ul li a .pic img { width: 100%; transition: all 1s; }
.home_pro ul li a .title { background: #fff; padding: 10px 15px; text-align: center; }
.home_pro ul li a:hover .pic img { transform: scale(1.3); }
.home_news { width: 1230px; }
.home_news .fl { width: 380px; margin-right: 30px; }
.home_news .fl .subject { background: #00adef; padding: 0 15px; font-size: 16px; line-height: 45px; margin-bottom: -1px; font-weight: 400; font-style: normal; color: #fff; }
.home_news .fl .subject span { float: right; font-weight: normal; font-size: 13px; line-height: 50px; color: #fff; }
.home_news .fl .subject span a { color: #fff; }
.home_news .fl ul { margin: 10px 0 30px 0; }
.home_news .fl ul li { line-height: 40px; border-bottom: 1px solid #f3f3f3; background: url(../image/bg_icon_dot.gif) no-repeat 10px 16px; padding-left: 30px; }
.home_news .fl ul li span { float: right; color: #999; }
.newslist .col-md-6 { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.newslist .list { margin-bottom: 30px; padding: 25px; border-bottom: 3px solid #00adef; background: #f5f5f5; border-radius: 4px; }
.newslist .list h3 { font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 15px; }
.newslist .list p { color: #777; height: 42px; overflow: hidden; margin: 0 0 10px; }
.newslist .list span { color: #999; }
.newslist .list h3 a i { margin-right: 10px; }
.newslist .list a:hover { color: #00adef; }
.newslist .list a:hover i { color: #00adef; }
/*news_f*/

.news_f { }
.news_f li { overflow: hidden; width: 50%; float: left; position: relative; min-height: 1px; padding: 0 15px; margin: 15px 0; }
.news_f li a { display: block; border: 1px solid #E9E9E9; padding: 10px; overflow: hidden; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; }
.news_f li a:hover { border: 1px solid #00adef; }
.news_f li div { color: #999; font-size: 12px; margin-left: 100px; line-height: 22px; }
.news_f li a div h2 { display: block; font-size: 16px; color: #333; margin: 5px 0; font-weight: normal; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_f li a:hover div h2 { color: #00adef; }
.news_f li .date { background: #EDEDED; color: #999; display: inline-block; float: left; font-family: verdana; text-align: center; font-size: 24px; padding: 5px 0 0; }
.news_f li .date em { display: block; font-style: normal; font-size: 14px; font-family: arial; background: #CECECE; padding: 3px 15px; color: #fff; margin-top: 5px; }
.news_f li a:hover .date { color: #00adef; }
.news_f li a:hover .date em { background: #00adef; }
.news_f li div i { color: #00adef; margin-left: 10px; font-style: normal; }
.home_case { width: 1200px; overflow: hidden; position: relative; }
.home_case ul { }
.home_case ul li { float: left; width: 290px; margin: 0 15px 15px 0; padding: 4px; border: 1px solid #f3f3f3; background: #fff; }
.home_case ul li a .pic { overflow: hidden; }
.home_case ul li a .pic img { width: 100%; transition: all 1s; }
.home_case ul li a .title { background: #fff; padding: 10px 15px; text-align: center; }
.home_case ul li a:hover .pic img { transform: scale(1.3); }
.link { padding-bottom: 20px; }
.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: #09ABF4; color: #fff; border: 1px solid #09ABF4; }
a.more_h { background: transparent; border: 1px solid #dfdfdf; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin: 20px auto 0px; text-align: center; }
a.more_h:hover { border: 1px solid #00adef; color: #00adef; color: #00adef; }
/* footer */
.footer { width: 100%; overflow: hidden; background: #333333; }
.footer .footerTop { width: 100%; height: 350px; border-bottom: 1px solid #424242; }
.footer .footerTop .con1 { width: 920px; overflow: hidden; float: left; }
.footer .footerTop dl { background: url(../image/footer-xian.png) no-repeat left top; height: 224px; float: left; width: 190px; padding-left: 59px; margin-top: 71px; }
.footer .footerTop dl.dl1 { width: 126px; padding-left: 0; background-image: none; }
.footer .footerTop dt { font-size: 18px; color: #fff; margin-bottom: 20px; font-weight: normal; }
.footer .footerTop dd a { font-size: 13px; color: #999999; margin-bottom: 10px; display: block; }
.footer .footerTop dd a:hover { color: #00a4e2; }
.footer .footerTop .con2 { width: 280px; background: #00adef; height: 350px; text-align: center; float: right; }
.footer .footerTop .con2 p { color: #fff; }
.footer .footerTop .con2 .p1 { margin-top: 74px; font-size: 13px; }
.footer .footerTop .con2 .p2 { font-size: 24px; font-family: arial; margin-bottom: 40px; }
.footer .footerTop .con2 .p3 { font-size: 12px; margin-top: 5px; }
.footer .footerTop .con2 img { margin: 0 auto; }
.footer .footerBottom { width: 100%; overflow: hidden; height: 59px; line-height: 59px; }
.footer .footerBottom .p1 { font-size: 12px; color: #999999; float: left; }
.footer .footerBottom .p1 span { font-family: arial; }
.footer .footerBottom .p1 a { color: #999999; }
.footer .footerBottom .p2 { background: #00a4e2; height: 59px; line-height: 58px; border-top: 1px solid #1ab5f1; width: 280px; float: right; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; }
.footer .footerBottom .p2 a { float: left; }
.footer .footerBottom .p2 img { display: block; }
.page_show { width: 900px; background: #fff; padding: 20px 30px; min-height: 496px; }
.page_show p { }
.page_show img { max-width: 100%; }
.job-list { margin: 0; }
.job-list li { border-bottom: 1px solid #f3f3f3; line-height: 40px; background: url(../image/bg_icon_dot.gif) no-repeat 10px 16px; padding-left: 30px; }
.job-list li span { float: right; color: #999; }
.news_list { }
.news_list li { border-bottom: 1px solid #E6E6E6; overflow: hidden; padding: 0 0 20px 0; margin-bottom: 20px; }
.news_list li:hover { border-bottom: 1px solid #00adef; }
.news_list li .img_n { margin-right: 25px; width: 168px; height: 120px; overflow: hidden; float: left; }
.news_list li .img_n img { display: block; border: 0; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; }
.news_list li a:hover .img_n img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
.news_list li .txt_n { height: 120px; color: #999; font-size: 12px; line-height: 22px; position: relative; left: 0px; transition: all 0.5s ease; }
.news_list li .txt_n h3 { display: block; font-size: 16px; color: #333; position: absolute; top: 0px; left: 193px; width: 68%; font-weight: normal; height: 22px; overflow: hidden; transition: all 0.5s ease; }
.news_list li .txt_n p { transition: all 0.5s ease; position: absolute; top: 35px; left: 193px; width: 73%; }
.news_list li .txt_n span { position: absolute; right: 0px; top: 0px; transition: all 0.5s ease; }
.news_list li .txt_n i { position: absolute; right: 0px; bottom: 0px; transition: all 0.5s ease; width: 26px; height: 26px; display: block; font-style: normal; border: #eee 1px solid; text-align: center; }
.news_list li a:hover .txt_n h3 { left: 213px; color: #00adef; }
.news_list li a:hover .txt_n p { left: 213px; }
.news_list li a:hover .txt_n span { right: 20px; }
.news_list li a:hover .txt_n i { right: 20px; background: #00adef; border: #00adef 1px solid; color: #FFF; }
.news_list li .txt_n1 { height: 120px; color: #999; font-size: 12px; line-height: 22px; position: relative; left: 0px; transition: all 0.5s ease; }
.news_list li .txt_n1 h3 { display: block; font-size: 16px; color: #333; position: absolute; top: 0px; left: 0px; width: 90%; font-weight: normal; height: 22px; overflow: hidden; transition: all 0.5s ease; }
.news_list li .txt_n1 p { transition: all 0.5s ease; position: absolute; top: 35px; left: 0px; width: 95%; }
.news_list li .txt_n1 span { position: absolute; right: 0px; top: 0px; transition: all 0.5s ease; }
.news_list li .txt_n1 i { position: absolute; right: 0px; bottom: 0px; transition: all 0.5s ease; width: 26px; height: 26px; display: block; font-style: normal; border: #eee 1px solid; text-align: center; }
.news_list li a:hover .txt_n1 h3 { left: 20px; color: #00adef; }
.news_list li a:hover .txt_n1 p { left: 20px; }
.news_list li a:hover .txt_n1 span { right: 20px; }
.news_list li a:hover .txt_n1 i { right: 20px; background: #00adef; border: #00adef 1px solid; color: #FFF; }
.news-list { margin: 0; }
.news-list li { border-bottom: 1px solid #e6e7e8; margin-bottom: 10px; padding-bottom: 10px; }
.news-list li h1 { font-size: 18px; margin: 0; font-weight: 500; }
.news-list li aside { font-size: 12px; line-height: 24px; color: #999; }
.news-list li p { color: #999; font-size: 14px; margin: 0; }
.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 #00adef; line-height: 40px; padding-left: 20px; background: #f3f3f3; }
.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; padding-bottom:20px;}
.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: #00adef; border-color: #00adef; 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: #00adef; color: #fff; border-color: #00adef; }
.keys { padding: 10px; border: #ddd 1px dotted; margin-bottom:20px;  }
.keys p, .keys div, .keys ul, .keys li { display: inline; }
.pn { padding: 10px 0; border-top: #eee 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_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; padding-bottom:20px;}
.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: #00adef; border-color: #00adef; 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: #00adef; color: #fff; border-color: #00adef; }
.job_show .action { text-align: center; margin-top:20px;}
.job_show .action a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #00adef; padding: 6px 20px; min-width: 100px; background: #00adef; 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(../image/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%; 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); }

/*商品相关*/
.pro_show { border: 0px solid #f3f3f3; padding-bottom: 20px; }
.pro_show .left { float: left; width: 520px; text-align: center; border-right: 1px solid #f3f3f3; padding: 0 20px; }
.pro_show .left .zoom { text-align: center; }
.pro_show .left .zoom img { width: auto; max-width: 480px; }
.pro_show .left .thumb_pic { margin: 40px 0 0 0; text-align: center; position:relative; z-index:1;}
.pro_show .left .thumb_pic ul{margin:0 auto;}
.pro_show .left .thumb_pic ul li{display:inline-block;margin-right:5px;border:1px solid #eaeaea;padding:3px;cursor:pointer;position:relative;}
.pro_show .left .thumb_pic ul li.hover{border:1px solid #f90;background:#fff;}
.pro_show .left .thumb_pic ul li.hover:after{content:" ";position:absolute;right:27px;top:-6px;width:11px;height:11px;border:#f90 solid 1px;border-left:0;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#f90;z-index:-1;}





.pro_show .right { margin-left: 530px; padding: 20px 0 0 30px; }
.pro_show .right h1 { font-size: 18px; margin: 0; padding: 0; font-weight: 400; text-align: left; }
.pro_show .right h5 { font-size: 14px; margin: 10px 0; padding: 0; color: #999; font-weight: normal; }
.pro_show .right .attribute { }
.pro_show .right .attribute li { font-size: 14px; line-height: 30px; }
.pro_show .right .attribute li em { display: inline-block; width: 80px; font-style: normal; color: #555; font-size: 14px; }
.pro_show .right .price { font-size: 14px; line-height: 30px; margin: 20px 0; }
.pro_show .right .price span { font-size: 36px; color: #f60; }
.pro_show .right .price em { font-size: 12px; color: #999; font-style: normal; padding-left: 5px; }
.pro_show .right .tags { margin: 20px 0; }
.pro_show .right .tags a { margin-left: 10px; display: inline-block; border-radius: 4px; border: 1px solid #dadada; background: #fff; padding: 2px 6px; font-weight: normal; font-size: 14px; }
.pro_show .right .tags a:hover { background: #00adef; color: #fff; border-color: #00adef; }
.pro_show .right .action { margin: 30px 0 50px 0; }
.pro_intro { border: 1px solid #f3f3f3; box-shadow: 1px 2px 6px rgba(0,0,0,0.1); margin-bottom: 30px; }
.pro_intro .left { width: 320px; margin-right: 20px; float: left; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0,0,0,0.1); }
.pro_intro .plist { margin: 15px; width: 300px; }
.pro_intro .plist ul { width: 304px; }
.pro_intro .plist ul li { float: left; width: 137px; margin: 0 15px 15px 0; }
.pro_intro .plist ul li a { border: 1px solid #ededed; padding: 4px; display: block; background: #fff; border-radius: 4px; }
.pro_intro .plist ul li a div { overflow: hidden; width: 100%; height: 100%; }
.pro_intro .plist ul li a div img { width: 100%; height: 100%; max-height: 127px; min-height: 127px; display: block; border: 0; }
.pro_intro .plist ul li a p { text-align: center; font-size: 14px; color: #333; margin: 0; padding: 5px 0; }
.pro_intro .plist ul li a:hover p { color: #f30; }
.pro_intro .right { float: left; width: 850px; border: 1px solid #f3f3f3; box-shadow: 1px 2px 10px rgba(0,0,0,0.1); }
.pro_intro .tabs { width: 100%; background: #f7f7f7; }
.pro_intro .tabs ul { width: 100%; background: #f7f7f7; }
.pro_intro .tabs ul li { float: left; }
.pro_intro .tabs ul li a { display: block; padding: 10px 30px; text-align: center; font-size: 14px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; background: #fff; color: #999; border-top: 2px solid #fff; }
.pro_intro .tabs ul li.hover a { border-bottom: 1px solid #fff; background: #fff; font-weight: bold; color: #333; border-top: 2px solid #00adef; }
.pro_intro .intro { padding: 30px; }
.pro_intro .intro img { max-width: 790px; }
.pro_intro .intro table { border-left: #ddd 1px solid; border-top: #ddd 1px solid; }
.pro_intro .intro table td { border-right: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 5px; }
.pro_intro .intro .extend { }
.pro_intro .intro .extend li { font-size: 14px; line-height: 30px; }
.pro_intro .intro .extend li em { display: inline-block; width: 120px; font-style: normal; color: #555; font-size: 14px; }
.ordershow { margin: 10px 0 0 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(../image/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; }
/*瀑布流布局*/
.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: #00adef; color: #fff; border: 1px solid #00adef; }
.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: #3BB4F2; color: #fff; }
.filter dl dt .hover { background: #3BB4F2; 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: 6px 15px; }
.pagelist li a:hover { border-color: #00adef; background: #00adef; color: #fff; }
.pagelist li.active a { border-color: #00adef; background: #00adef; color: #fff; }
/*网站地图*/
.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; }


.ordershow{margin:10px 0 0 0;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.ordershow .tip{margin:20px 40px 30px 40px;position:relative;}
.ordershow .tip h3{font-size:24px;font-family:microsoft yahei;font-weight:400;margin:0;}
.ordershow .tip p{font-size:15px;padding-left:68px;}
.ordershow .tip div{font-size:20px;position:absolute;bottom:20px;right:0;}
.ordershow .tip div em{color:#f30;font-style:normal;}
.ordershow .tip 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(../image/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;}

/*表单内容*/
.formshow{margin-top:20px;}
.formshow .item{font-size:14px;line-height:30px;clear:both;}
.formshow .item .lefter{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;float:left;text-align:right;}
.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;}

.imagelist{overflow:hidden;}
.imagelist ul{margin:0;padding:0;list-style:none;}
.imagelist ul li{float:left;width:19%;margin-right:1%;border:1px solid #ddd;padding:5px;border-radius:4px;margin-top:15px;cursor:pointer;position:relative;}
.imagelist ul li .preview{height:140px;background:#fafafa;overflow:hidden;text-align:center;}
.imagelist ul li .preview img{vertical-align:middle;max-width:100%;max-height:140px;}
.imagelist ul li .preview:after{content:' ';width:0;height:100%;display:inline-block;vertical-align:middle;overflow:hidden;}
.imagelist ul li .intro textarea{width:100%;margin:5px 0;padding:8px 10px;font-size:14px;height:50px;color:#999;}
.imagelist ul li .action{text-align:center;overflow:hidden;}
.imagelist ul li .action a{text-align:center;color:#999;outline:none;width:33.3333%;float:left;}
.imagelist ul li .action a:hover{color:#f30;}
.imagelist ul .hover{border:1px solid #6b0;}
.imagelist ul .hover:after{width:0;height:0;border-top:40px solid #66bb00;border-left:40px solid transparent;position:absolute;display:block;right:0;content:"";top:0;z-index:1001;}
.imagelist ul .hover:before{font:normal normal normal 14px/1 FontAwesome;content:"f00c";display:block;position:absolute;top:5px;right:4px;z-index:1002;color:#fff;}




/*右侧浮动相关*/
.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: #fff; border: 1px solid #ececec; padding: 10px 20px; font-family: microsoft yahei; font-size: 12px; color: #505050; outline: none; transition: right 0.5s; right: -77px; position: relative; }
.plug_service li a span { display: inline-block; font-size: 24px; color: #888; margin-right: 20px; vertical-align: middle; }
.plug_service li a:hover { background: #00adef; color: #fff; border-color: #00adef; right: 0; font-family: microsoft yahei; }
.plug_service li a:hover span { color: #fff; }
.plug_service .hover a { display: block; text-align: center; background: #00adef; border: 1px solid #00adef; 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; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); 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; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.plug_service li:hover div { display: block; }


.top_pmcms .fl p, .top_pmcms .fl div{ display: inline;}
.ui-bread-1 { padding-bottom:10px;}
.position ul li a{font-size: 14px;}
.position ul li a.ui-icon-home:before{ margin-right:2px;}

.ui-page ul li.active{border-color:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.ui-menu-blue .ui-menu-name{color:#1890FF;border-bottom-color:#1890FF;}
.artshow .action a:hover i{color:#1890FF;}
.ui-btn-blue{background:#1890FF;border-color:#1890FF;}
.ui-btn-blue:hover{background:#40A9FF;border-color:#40A9FF;}
.ui-footnav a.active{color:#1890FF;}
.ui-footnav a.active i{color:#1890FF;}