/*top*/
.topnav_bg { width: 100%; height: 35px; background: #f4f7fa; border-bottom: 1px solid #ddd; }
.topnav { width: 1200px; height: 35px; line-height: 35px; margin: 0 auto; }
.topnav_lt { float: left; font-size: 12px; }
/* .topnav_lt a { color: #666; display: block; background: url(../images/phone_ico.png) no-repeat left center; padding-right: 10px; padding-left: 20px; line-height: 35px; float: left; } */
.topnav_rt { float: right }
/* .topnav_rt a { line-height: 35px; font-size: 12px; color: #666;  float: left } */
.topnav_rt a:hover { color: #009250 }
.topnav_rt a.green { color: #009250 }
/* .topnav_rt span { color: #d7d9dc; display: inline-block; float: left; font-size: 12px; } */
.per_center { float: left; padding-right: 8px; position: relative; border-left: 1px solid #f4f7fa; border-right: 1px solid #f4f7fa; }
.per_center a { padding-right: 4px; }
.per_center p i { padding-left: 3px; font-size: 18px; color: #bbb; margin-top: 9px; float: left; }
.per_center:hover .per_center_list { display: block; }
.per_center:hover { background: #fff; z-index: 9999; border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.per_center_list { display: none; width: 200px; border: 1px solid #ddd; position: absolute; height: 85px; top: 35px; left: -1px; line-height: 28px; border-top: none; background: #fff; padding-top: 4px; z-index: 2; overflow: hidden; box-shadow: 0px 3px 10px #e1e3e2; }
.per_center_list a { width: 98px; float: left; padding-left: 9px; line-height: 24px; }
.per_center_list a em { color: #e8081d; font-style: normal }
.phone_download { width: 150px; height: 150px; position: absolute; left: 350px; top: 35px; z-index: 100; display: none; }
.phone_download img { width: 150px; height: 150px }
.topnav_lt:hover .phone_download { display: block; }
/* logo */
/* .logo_main { width: 1200px; margin: 0 auto; overflow: hidden } */
.logo_lt { float: left; margin-top: 30px; }
.logo_img { width: 384px; height: 56px; display: block; float: left; }
/* .logo_name { float: left; padding-left: 40px; padding-top: 10px; } */
/* .logo_name p { font-size: 18px; color: #333; display: block; overflow: hidden; } */
/* .logo_name a { font-size: 14px; color: #999; border: 1px solid #e5e5e5; padding: 0px 4px; margin-top: 2px; line-height: 20px; } */
.logo_name a i { font-size: 16px; padding-left: 4px; padding-top: 2px; }
/* .logo_mid { float: right; margin-top: 40px; } */

.logo_mid_lt select { font-size: 14px; color: #333; border: none; height: 35px; line-height: 35px; padding-left: 5px; }
/* .logo_mid_md { width: 320px; height: 36px; border: 2px solid #009251; font-size: 12px; border-left: none; display: block; float: left; margin-left: -3px; padding-left: 5px; box-sizing: content-box; } */
.search_l { width: 60px; height: 40px; display: block; float: left; background: #009251; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: 20px 9px; border: none; cursor: pointer; outline: none; }
.search_r { background: #ff6c00; color: #fff; font-size: 14px; width: 110px; height: 40px; border: none; float: left; margin-left: 10px; }
/* nav */
.nav { width: 100%; height: 40px; min-width: 1200px; margin-top: 30px; }

/* .nav_main h2 { float: left; display: block; width: 240px; height: 40px; background: #009251; color: #fff; position: relative; cursor: pointer; padding-left: 20px; } */

.nav_main h2 i { display: block; position: absolute; right: 60px; top: 10px; font-size: 20px; }
.fenlei_ul{ width:1200px; position:relative; margin:0 auto;z-index:2}
.fenlei_ul ul{width:180px; padding:10px 0; background:rgba(0,0,0,0.5); height:300px;z-index:99; position:absolute;}
.fenlei_ul ul li a{ display:block; font-size:16px; color:#fff; text-align:center; line-height:28px;}
.fenlei_ul ul li a i{ font-style:normal; padding-left:10px; color:#ccc}
.nav_ul { float: left; }
.nav_ul li { float: left; }
/* .nav_ul li a { color: #333; font-size: 16px; line-height: 40px; height: 40px; display: block; font-weight: bold; text-decoration: none; padding-left: 53px; float: left; } */
.nav_ul li a:hover { color: #009250; }
.nav_ul li .current { color: #009250; }
/*bottom*/
.wrapper { width: 1200px; margin: 0 auto; overflow: hidden }
.bottom_box { width: 100%; background: #262626; padding: 28px 0 }
.bottom_lt { width: 240px; float: left; }
.bottom_lt a { margin-bottom: 60px; }
.bottom_lt a img { width: 225px; height: 48px; }
.bottom_lt_bg img { opacity: 0.3; width: 100%; height: 137px; background: url(../images/bottom_bg.png) no-repeat left bottom; }
.bottom_rt { width: 876px; float: right; }
.bottom_rt_top { border-bottom: 1px solid #393939; }
.bottom_rt_top ul { overflow: hidden }
.bottom_rt_top ul li { float: left; position: relative; height: 52px; background: url(../images/service_bg.png) no-repeat; padding-left: 65px; line-height: 25px; margin-bottom: 18px; margin-right: 169px; }
.bottom_rt_top ul li:last-child { margin-right: 0px; }
.bottom_rt_top ul li h4 { font-size: 18px; color: #999 }
.bottom_rt_top ul li p { font-size: 14px; color: #666; }
.bottom_rt_top ul li.ser_bg1 { background-position: left top; }
.bottom_rt_top ul li.ser_bg2 { background-position: left -52px; ; }
.bottom_rt_top ul li.ser_bg3 { background-position: left -104px; }
.bottom_rt_bt dl { width: 150px; float: left; font-size: 14px; margin-top: 30px; margin-right: 18px; }
.bottom_rt_bt dl dt { color: #ccc; margin-bottom: 20px; }
.bottom_rt_bt dl dd { line-height: 26px; }
.bottom_rt_bt dl dd a { color: #666 }
.download { width: 200px; margin-top: 30px; float: right }
.download_lt { width: 70px; float: left; margin-bottom: 30px; }
.download_rt { width: 113px; float: right; text-align: left }
.download_rt h2 { font-size: 14px; color: #ccc; font-weight: normal }
.download_rt a { font-size: 12px; color: #ccc; margin-top: 5px; width: 110px; height: 20px; padding-left: 31px; line-height: 20px; }
.download_rt a.iphone { background: url(../images/iphone_bg.png) no-repeat left center; }
.download_rt a.android { background: url(../images/android_bg.png) no-repeat left center; }
.download p { clear: both; font-size: 12px; }
.share_info { height: 24px; line-height: 24px; }
.share_info span { display: block; float: left }
.share_info a { width: 24px; height: 24px; display: inline-block; margin: 0 5px; }
.share_info a.weixin { background: url(../images/weixin.png) no-repeat left center; background-size: 24px; }
.share_info a.weibo { background: url(../images/weibo.png) no-repeat left center; background-size: 24px; }
.share_info a.qq { background: url(../images/qq.png) no-repeat left center; background-size: 24px; }
.share_info a.pyq { background: url(../images/pyq.png) no-repeat left center; background-size: 24px; }
.copyright { padding: 15px 0; background: #202020 }
.copyright_info p { text-align: center; font-size: 12px; color: #666; line-height: 25px; }
.copyright_info p span { margin: 0 10px; }
.copyright_info p a { display: inline-block; color: #666 }

/* banner */
.banner { margin: 0 auto; width: 1920px; position: relative; height:300px; overflow: hidden; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height:300px; }
.banner .bd li a { height: 477px; display: block; }
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 8px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.banner .hd ul { width: 150px; margin: 0 auto; }
.banner .hd ul li { background: url(../images/dot.png) no-repeat center center; cursor: pointer; display: inline-block; zoom: 1; width: 16px; height: 16px; margin: 4px; overflow: hidden; font-size: 0px; }
.banner .hd ul .on { background: url(../images/dot_on.png) no-repeat center center; }
.service_wrap { width: 1200px; margin: 30px auto }
.service_wrap ul { margin: 0; padding: 0; overflow: hidden }
.service_wrap ul li a { float: left; width: 300px; height: 155px; position: relative }
.service_wrap ul li a h4 { position: absolute; font-size: 22px; color: #fff; top: 35px; left: 30px; font-weight: normal }

/*主体内容*/
.service_contain{ width:100%; padding:30px 0; background:#f2f2f2;}
.service_project{width:1200px; margin:0 auto 40px; overflow:hidden; }
.service_project h3{ font-size:26px; color:#333; text-align:center; height:60px; line-height:60px;}
.service_project .service_item p{ text-align:center;position:relative; margin-bottom:20px;}
.service_project .service_item p a{ font-size:20px; color:#333; padding:0 5px; display:inline-block}
.service_project .service_item p a:hover{ color:#009251}
.service_project .service_item span{ position:absolute; right:0; font-size:20px;}
.service_project .service_item span a{ color:#999; cursor:pointer}
.service_pro ul li a{ display:block; float:left; width:220px; height:360px; background:#fff;overflow:hidden}
.service_pro ul li{display:block; float:left; margin-right:25px;}
.service_pro ul li:last-child{ margin-right:0}
.service_pro ul li img{ width:220px; height:220px; border:0}
.service_pro ul li h5{ font-size:16px; color:#333; height:35px; line-height:35px; padding:0 8px}
.service_pro ul li p{ font-size:14px; color:#999; height:66px; line-height:22px; padding:0 8px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.service_project .service_pro_bottm{padding:0 8px; margin-top:5px}
.service_project .service_pro_bottm span{ font-size:14px; color:#009251}
.service_project .service_pro_bottm span b{ font-size:20px;}
.service_project .service_pro_bottm em{ display:block; width:76px; height:24px; line-height:24px; border-radius:3px;float:right; background:#009251; color:#fff; font-size:14px; text-align:center; font-style:normal}

.breadcrumb{ width:1200px; margin:0 auto;font-size:16px; margin-bottom:22px;}
.breadcrumb a{color:#333; display:inline-block}
.class_menu{ width:1200px; margin:15px auto; background:#fff; height:50px; line-height:50px; border:1px solid #eee; font-size:16px; color:#666; padding:0 50px;}
.class_menu a{ display:inline-block;color:#666; padding-left:20px;}
.class_menu a.cur{ color:#009251}
.servicelist{ width:1200px; margin:0 auto; overflow:hidden; padding:}
.servicelist .sortList{ width:960px; float:left; background:#fff; border:1px solid #eee; overflow:hidden;}
.servicelist .sortList .sortList_top{ height:60px; line-height:60px; border-bottom:1px solid #eee; font-size:16px; padding:0 30px}
.servicelist .sortList .sortList_top a{ color:#666; display:inline-block; margin-right:54px;}
.servicelist .sortList .sortList_top a i{ display:inline-block; width:14px; height:8px; background:url(../images/x_arrow.png) no-repeat 0 center; margin-left:5px;}
.servicelist .sortList .sortList_top a.current{color:#009251; border-bottom:2px solid #009251; line-height:55px;}
.servicelist .sortList_ul ul li{ border-bottom:1px solid #eee; padding:30px; overflow:hidden}
.servicelist .sortList_ul ul li span{ display:block; float:left; width:138px; height:138px;}
.servicelist .sortList_ul ul li span img{ display:block; width:100%; height:100%}
.servicelist .sortList_ul ul li .sortList_text{ width:700px; float:left; margin-left:32px;}
.servicelist .sortList_ul ul li .sortList_text h3{ font-size:18px; color:#333; font-weight:normal; padding-bottom:20px; overflow:hidden;  text-overflow: ellipsis; white-space:nowrap}
.servicelist .sortList_ul ul li .sortList_text p{ font-size:14px; color:#666;overflow:hidden;  text-overflow: ellipsis; white-space:nowrap; margin-bottom:15px;}
.servicelist .sortList_ul ul li .sortList_text p:last-child{ margin-bottom:0}
.servicelist .sortList_ul ul li .sortList_text p.sortList_price{ color:#009251}
.servicelist .sortList_ul ul li .sortList_text p.sortList_price b{ font-size:20px}
.servicelist .sortList_ul ul li .sortList_text p label{ padding-right:22px;}
.servicelist .sortList_ul ul li .sortList_text p label.store_icon{ background:url(../images/store.png) left center no-repeat;background-size: 15px 14px;padding-left:20px;}
.servicelist_rt{ float:right; width:228px; background:#fff; border:1px solid #eee; overflow:hidden}
.servicelist_tit{ font-size:16px; color:#333; border-bottom:1px solid #eee; height:60px; line-height:60px; padding-left:20px;}
.ser_provider{ border-bottom:1px solid #eee; padding:30px 10px 20px; overflow:hidden}
.ser_provider span{ display:block; margin:0 auto; width:70px; height:70px;}
.ser_provider span img{ width:70px; height:70px; border-radius:100%;}
.ser_provider h3{ font-size:16px; color:#333; text-align:center; padding:20px 0 8px; font-weight:normal}
.ser_provider p{ font-size:14px; color:#999; overflow:hidden; margin-top:6px;}
.ser_provider p em{ float:left; font-style:normal}
.ser_provider p b{ font-weight:normal; float:right}
.ser_provider p i{font-style:normal; float:right; color:#009251}

.page{ margin:0 auto; text-align:center; clear:both}
.page_list{margin:20px 0; overflow:hidden;}
.page_list a{ background:#fff;border:1px solid #CFCFCF; padding:7px 10px; color:#333; margin:0 7px; font-size:12px; display:inline-block; text-align:center}
.page_list a.pageon{ background:#04a564; color:#fff; border:none}
.page_list a:hover{background:#04a564; color:#fff;cursor:pointer; text-decoration: none; }


.ser_detail_top{ border-bottom:1px solid #eee; padding:38px 30px 22px; overflow:hidden}
.ser_detail_top span{ display:block; float:left; width:138px; height:138px;}
.ser_detail_top span img{ display:block; width:100%; height:100%}
.ser_detail_top .sortList_text{ width:580px; float:left; margin-left:32px;}
.ser_detail_top .sortList_text h3{ font-size:18px; color:#333; font-weight:normal; padding-bottom:20px; overflow:hidden;  text-overflow: ellipsis; white-space:nowrap}
.ser_detail_top .sortList_text p{ font-size:14px; color:#666;overflow:hidden;  text-overflow: ellipsis; white-space:nowrap; margin-bottom:15px;}
.ser_detail_top  .sortList_text p.sortList_price{ color:#009251}
.ser_detail_top  .sortList_text p.sortList_price b{ font-size:20px}
.ser_detail_top .sortList_text p label{ padding-right:22px;}
.ser_detail_top .sortList_text p label.store_icon{ background:url(../images/store.png) left center no-repeat;background-size: 15px 14px;padding-left:20px;}
.service_code{ width:140px; float:right;margin-top: -10px;}
.service_code img{ display:block; width:115px; height:115px; margin:0 auto}
.service_code p{ font-size:18px; color:#333; text-align:center; padding-top:8px;}
.service_code p.ordered a{ color:#009251}
.ser_detail{ padding:30px; overflow:hidden}
.ser_detail .ser_detail_li{ margin-bottom:20px;}
.ser_detail .ser_detail_li h3{ font-size:14px; color:#333; border-left:2px solid #009251; padding-left:10px; height:15px; line-height:15px; margin-bottom:6px}
.ser_detail .ser_detail_li p{ font-size:14px; color:#666; line-height:24px; padding-left:10px;}
.xf_box{ position:fixed; right:0; top:400px;}
.xf_box ul{ background:url(../images/xf_box.png) no-repeat left center; width:62px; height:184px;}
.xf_box ul li{ width:62px; height:62px; display:block;background-color: #009251;text-align:center;}
.xf_box ul li a{ font-size:14px; color:#fff; width:100%; line-height:62px; font-weight:bold; text-align:center; height:62px;}
.xf_box ul li.returnTop a{ font-size:12px; font-weight:normal}
 /*入驻页面*/
.join_center{ background:#f8f8f8; color:#333}
 i,em{ font-style:normal}
.inner_ban{ width:100%}
.inner_ban img{ width:100%; display:block}

.cooperation{font-size: 28px; font-weight: bold; text-align: center;padding-top: 50px;background:#f8f8f8}
.cooperation i{color:#009251; font-style:normal}
.cooperation-center{width: 660px; margin: 0 auto; padding-bottom:50px; text-align: center}
.cooperation-center div i{width: 120px; text-align: right; float: left; display: block }
.tips{ color:#ff6c00;padding-bottom: 20px;padding-left: 140px; text-align:left}
.tips p{ margin:0; line-height:24px;}
.cooperation-center div input[type=text],.cooperation-center div input[type=tel]{width: 500px; padding-left: 15px;margin-top: 8px; height: 30px; line-height: 30px; border-radius: 6px; border: 1px solid #d1d1d1; margin-left: 20px}
.cooperation-center{padding-top: 20px; font-size:14px;}
.cooperation-center div div{float: left; text-align: left;}
.cooperation-center div em{color: red; margin-right: 5px;}
.pal {
    margin-left: 120px;
}
.ched label{margin: 0 6px}
.tanme{line-height: 46px; height: 46px; clear: both}
.ched{line-height: 40px; }
.tbtn{width: 158px; background:#ff6c00; height: 36px; line-height: 36px; color: #fff; border-radius: 4px; border: none; }
.ched b input{margin-right: 2px; margin-left: 15px}
.zsphone{color: #898989; text-align: center; margin-top: 20px}
.zsphone a{ display:inline-block}