/*全局*/
@charset "utf-8";
* { margin: 0; padding: 0; }
body { font: 12px/20px "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color: #333; scrollbar-face-color: #575757; scrollbar-highlight-color: #eee; scrollbar-shadow-color: #eee; scrollbar-3dlight-color: #eee; scrollbar-arrow-color: #eee; scrollbar-track-color: #eee; scrollbar-darkshadow-color: #eee; scrollbar-base-color: #eee; word-wrap: break-word; word-break: break-all; list-style-type: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #333; text-decoration: underline; }
ul { list-style: none; }
img { border: none; }
form { display: inline; }
textarea { resize: none; }
select { cursor: pointer; }
label { cursor: pointer; margin-right: 10px; }
h1 { font-weight: normal; }
.fl { float: left; }
.fr { float: right; }
.cursor { cursor: pointer; }
.cp100 { margin: 0 auto; width: 100%; }
.c1200 { margin: 0 auto; width: 1200px; }
.clear { clear: both; }
.mar10 { margin: 10px; }
.mr10 { margin-right: 10px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.pd10 { padding: 10px; }
.textcenter { text-align: center; }

.wrap { border: 0; padding: 0; width: 1200px; margin: 0 auto; *zoom: 1; }
.wrap:after { clear: both; content: ""; display: table; }
.fix { *zoom: 1; }
.fix:after { clear: both; content: ""; display: table; }

/*字体*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.fb { font-weight: bold; }
.fimpact { font-family: impact; }
.red { color: #ff500b; }
.gray { color: #999; }
.jungle { color: #26C281; }
.bg_red { background: #ff7300; color: #fff; cursor: pointer; }
.bg_red a { color: #fff; }
.bg_red:hover { background: #333; color: #fff; }
.bg_default { background: #E1E5EC; color: #333; cursor: pointer; }
.bg_default:hover { background: #333; color: #fff; }
.bg_gallery { background: #555; color: #fff; cursor: pointer; }
.bg_gallery a { color: #fff; }
.bg_gallery:hover { background: #333; color: #FFF; }

.btn_all { text-align: center; border: 1px solid transparent; padding: 0 5px; border-radius: 4px; line-height: 28px; font-weight: 400; cursor: pointer; }
.bd_radius4 { border-radius: 4px; }

/*关于我们*/
.pagebanner { float: left; width: 100%; margin: 102px 0 0 0; height: 150px; }
.pagenav { height: 60px; line-height: 60px; }

.gb_input { width: 395px; padding: 0 5px 0 5px; background: #f1f1f1; border: none; height: 35px; line-height: 35px; }
.textarea { width: 393px; border: 1px solid #eee; background: #f1f1f1; height: 132px; line-height: 22px; padding: 5px; }
.btn { width: 405px; text-align: center; padding: 10px 0 10px 0; cursor: pointer; color: #fff; border: none; background: #ff7300; margin: 5px 0 0 0; font-size: 14px; }
.btn:hover { width: 405px; text-align: center; padding: 10px 0 10px 0; cursor: pointer; color: #ccc; border: none; background: #333; }
.gb_title { float: left; width: 405px; line-height: 25px; margin: 0 0 12px 0; }
.verify_ipt { background: #fff; border: 1px solid #ddd; height: 30px; line-height: 30px; padding: 0 5px 0 5px; }
.verify_ipt:hover { background: #fff; border: 1px solid #4a8bc2; height: 30px; line-height: 30px; padding: 0 5px 0 5px; }

/*服务项目*/
.service { float: left; width: 180px; height: 180px; line-height: 180px; border: 10px solid #eee; border-radius: 180px; text-align: center; margin: 40px 50px 0 50px; font-size: 20px; }
.service a:hover { text-decoration: none; }
.service:hover { border: 10px solid #999; cursor: pointer; }

/*新闻资讯*/
.newssearch { float: right; padding: 15px 0 0 0; }
.newssort { float: right; margin: 10px 0 10px 20px; height: 30px; line-height: 30px; border: 1px solid #ff7300; border-radius: 5px; text-align: center; padding: 5px 35px 5px 35px; }
.newssort a:hover { color: #fff; }
.newssort:hover { background: #ff7300; color: #fff; }
.newsall { margin: 0 auto; width: 1200px; border-top: 1px solid #ddd; }
.newsall h1 { float: left; width: 1200px; height: 50px; margin: 30px 0 0 0; line-height: 50px; text-align: center; overflow: hidden; }
.newslist1 { float: left; width: 130px; height: 180px; text-align: right; color: #fff; padding: 15px; margin: 30px 0 0 0; background: #ff7300; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.newsdate { float: left; width: 130px; height: 50px; margin: 47px 0 0 0; font-size: 70px; font-family: 'Impact'; }
.newsyear { float: left; width: 130px; height: 83px; line-height: 25px; }
.newslist2 { float: left; width: 960px; height: 180px; margin: 30px 0 0 0; padding: 15px 40px 15px 40px; background: #eee; border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.newstitle { float: left; width: 960px; height: 35px; margin: 0 0 15px 0; line-height: 35px; font-size: 20px; }
.newsdes { float: left; width: 960px; height: 75px; line-height: 25px; color: #777; overflow: hidden; }
.newstips { float: left; width: 960px; height: 30px; line-height: 30px; margin: 25px 0 0 0; }
.newsline1 { float: left; width: 600px; text-align: right; }
.newsshare { float: left; width: 65px; text-align: right; }
.newsgb { float: left; width: 1140px; margin: 50px 0 0 0; border-top: 1px solid #ddd; padding: 30px 0 0 0; }
.news_dashang { float: left; width: 400px; margin: 0 20px 0 20px; }
.news_dashang_list { border-bottom: 1px solid #ddd; padding: 0 0 8px 0; margin: 0 0 8px 0; }
.newslist_nav { float: right; margin: 110px 0 10px 15px; }

/*新闻内容页*/
.newsview_date { float: left; width: 1200px; height: 50px; line-height: 50px; text-align: center; }
.newsview_content { float: left; width: 1140px; border: 1px solid #ddd; position: relative; border-radius: 10px; margin: 0 0 60px 0; padding: 20px 30px 60px 30px; }
.newsview_content a { color: #333; }
.newsview_content a:hover { color: #333; }
.newsback { position: absolute; width: 75px; height: 75px; background: url(../images/news_back.png) no-repeat; left: 46.5%; bottom: -37.5px; }
.newsback a { display: block; width: 100%; height: 100%; }
.newsback a span { display: none; }
.newsview_list { float: left; width: 1200px; line-height: 25px; padding: 20px 0 20px 0; }
.newsview_list_l { float: left; width: 700px; margin: 0 50px 0 0; }
.newsview_list_l1 { float: left; width: 340px; margin: 0 20px 0 0; }
.newsview_list_l2 { float: left; width: 340px; }
.newsview_list_l_nav { float: left; width: 340px; padding: 0 0 5px 0; border-bottom: 1px solid #ddd; font-size: 16px; }
.newsview_list_l_title { float: left; width: 340px; height: 35px; line-height: 35px; border-bottom: 1px dashed #ddd; overflow: hidden; }
.newsview_list_r { float: left; width: 450px; }
.newsview_list_r_li { float: left; width: 450px; height: 25px; line-height: 25px; text-align: right; overflow: hidden; }
.newsview_copyright { float: left; width: 430px; background: #eee; border-radius: 5px; margin: 10px 0 0 0; padding: 10px; }
.newsview_copyright a { color: #ff500b; }

.gohome { position: absolute; width: 75px; height: 75px; background: url(../images/gohome.png) no-repeat; left: 46.5%; bottom: -37.5px; }
.gohome a { display: block; width: 100%; height: 100%; }
.gohome a span { display: none; }

/*打赏*/
.dashang_textarea { width: 338px; border: 1px solid #eee; background: #f1f1f1; height: 88px; line-height: 22px; padding: 5px; }
.dashang_btn { width: 350px; text-align: center; padding: 10px 0 10px 0; cursor: pointer; color: #333; border: none; background: #E1E5EC; margin: 5px 0 0 0; font-size: 14px; }
.dashang_btn:hover { width: 350px; text-align: center; padding: 10px 0 10px 0; cursor: pointer; color: #ccc; border: none; background: #333; }
.dashang_scroll { float: left; width: 350px; height: 240px; overflow: hidden; }
.dashang_scroll li { float: left; width: 350px; height: 24px; line-height: 24px; overflow: hidden; }

/*服务项目*/
.pagelist { float: left; width: 260px; height: 170px; background: #eee; border-radius: 10px; margin: 40px 20px 0 20px; }
.pagelist:hover { float: left; width: 260px; height: 170px; background: #ff7300; color: #fff; border-radius: 10px; margin: 40px 20px 0 20px; }
.pagetitle { float: left; width: 260px; height: 39px; line-height: 39px; border-bottom: 1px dashed #ddd; text-align: center; overflow: hidden; }
.pagedes { float: left; width: 240px; height: 75px; padding: 5px 10px 0 10px; text-align: center; line-height: 25px; overflow: hidden; }
.page_btn { float: left; width: 260px; height: 35px; line-height: 35px; margin: 5px 0 10px 0; text-align: center; }

/*案例*/
.casetotal { float: left; width: 100%; padding: 20px 0 0 0; background: #f9f9f9 url(../images/project_bg.jpg) repeat top left; }
.case_left { float: left; width: 700px; top: 102px; margin: 50px 50px 0 0; }
.case_flash { float: left; width: 698px; height: 450px; border: 1px solid #ddd; }
.case_news { float: left; width: 700px; margin: 20px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
.case_news_li { float: left; width: 700px; height: 35px; line-height: 35px; border-bottom: 1px dashed #ddd; overflow: hidden; }
.case_right { float: left; width: 408px; padding: 20px; border: 1px solid #ddd; border-radius: 10px; margin: 50px 0 0 0; }
.fl480 { float: left; width: 408px; }
.case_r_title { float: left; width: 408px; border-bottom: 1px solid #ddd; padding: 30px 0 10px 0; }
.case_r_li { float: left; width: 408px; height: 35px; line-height: 35px; border-bottom: 1px dashed #ddd; overflow: hidden; }

/*模板网站*/
.fl980 { float: left; width: 980px; }
.muban_jsq { float: left; width: 200px; border: 1px solid #ddd; margin: 0 0 0 18px; }
.muban_right_title { float: left; width: 200px; height: 40px; text-align: center; line-height: 40px; }
.jsq_form { float: left; width: 180px; padding: 10px; }
.jsq_title { height: 20px; margin-top: 10px; clear: both; color: #ff500b; font-size: 14px; }
.pk_muban_li2 { height: 20px; clear: both; }
.muban_price { font-family: Georgia; font-size: 36px; width: 105px; font-weight: bold; color: #f90; border: none; background: none; }

/*联系我们*/
.contact_fl { float: left; width: 635px; padding: 0 20px 20px 0; border-radius: 5px; margin: 0 70px 0 0; }
.contact_com { float: left; width: 600px; height: 30px; line-height: 30px; background: url(../images/ico_logo.png) left no-repeat; margin: 0 0 15px 0; padding: 5px 0 5px 35px; border-bottom: 1px solid #ddd; font-size: 20px; }
.contact_add { float: left; width: 600px; line-height: 30px; background: url(../images/ico_home.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_tel { float: left; width: 600px; line-height: 30px; background: url(../images/tel_black.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_mob { float: left; width: 600px; line-height: 30px; background: url(../images/mob_black.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_email { float: left; width: 600px; line-height: 30px; background: url(../images/ico_email.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_qq { float: left; width: 600px; line-height: 30px; background: url(../images/qq_black.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_wechat { float: left; width: 635px; margin: 15px 0 15px 0; }
.contact_bus { float: left; width: 180px; line-height: 30px; background: url(../images/ico_bus.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_metro { float: left; width: 375px; line-height: 30px; background: url(../images/ico_metro.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.contact_car { float: left; width: 400px; line-height: 30px; background: url(../images/ico_car.png) left no-repeat; padding: 0 0 0 35px; font-size: 14px; margin: 0 0 0px 0; }
.bus_line { float: left; width: 445px; margin-top: 15px; }
.contact_map { float: left; width: 635px; height: 364px; margin: 30px 0 0 0; }

.gbtitle { float: left; width: 395px; background: url(../images/ico_guestbook.png) left no-repeat; padding: 0 0 0 30px; margin: 0 0 20px 0; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; font-size: 20px; }

/*网站建设*/
.web_title { float: left; width: 1200px; height: 120px; margin: 80px 0 50px 0; font-size: 48px; color: #ff500b; line-height: 120px; text-align: center; }
.web_youshi { margin: 0 auto; width: 1200px; height: 650px; background: url(../images/wangzhanjianshe.jpg) no-repeat; }
.web_text_title { float: left; font-size: 18px; font-weight: bold; position: absolute; }
.web_t1 { float: left; font-size: 18px; font-weight: bold; position: relative; margin: 18px 0 0 475px; }
.web_t2 { margin: 63px 0 0 58px; }
.web_t3 { margin: 63px 0 0 905px; }
.web_t4 { margin: 223px 0 0 58px; }
.web_t5 { margin: 233px 0 0 906px; }
.web_t6 { margin: 383px 0 0 58px; }
.web_t7 { margin: 390px 0 0 925px; }
.web_t8 { margin: 568px 0 0 58px; }
.web_t9 { margin: 590px 0 0 941px; }
.web_text_desc_l { float: left; background: url(../images/reddot.png) left center no-repeat; position: absolute; }
.web_text_desc_r { float: left; background: url(../images/reddot.png) right center no-repeat; position: absolute; }
.web_d1 { float: left; background: url(../images/reddot.png) left center no-repeat; padding: 0 0 0 10px; position: relative; margin: 15px 0 0 475px; }
.web_d2 { float: left; background: url(../images/reddot.png) left center no-repeat; padding: 0 0 0 10px; position: relative; margin: 5px 0 0 475px; }
.web_d3 { padding: 0 0 0 10px; margin: 98px 0 0 58px; }
.web_d4 { padding: 0 0 0 10px; margin: 123px 0 0 58px; }
.web_d5 { padding: 0 10px 0 0; margin: 96px 0 0 910px; }
.web_d6 { padding: 0 10px 0 0; margin: 121px 0 0 887px; }
.web_d7 { padding: 0 0 0 10px; margin: 258px 0 0 58px; }
.web_d8 { padding: 0 0 0 10px; margin: 283px 0 0 58px; }
.web_d9 { padding: 0 10px 0 0; margin: 266px 0 0 948px; }
.web_d10 { padding: 0 10px 0 0; margin: 291px 0 0 852px; }
.web_d11 { padding: 0 0 0 10px; margin: 418px 0 0 58px; }
.web_d12 { padding: 0 0 0 10px; margin: 443px 0 0 58px; }
.web_d13 { padding: 0 10px 0 0; margin: 423px 0 0 900px; }
.web_d14 { padding: 0 10px 0 0; margin: 448px 0 0 962px; }
.web_d15 { padding: 0 0 0 10px; margin: 603px 0 0 58px; }
.web_d16 { padding: 0 0 0 10px; margin: 628px 0 0 58px; }
.web_d17 { float: left; padding: 0 10px 0 0; position: absolute; margin: 623px 0 0 850px; }
.web_buzhou { float: left; width: 100%; margin: 50px 0 0 0; clear: both; }
.web_buzhou_img { float: left; width: 575px; text-align: right; margin: 30px 50px 50px 0; }
.web_buzhou_text { float: left; width: 575px; padding: 30px 0 50px 0; }
.web_buzhou_t1 { font-size: 30px; margin: 0 0 30px 0; }
.web_buzhou_t2 { font-size: 16px; line-height: 30px; padding: 0 0 0 42px; color: #777; }
.web_contact { float: left; width: 200px; margin: 0 0 0 350px; }

.contact_fr { float: left; width: 405px; height: 825px; background: url(../images/gb_bg.png) top no-repeat; padding: 15px 35px 20px 35px; border-radius: 5px; }

/*付款方式*/
.pay { float: left; width: 358px; padding: 10px; border: 1px solid #ddd; border-radius: 10px; margin: 20px 10px 20px 10px; }
.pay:hover { border: 1px solid #ff7300; }
.paytext { padding: 20px; border-top: 1px solid #ddd; line-height: 30px; }

/*顶部*/
.top { margin: 0 auto; width: 100%; position: fixed; z-index: 120; height: 30px; line-height: 30px; background: #333; color: #fff; }
.top_tel { float: right; width: 134px; height: 30px; padding: 0 0 0 12px; color: #aaa; background: url(../images/ico_phone.png) left no-repeat; }
.top_user { float: right; width: 63px; height: 30px; padding: 0 0 0 14px; color: #aaa; background: url(../images/ico_user.png) left no-repeat; }
.top_weixin { float: right; width: 38px; height: 30px; padding: 0 0 0 20px; color: #aaa; background: url(../images/ico_weixin.png) left no-repeat; cursor: pointer; }
.top_qq { float: right; width: 32px; height: 30px; padding: 0 0 0 14px; color: #aaa; background: url(../images/ico_qq.png) left no-repeat; }
.top_common { float: right; width: 50px; height: 30px; padding: 0 0 0 13px; color: #aaa; }
.top_hk { float: right; width: 50px; height: 30px; padding: 0 0 0 25px; color: #aaa; background: url(../images/ico_hk.png) left no-repeat; }
.top_mob { float: right; width: 50px; height: 30px; padding: 0 0 0 13px; color: #aaa; background: url(../images/ico_mobile.png) left no-repeat; }
.top_fz { position: relative; float: right; width: 50px; height: 30px; padding: 0 5px 0 18px; color: #aaa; background: url(../images/ico_fz.png) left no-repeat; }
.top_fzh { background: url(../images/ico_fzh.png) left no-repeat; }
.top_fz ul { display: none; position: absolute; top: 30px; background: #fff; z-index: 99999; width: 160px; border: 1px solid #ddd; left: 0; padding: 5px 0; background: #eee; }
.top_fz ul li { }
.top_fz ul li a { display: block; line-height: 30px; padding: 0 5px; }
.top_fz ul li a:hover { background: #ff7300; color: #fff; text-decoration: none; }


.logo { float: left; width: 200px; height: 70px; margin-right: 10px; background: url(../images/logo.png) left no-repeat; }
.logo a { display: block; width: 100%; height: 100%; }
.logo a strong { display: none; }
.head_tel { float: left; width: 142px; height: 55px; line-height: 39px; padding: 15px 0 0 37px; margin: 0 0 0 30px; background: url(../images/ico_tel.png) left no-repeat; color: #ff500b; font-weight: bold; font-size: 18px; }

/*导航*/
.navbox { margin: 0 auto; width: 100%; height: 70px; position: fixed; top: 30px; background: #fff; border-bottom: 1px solid #eee; z-index: 119; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.nav { float: left; width: 780px; height: 70px; }
.nav li { float: left; width: 130px; height: 70px; line-height: 70px; position: relative; list-style: none; font-size: 16px; }
.nav li a { float: left; display: block; width: 110px; padding: 0 10px 0 10px; color: #000; cursor: pointer; text-align: center; text-decoration: none; }
.nav li a:hover { background: #ff7300; color: #fff; }
.mj_hover_menu { text-decoration: none; width: 130px; background: #ff7300; height: 70px; }
.nav li .submenu { display: none; position: absolute; top: 70px; }
.mj_menu_bg { width: 130px; background: url(../images/menu_bg.png) bottom no-repeat; }
.mj_menu_bg ul li { width: 130px; height: 35px; line-height: 35px; text-align: left; font-size: 12px; }
.mj_menu_bg ul li:hover { background: #ff500b; color: #fff; }
.mj_menu_bg ul li a { color: #333; line-height: 35px; }
.mj_menu_bg ul li a:hover { color: #fff; }
.nav_current { border-bottom: 2px solid #ff500b; background: #f5f5f5; }

.h225 { height: 225px; }
.h255 { height: 255px; }
.h155 { height: 155px; }
.h120 { height: 120px; }

/*banner*/
.banner { width: 100%; height: 450px; }

.slideBox { width: 100%; height: 450px; overflow: hidden; position: relative; }
.slideBox .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.slideBox .hd ul { text-align: center; }
.slideBox .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 12px; height: 12px; margin: 5px; overflow: hidden; background: #fff; filter: alpha(opacity=80); opacity: 0.8; line-height: 999px; border-radius: 100%; }
.slideBox .hd ul .on { background: #ff500b; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd img { width: 100%; height: 450px; display: block; }
/*前/后按钮代码*/
.slideBox .prev,
.slideBox .next { position: absolute; left: 6%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=0); opacity: 0; }
.slideBox .next { left: auto; right: 6%; background-position: 8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }

/*首页*/
.index_domain { float: left; margin: 102px 0 0 0; width: 100%; background: #f5f5f5; padding: 0px 0; text-align: center; border-bottom: 1px solid #ddd; clear: both; }
.button { display: inline-block; text-align: center; border: 1px solid transparent; padding: 0 12px; border-radius: 4px; line-height: 28px; font-weight: 400; cursor: pointer; }
.radius_left_0 { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.radius_right_0 { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input { height: 28px; line-height: 28px; padding: 0 0 0 5px; border: 1px solid #ddd; }
.btn_bg_gray { background: #aaa; border-color: #aaa; color: #fff; }
.btn_bg_gray:hover { background: #333; border-color: #333; color: #fff; border: 1px solid transparent; }

/*服务项目*/
.page_1_title { float: left; width: 700px; margin: 40px 250px 10px 250px; text-align: center; display: block; padding-bottom: 9px; }
.page_1_title p { font-size: 42px; margin: 20px 0 10px 0; font-weight: 500; line-height: 1.1; }
.page_1_title h6 { margin: 0 0 10px 0; font-size: 14px; font-weight: 200; line-height: 1.42857143; color: #999; }

.page_1 { margin: 0 auto; width: 100%; height: 350px; clear: both; }
.page_1_p1 { float: left; width: 214px; height: 330px; padding: 4px; border: 1px solid #ddd; text-align: center; margin: 0 20px 0 0; border-radius: 5px; }
.page_1_p1:hover { float: left; width: 214px; height: 330px; padding: 4px; border: 1px solid #ff7300; text-align: center; margin: 0 20px 0 0; border-radius: 5px; cursor: pointer; }
.page_1_p1_title { float: left; width: 214px; height: 120px; line-height: 120px; font-size: 26px; text-align: center; }
.page_1_p1 .gray, .page_1_p2 .gray { background: #E1E5EC; color: #333; }
.page_1_p1 .blue { background: #3598DC; color: #fff; }
.page_1_p1 .orange { background: #ff7300; color: #fff; }
.page_1_p1_content { float: left; width: 194px; height: 190px; padding: 10px; text-align: center; }
.page_1_p1_content_f1 { font-size: 22px; margin-top: 10px; }
.page_1_p1_content_f2 { font-size: 14px; margin-top: 8px; margin-bottom: 12px; color: #777; }
.page_1_p1_content_f3 { font-size: 12px; margin-bottom: 10px; }
.page_1_p1_content_f4 { font-size: 12px; margin-top: 10px; margin-bottom: 10px; color: #777; }
.page_1_p2 { float: left; width: 214px; height: 330px; padding: 4px; border: 1px solid #ddd; text-align: center; margin: 0 0 0 0; border-radius: 5px; }
.page_1_p2:hover { float: left; width: 214px; height: 330px; padding: 4px; border: 1px solid #ff7300; text-align: center; border-radius:: 5px; cursor: pointer; }
.page_1_p2_content_f1 { font-size: 18px; margin-top: 18px; }
.page_1_p2_content_f2 { font-size: 12px; margin-top: 8px; margin-bottom: 12px; color: #777; }

.whychoise { float: left; width: 410px; height: 300px; background: url(../images/note.png); }
.choise_title { float: left; width: 410px; height: 45px; text-align: center; line-height: 45px; font-size: 24px; }
.whytxt { float: left; width: 370px; height: 30px; line-height: 30px; padding: 0 20px 0 20px; border-bottom: 1px dashed #ddd; font-size: 14px; color: #666; }
.main-page { float: left; width: 770px; margin: 0 0 0 20px; height: 300px; border-radius: 10px; }
.main-page ul li { float: left; width: 256.6667px; height: 35px; line-height: 35px; padding: 20px 0 20px 0; text-align: center; font-size: 16px; }

/*案例*/
.caseall { float: left; width: 100%; height: 650px; padding: 20px 0 0 0; background: #f9f9f9 url(../images/case_bg.jpg) repeat top left; }
.casebg { margin: 0 auto; width: 100%; height: 448px; padding: 0 0 100px 0; background: url(../images/case_bg.jpg) center no-repeat; clear: both; }
.cases { float: left; width: 1200px; margin: 50px 0 0 0; }
.cases ul li { float: left; margin: 0 10px 30px 10px; height: 200px; width: 280px; border-radius: 5px; position: relative; overflow: hidden; }
.cases img { display: block; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.txt { width: 280px; height: 0px; background: rgba(0,0,0,0.6); /*透明背景色，不透明其文字内容*/ position: absolute; left: 0; bottom: 0; color: #eee; }
.txt h3 { font-size: 18px; font-weight: 100; height: 35px; text-align: center; line-height: 35px; }
.txt p { font-size: 14px; text-align: center; }
.case_more { float: left; margin: 20px 0 0 510px; width: 180px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 16px; border: 1px solid #fff; -moz-border-radius: 10px; /*Firefox*/ -webkit-border-radius: 10px; /*Safari和Chrome*/ border-radius: 10px; /*Opera10.5+,以及使用了IE-CSS3的IE浏览器*/ }
.case_more a { color: #fff; }
.flowbg { width: 100%; height: 260px; background: url(../images/flowbg.jpg) center no-repeat; }

/*常见问题*/
.faq { margin: 0 auto; width: 100%; height: 497px; background: url(../images/book.png) center no-repeat; clear: both; }
.faq_l { float: left; width: 490px; padding: 30px 40px 30px 30px; }
.faq_m { float: left; width: 80px; height: 100px; }
.fal_r { float: left; width: 490px; padding: 30px 30px 30px 40px; }
.ask_ico { float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #ff7300; color: #fff; font-size: 14px; }
.ask_txt { float: left; width: 450px; margin: 0 0 0 15px; height: 25px; line-height: 25px; font-size: 16px; overflow: hidden; }
.answer { float: left; width: 440px; height: 44px; border-bottom: 1px dashed #ddd; border-top: 1px dashed #ddd; margin: 5px 0 18px 0; padding: 3px 10px 3px 40px; background: #f2f2f2; line-height: 22px; overflow: hidden; }

.calendar { float: left; width: 68px; height: 80px; border: 1px solid #ddd; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.calendar_top { float: left; width: 68px; height: 30px; line-height: 30px; background: #ff7300; color: #fff; }
.calendar_bottom { float: left; width: 68px; height: 50px; line-height: 50px; font-size: 24px; }

.index_news { float: left; width: 405px; margin: 0 0 18px 15px; border-bottom: 1px dashed #ddd; }
.index_news_title { float: left; width: 395px; height: 25px; padding: 0 5px 0 5px; line-height: 25px; font-size: 16px; overflow: hidden; }
.index_news_txt { float: left; width: 391px; height: 44px; border-top: 1px dashed #ddd; padding: 3px 7px 3px 7px; margin: 5px 0 0 0; background: #f2f2f2; line-height: 22px; overflow: hidden; }

.index_more_news { float: left; margin: 0 0 0 155px; width: 180px; height: 35px; text-align: center; line-height: 35px; font-size: 16px; border: 1px solid #ff7300; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/*底部*/
.foot_height { margin: 0 auto; width: 100%; height: 60px; clear: both; }
.foot_link { padding: 50px 0 0 0; }
.foot { margin: 0 auto; width: 100%; padding: 30px 0 10px 0; background: #000; color: #555; }
.foot a { color: #555; }
.foot_a { float: left; width: 130px; margin: 0 60px 0 0; }
.foot_title { float: left; width: 130px; height: 35px; line-height: 35px; font-size: 16px; color: #ccc; border-bottom: 1px solid #222; }
.foot_txt { float: left; width: 130px; padding: 5px 0 0 0; line-height: 27px; color: #777; }
.foot_txt a { color: #777; }
.foot_txt a:hover { color: #ccc; }

.foot_r_title { float: left; width: 440px; height: 35px; line-height: 35px; font-size: 16px; color: #ccc; border-bottom: 1px solid #222; }
.foot_r_txt { float: left; width: 440px; padding: 10px 0 0 0; line-height: 22px; color: #777; }
.foot_r_txt a { color: #777; }
.foot_r_txt a:hover { color: #ccc; }
.foot_r_txt:hover { color: #ccc; text-decoration: none; }
.fl440 { float: left; width: 440px; }
.foot_weixin { float: left; margin-right: 20px; margin-top: 5px; border: 5px solid #fff; }

.copyright, .copyright a { margin: 0 auto; width: 100%; height: 25px; line-height: 25px; padding: 10px 0 10px 0; background: #333; color: #aaa; clear: both; }
.fr_img_filter { float: right; cursor: pointer; -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.fr_img_filter_out { float: right; cursor: pointer; -webkit-filter: grayscale(0%); }

/*在线客服*/
dl, dd, dt { margin: 0; padding: 0; }
.floating_ck { position: fixed; right: 0px; top: 235px; z-index: 99999; }
.floating_ck a { text-decoration: none; }
.floating_ck dl dd { position: relative; width: 65px; height: 65px; background-color: #ff500b; border-top: solid 1px #fff; text-align: center; background-repeat: no-repeat; background-position: center 20%; cursor: pointer; }
.floating_ck dl dd:hover { background-color: #ff500b; border-bottom: solid 1px #a40324; }
.floating_ck dl dd:hover .floating_left { display: block; }
.qq { background-image: url(../images/qq_white.png); border-top-left-radius: 5px; border-top-right-radius: 5px; }
.getprice { background-image: url(../images/guestbook_white.png); }
.tel { background-image: url(../images/tel_white.png); }
.qrcode { background-image: url(../images/qrcode_white.png); }
.gotop { background-image: url(../images/top_white.png); font-weight: normal; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.floating_ck dd span { color: #fff; display: block; padding-top: 39px; }
.floating_left { position: absolute; left: -160px; top: 0px; width: 160px; height: 65px; font-size: 18px; background-color: #ff500b; border-bottom: solid 1px #a40324; display: none; color: #fff; line-height: 65px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.floating_ewm { height: 310px; top: -198px; padding: 10px 0 10px 0; border-radius: 5px; border-right: 1px solid #fff; }
.floating_ewm i { display: block; width: 110px; height: 110px; border: 5px solid #fff; margin: auto; margin-top: 7px; }
.floating_ewm p { color: #fff; margin-top: 5px; }
.floating_ewm .qrcode_p01 { font-size: 12px; line-height: 23px; }

/*表格*/
.table_block { border: 1px solid #d7e1e5; font-size: 14px; }
.table_block th { text-align: center; padding: 12px 10px; border-bottom: 1px solid #d7e1e5; border-right: 1px solid #d7e1e5; background-color: #c9cfd2; }
.table_block tr { }
.table_block td { color: #505558; text-align: center; padding: 12px 10px; border-bottom: 1px solid #d7e1e5; border-right: 1px solid #d7e1e5; }
.table_block tr.bg { background-color: #f5f7f8; }

/*百度分享*/
.bdsharebuttonbox { float: left; }
.bdsharebuttonbox a { display: inline-block; background-image: url(../images/ico_share.png); width: 16px; height: 16px; padding: 0 0 0 0; margin: 17px 5px 0 0; }
.bdsharebuttonbox a.bds_weixin { background-position: 0 -1612px; }
.bdsharebuttonbox a.bds_qzone { background-position: 0 -52px; }
.bdsharebuttonbox a.bds_tsina { background-position: 0 -104px; }
.bdsharebuttonbox a.bds_renren { background-position: 0 -208px; }
.bdsharebuttonbox a.bds_tqq { background-position: 0 -260px; }
.bdsharebuttonbox a.bds_kaixin001 { background-position: 0 -312px; }
.bdsharebuttonbox a.bds_sqq { background-position: 0 -2652px; }
.bdsharebuttonbox a.bds_tqf { background-position: 0 -364px; }
.bdsharebuttonbox a.bds_ty { background-position: 0 -1196px; }
.bdsharebuttonbox a.bds_douban { background-position: 0 -468px; }
.bdsharebuttonbox a.bds_mshare { background-position: 0 -2444px; }

/*分页*/
.pages { margin: 20px 0 0 0; text-align: center; }





/*20161010*/
.crumbs { border-bottom: 1px solid #f7f7f7; line-height: 40px; color: #999999; font-family: "宋体"; }
.crumbs .icon { display: inline-block; width: 14px; height: 14px; background: url("../images/sprite.png") -80px 4px no-repeat; margin-right: 4px; }
.crumbs a { color: #999; }
.crumbs a:hover { color: #666; }
.crumbs .on { color: #666; }
.backg_new { background: #f7f7f7; padding: 1px 0 40px; }
.news_info { width: 1200px; margin: 0 auto; }
.news_box { width: 840px; }
.news_title { border-bottom: 1px solid #eeeeee; margin-top: 40px; padding-bottom: 18px; }
.news_title h2 { font-size: 20px; color: #333; font-weight: normal; }
.news_title .sign { color: #999; margin-top: 12px; }
.news_title .label { color: #ff500b; }
.news_title .mark { padding-right: 20px; }
.news_page { text-align: center; margin-top: 16px; }
.news_page a { }
.news_page a:hover { }
.news_box .demo { font-size: 14px; color: #333; line-height: 30px; margin-top: 30px; }
.news_box .notice { font-size: 12px; color: #999; padding-top: 20px; clear: both; }
.news_box .concopy { border: 1px solid #D9DEE4; background-color: #f8f8f8; margin: 20px auto 15px auto; padding: 8px 16px 8px 16px; }
.news_box .concopy p { line-height: 200%; font-size: 14px; }
.news_box .concopy a:hover { color: #6bb93f; }
.news_box .conzhaiyao { padding: 15px 20px; margin: 20px 0; border: 1px dashed #eaeaea; background: #fbfbfb; text-indent: 0px; color: #333; font-size: 14px; line-height: 24px; }


.page_list { border-top: 1px dashed #d3d3d3; margin-top: 16px; padding-top: 10px; margin-bottom: 30px; }
.page_list li { line-height: 24px; color: #999; }
.page_list li a { color: #999; }
.page_list li a:hover { color: #ff500b; }
.page_list .return { float: right; font-size: 14px; color: #ff500b; border: 1px solid #ff500b; line-height: 38px; padding: 0 20px; margin-top: 6px; }


.news_menu { width: 240px; background: #f7f7f7; padding: 30px; margin-top: 40px; }
.news_menu dt { font-size: 20px; color: #333; margin-bottom: 24px; }
.news_menu dd { border-bottom: 1px dashed #cccccc; margin-bottom: 20px; }
.news_menu dd h3 { color: #333; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.news_menu a:hover { color: #ff500b; }
.news_menu .text { color: #666; line-height: 24px; margin-bottom: 14px; }
.news_menu .time { color: #999999; line-height: 24px; margin-bottom: 6px; }

.news_tab { width: 1200px; margin: 60px auto 0; }
.news_tab ul { margin-right: -40px; }
.news_tab li { float: left; width: 205px; height: 70px; overflow: hidden; padding-left: 20px; margin-right: 20px; margin-bottom: 20px; }
.news_tab h2 { font-size: 20px; color: #fff; font-weight: normal; padding-top: 12px; }
.news_tab .eg { font-size: 14px; color: #fff; text-transform: uppercase; padding-bottom: 12px; font-family: Arial; }
.news_tab li:hover { opacity: 1; filter: alpha(opacity=100); }
.news_tab li.sel { opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .cyan { background: #43bcc7; opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .cyan a:hover, a:link { text-decoration: none; }

.news_tab .red { background: #de6764; opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .blue { background: #31a0e1; opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .purple { background: #6a8bd2; opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .green { background: #9ac047; opacity: 0.8; filter: alpha(opacity=80); }
.news_tab .black { background: #000000; }
.news_tab .cyansel { background: #43bcc7; opacity: 1; filter: alpha(opacity=100); }
.news_tab .redsel { background: #de6764; opacity: 1; filter: alpha(opacity=100); }
.news_tab .bluesel { background: #31a0e1; opacity: 1; filter: alpha(opacity=100); }
.news_tab .purplesel { background: #6a8bd2; opacity: 1; filter: alpha(opacity=100); }
.news_tab .greensel { background: #9ac047; opacity: 1; filter: alpha(opacity=100); }

/*解决方案*/
.solution_list { width: 1200px; margin: 40px auto; }
.solution_list ul { margin-right: -48px; }
.solution_list li { float: left; width: 370px; margin-right: 46px; margin-bottom: 38px; position: relative; }
.solution_list h2 { font-size: 20px; color: #333; font-weight: normal; line-height: 48px; border-bottom: 1px solid #ff500b; }
.solution_list h2 a { color: #333; }
.solution_list h2 a:hover { color: #ff500b; }
.solution_list .intro { line-height: 22px; color: #999; margin-top: 4px; }
.solution_list .intro a:hover { color: #ff500b; }
.solution_list .shade { display: block; width: 370px; height: 120px; }
.solution_list .solu_img { width: 370px; height: 120px; overflow: hidden; position: relative; cursor: pointer; }

.solu_img .shade { position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; height: 120px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); transition: 0.5s all; }
.solu_img:hover .shade { top: 0; transition: 0.6s ease-in-out; }
.solu_img .img_icon { transform: rotate(360deg); transition: 0.6s ease-in-out; position: absolute; top: 50%; left: -100%; margin-left: -20px; margin-top: -20px; display: inline-block; z-index: 3; }
.solu_img:hover .img_icon { left: 50%; transform: rotate(3600deg); -webkit-transform: rotate(3600deg); -moz-transform: rotate(3600deg); -o-transform: rotate(3600deg); -ms-transform: rotate(3600deg); transition: .6s ease-in-out; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; }
.solu_img img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; }
.solu_img:hover > img { transform: scale(1.4); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transition: All .6s ease-in-out; -webkit-transition: All .6s ease-in-out; -moz-transition: All .6s ease-in-out; -o-transition: All .6s ease-in-out; -ms-transition: All .6s ease-in-out; }



/**/
.sitecontact { background: #fff; overflow: hidden; margin-bottom: 20px; }

/*案例导航*/
.container2 { width: 1200px; margin: 0 auto; }
.casenav { width: 90%; float: left; }
.casenav ul { width: 100%; }
.casenav ul a { width: 15%; float: left; text-align: center; display: block; font: bold 14px/50px "微软雅黑"; background: #f0f0f0; color: #666; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-right: 1.66%; margin-top: 10px; transition: 0.5s; }
.casenav ul a.now, .casenav ul a:hover { background: #010101; color: #fff; }
.tclist { width: 100%; float: left; margin-top: 30px; }
.tclist ul { width: 100%; float: left; padding: 20px 0; border-radius: 5px; margin-bottom: 27px; background: #f1f1f1; }
.tclist dl { width: 70%; float: left; margin-left: 3%; }
.tclist dl dt { width: 100%; float: left; text-align: left; font-size: 16px; font-weight: bold; color: #e74d11; margin-bottom: 6px; }
.tclist dl dd { width: 100%; float: left; color: #000; font: bold 12px/24px "微软雅黑"; }
.tclist dl dd p { float: left; }
.tclist dl dd span { width: 90%; float: right; text-align: left; }
span.tc02 { color: #666; }
.tclist li { width: 20%; float: right; text-align: center; margin-right: 3%; }
.tclist li img { border-radius: 50%; position: relative; transition: transform 1s linear; }
.tclist li p { color: #000; font-size: 24px; font-weight: bold; margin-top: 10px; }
.tclist ul:hover li img { transform: translatey(-10px); }



/*关于我们*/
/*模板通用*/
.mbanner{height:240px; width:100%; display:block; border-bottom:#2b5fab solid 3px;}
.mmain{background:#FFF; padding-bottom:34px; background:url(../images/m_mainbg.gif) top center repeat-y;}
.mmain dl.left{ float:left; width:200px;}
.mmain dl.left dt{ position:absolute; z-index:1;background:url(../images/m_type01.png) no-repeat;width:200px;height:78px;line-height:70px;text-align:center;color:#fff;font-weight:700;font-size:20px;}
.mmain dl.left dd{ background:#dce2ea; margin-top:66px;padding-top: 7px;}
.mmain dl.left dd ul li{ line-height:40px; border-bottom:#FFF solid 1px;}
.mmain dl.left dd ul li a{ display:block;height:40px; line-height:40px; background:url(../images/type_libg.gif) top left no-repeat; padding-left:35px; font-family: "microsoft yahei";font-size:12px; font-weight:bold }

.mmain dl.left dd ul.listsub li.list2 {line-height: 30px;height: 30px;border-bottom: none;  overflow: hidden;}
.mmain dl.left dd ul.listsub li.list2 a {line-height: 30px;height: 30px;padding-left: 47px;background:url(../images/listsubico.png) 36px 14px no-repeat;  overflow: hidden;}
.mmain dl.left dd ul.listsub li.list2 a:hover{line-height: 30px;height: 30px;padding-left: 47px;background:url(../images/listsubico.png) 36px 14px no-repeat} 
.mmain dl.left dd ul.listsub{ background:#eef1f5 url(listsubbg.png) top repeat-x}
.mmain dl.left dd ul.cur{ background:#eef1f5 url(../images/listsubbg.png) top repeat-x; display:block}

.mmain dl.left dd ul li a:hover{background:#d2d9e3 url(../images/type_libg.gif) bottom left no-repeat; }


.mmain .right{ width:920px; float:right; margin-right:40px; display:inline}
.mmain .website{position:relative; background: url('../images/bg-heading.png') repeat-x top center; height:65px;line-height:75px;border-bottom:1px dotted #ccc; text-align:left;font-size: 20px; margin-bottom:30px;}

.mmain .newsCon{ font-size:14px; line-height:210%}
.mmain .newsCon p{ margin:15px 0}
.mmain .newsCon img{ max-width:720px;}