/* ::::: http://www.17sucai.com/preview/93614/2016-03-27/1/Public/Web/css/style.css ::::: */

html, body, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px none; }
body { font-size: 12px; font-family: "微软雅黑",Arial; }
ul, ol, li { list-style-type: none; }
img { border: 0px none; vertical-align: middle; }
select, input, select { vertical-align: middle; outline: medium none; }
iframe { border: medium none; }
a:link { color: rgb(102, 102, 102); text-decoration: none; }
a:visited { color: rgb(102, 102, 102); text-decoration: none; }
a:hover { color: rgb(0, 147, 255); text-decoration: none; }
a:active { color: rgb(0, 147, 255); text-decoration: none; }
.wrap { border: 0px none; padding: 0px; width: 1200px; margin: 0px auto; }
.wrap::after { clear: both; content: ""; display: table; }
.fix {  }
.fix::after { clear: both; content: ""; display: table; }
.fl { float: left; }
.fr { float: right; }
.header { height: 100px; }
.header h1 { width: 154px; }
.logo { padding-top: 24px;padding-bottom:18px; }
.header .logo_text { width: 163px; margin-top: 30px; padding-left: 5px; }
.top { text-align: right; color: rgb(136, 136, 136); padding-top: 12px; }
.top a { color: rgb(136, 136, 136); margin-left: 8px; }
.top .call { background: transparent url('sprite.png') no-repeat scroll 0px 0px; display: inline-block; width: 20px; height: 16px; vertical-align: bottom; margin-right: 4px; }
.top .call_tel { color: rgb(21, 144, 156); }
.top .email { display: inline-block; width: 18px; height: 16px; background: transparent url('sprite.png') no-repeat scroll -20px 0px; vertical-align: bottom; margin-right: 4px; }
.top .weixin { display: inline-block; width: 18px; height: 16px; background: transparent url('sprite.png') no-repeat scroll -60px 0px; vertical-align: bottom; margin-right: 4px; }
.top .ewm { position: relative; z-index: 10000; }
.top .ewm img { position: absolute; right: 0px; top: 30px; border: 1px solid rgb(221, 221, 221); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: none; z-index: 10000; }
.nav { margin-top: 30px; position: relative; }
.nav li { float: left; padding-left: 40px; }
.nav li a { font-size: 17px; color: rgb(0, 0, 0); line-height: 24px; display: inline-block; }
.nav .nav_icon { background: rgb(21, 144, 156) none repeat scroll 0% 0%; height: 1px; line-height: 1px; display: inline-block; position: relative; top: -6px; }
.home_title { text-align: center; padding-top: 50px; }
.contact { background: rgb(46, 175, 187) none repeat scroll 0% 0%; margin-top: 40px; padding-top: 38px; padding-bottom: 60px; }
.contact h2 { margin-bottom: 28px; }
.contact h2 a { font-size: 18px; color: rgb(255, 255, 255); font-weight: normal; }
.home_about { width: 250px; }
.home_about dt { margin-bottom: 24px; }
.home_about dt a { font-size: 18px; color: rgb(255, 255, 255); font-weight: normal; }
.home_about dd { color: rgb(238, 238, 238); line-height: 28px; font-family: "宋体"; }
.home_about .more { color: rgb(255, 255, 255); display: inline-block; border: 1px solid rgb(204, 204, 204); line-height: 38px; padding: 0px 24px; margin-top: 12px; }
.home_about .more:hover { border-color: rgb(255, 255, 255); }
.home_case { width: 300px; margin-left: 45px; }
.home_case li { border-top: 1px solid rgb(204, 204, 204); height: 52px; padding: 14px 0px; }
.home_case li:first-child { border: 0px none; padding-top: 3px; }
.home_case h5 { margin-top: -5px; line-height: 28px; }
.home_case h5 a { font-size: 14px; color: rgb(255, 255, 255); font-weight: normal; }
.home_case .text { line-height: 22px; }
.home_case .text a { color: rgb(221, 221, 221); font-family: "宋体"; }
.home_service { width: 230px; margin-left: 45px; }
.home_service a.sub { font-size: 12px; color: rgb(255, 255, 255); line-height: 38px; width: 98px; display: inline-block; border: 1px solid rgb(204, 204, 204); text-align: center; margin-right: 12px; margin-bottom: 12px; margin-top: 3px; }
.home_service a.sub:hover { border-color: rgb(255, 255, 255); }
.home_contact { margin-left: 40px; }
.home_contact li { color: rgb(221, 221, 221); margin-bottom: 14px; }
.home_contact li i { display: inline-block; width: 18px; height: 18px; margin-right: 10px; vertical-align: middle; }
.home_contact li .weibo { background: transparent url('sprite.png') no-repeat scroll -20px -20px; }
.home_contact li .email { background: transparent url('sprite.png') no-repeat scroll -40px -20px; }
.home_contact li .weixin { background: transparent url('sprite.png') no-repeat scroll -80px -20px; }
.home_contact li .call { background: transparent url('sprite.png') no-repeat scroll 0px 0px; }
.home_contact li a { color: rgb(221, 221, 221); }
.blogroll { line-height: 28px; color: rgb(153, 153, 153); text-align: center; padding: 30px 0px; }
.blogroll .copyright { margin-top: 16px; }
.inside_banner { position: relative; }
.inside_banner .wrap { height: 100%; }
.picBox .s2::after { height: 0px; width: 0px; content: ""; position: absolute; left: -20px; top: 50%; border-width: 10px; border-style: dashed solid dashed dashed; border-color: transparent rgb(46, 175, 187) transparent transparent; }
.picBox .s4::after { height: 0px; width: 0px; content: ""; position: absolute; right: -20px; top: 50%; z-index: 2; border-width: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(46, 175, 187); }
.picBox .s6::after { height: 0px; width: 0px; content: ""; position: absolute; left: 50%; top: -20px; border-width: 10px; border-style: dashed dashed solid; border-color: transparent transparent rgb(46, 175, 187); }
.news_list li::after { content: ""; clear: both; display: table; }
.form_msg { height: 400px; width: 420px; position: relative; padding-left: 40px; }
.form_msg dl { position: relative; z-index: 3; }
.form_msg dt { font-size: 18px; color: rgb(255, 255, 255); padding-top: 40px; }
.form_msg dd { margin-top: 10px; }
.form_msg .text { border: 1px solid rgb(204, 204, 204); background: transparent none repeat scroll 0% 0%; color: rgb(204, 204, 204); height: 32px; width: 182px; line-height: 32px; text-indent: 12px; margin-right: 14px; }
.form_msg .text:focus { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.form_msg .textarea { color: rgb(204, 204, 204); line-height: 32px; padding-left: 12px; }
.form_msg .sub_btn { font-size: 14px; border: 1px solid rgb(255, 255, 255); background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); height: 38px; width: 118px; line-height: 36px; margin-right: 14px; cursor: pointer; }
.form_msg textarea { width: 371px; border: 1px solid rgb(204, 204, 204); background: transparent none repeat scroll 0% 0%; height: 100px; color: rgb(204, 204, 204); resize: none; overflow: auto; }
.form_msg textarea:focus { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); outline: medium none; }
.c_shade { position: absolute; top: 0px; left: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0.3; width: 100%; height: 100%; }
.connect { background: transparent url('cn01.jpg') no-repeat scroll center center; min-height: 500px; }
.connect_column { margin-top: 40px; }
.connect_column li { float: left; text-align: center; width: 285px; height: 218px; margin-left: 20px; position: relative; padding-top: 42px; font-size: 16px; color: rgb(51, 51, 51); line-height: 32px; }
.connect_column li:first-child { margin-left: 0px; }
.connect_column h2 { font-size: 18px; color: rgb(51, 51, 51); font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
.connect_column .info { position: relative; z-index: 2; }
.connect_column .text { margin: 0px 20px; }
.connect_column .s1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(222, 103, 100) none repeat scroll 0% 0%; opacity: 0.2; }
.connect_column .s2 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(88, 190, 200) none repeat scroll 0% 0%; opacity: 0.2; }
.connect_column .s3 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(154, 192, 71) none repeat scroll 0% 0%; opacity: 0.2; }
.connect_column .s4 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(49, 160, 225) none repeat scroll 0% 0%; opacity: 0.2; }
.connect_column .i1 { display: inline-block; width: 36px; height: 46px; background: transparent url('sprite2.png') no-repeat scroll 0px 0px; }
.connect_column .i2 { display: inline-block; width: 42px; height: 46px; background: transparent url('sprite2.png') no-repeat scroll -38px 0px; }
.connect_column .i3 { display: inline-block; width: 40px; height: 46px; background: transparent url('sprite2.png') no-repeat scroll -83px 0px; }
.connect_column .i4 { display: inline-block; width: 40px; height: 46px; background: transparent url('sprite2.png') no-repeat scroll -125px 0px; }
.connect_column a { color: rgb(51, 51, 51); }
.arrive { background: rgb(247, 247, 247) none repeat scroll 0% 0%; padding-bottom: 40px; margin-bottom: -40px; }
.arrive_column_con { width: 1150px; overflow: hidden; }
.arrive_column { margin-left: 50px; width: 1300px; }
.arrive_column dl { float: left; width: 318px; margin: 40px 90px 0px 0px; }
.arrive_column dt { margin-bottom: 20px; }
.arrive_column dd { font-size: 16px; color: rgb(51, 51, 51); line-height: 32px; }
.bus { font-size: 18px; color: rgb(49, 160, 225); }
.bus dt { margin-left: -50px; }
.bus .icon { display: inline-block; width: 32px; height: 32px; background: transparent url('sprite2.png') repeat scroll 0px -90px; vertical-align: middle; margin-right: 18px; }
.taxi { font-size: 18px; color: rgb(222, 103, 100); }
.taxi dt { margin-left: -50px; }
.taxi .icon { display: inline-block; width: 32px; height: 34px; background: transparent url('sprite2.png') repeat scroll -34px -90px; vertical-align: middle; margin-right: 18px; }
.metro { font-size: 18px; color: rgb(154, 192, 71); }
.metro dt { margin-left: -50px; }
.metro .icon { display: inline-block; width: 34px; height: 34px; background: transparent url('sprite2.png') repeat scroll -66px -90px; vertical-align: middle; margin-right: 16px; }
.right_contact_201601 { position: fixed; bottom: 300px; right: 0px; width: 60px; height: 240px; z-index: 100000; background: transparent url('right_bg.png') no-repeat scroll 0% 0%; }
.right_contact_201601 li { position: relative; cursor: pointer; width: 60px; height: 60px; }
.right_contact_201601 li .hover { display: none; }
.right_contact_201601 .li_top { width: 60px; height: 60px; background: transparent url('right_1.png') no-repeat scroll 0% 0%; }
.right_contact_201601 .li_tel { width: 238px; height: 60px; background: transparent url('right_2_h.png') no-repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.right_contact_201601 .li_tel .text { color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; }
.right_contact_201601 .li_qq { width: 238px; height: 60px; background: transparent url('right_3_h.png') no-repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.right_contact_201601 .li_qq .text { color: rgb(255, 255, 255); font-size: 16px; line-height: 24px; padding-left: 60px; padding-top: 6px; }
.right_contact_201601 .li_close { width: 60px; height: 60px; background: transparent url('right_4.png') no-repeat scroll 0% 0%; }
.right_contact_201601 .li_tel:hover { margin-left: -178px; width: 238px; height: 60px; background: transparent url('right_2_h.png') no-repeat scroll 0% 0%; }
.right_contact_201601 .li_qq:hover { margin-left: -178px; width: 238px; height: 60px; background: transparent url('right_3_h.png') no-repeat scroll 0% 0%; }
.right_contact_201601 li:hover .hover { display: block; }
@media all and (min-width: 1200px) and (max-width: 1610px) {
  .case_list_201601 { width: 1195px; }
  .portfolio-grid { width: 1300px; }
}
@media all and (max-width: 1199px) {
  .wrap { width: 968px; }
  .header .logo_text { display: none; }
  .serve_column li { float: left; width: 272px; height: 390px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 10px 95px 20px 45px; }
  .hn_main { width: 450px; position: relative; padding-bottom: 28px; margin-top: 40px; }
  .hn_column { width: 480px; margin-top: 30px; }
  .top_news_img { width: 450px; height: 194px; }
  .hn_column .text { padding: 15px 20px; line-height: 24px; height: 110px; color: rgb(255, 255, 255); display: none; border-top: 1px solid rgb(124, 155, 173); }
  .home_service { display: none; }
  .case_list_201601 { width: 790px; }
  .portfolio-grid { width: 850px; }
  .about { width: 100%; overflow: hidden; }
  .about .points { height: 500px; }
  .about_tab { width: 860px; }
  .about_main { width: 400px; }
  .about_cont2 { display: none; }
  .about_cont li { margin-bottom: 14px; width: 200px; float: left; }
  .about_main .about_cont:first-child { border-bottom: 0px none; }
  .zhizi li:first-child { display: none; }
  .job_tab { display: none; width: 440px; }
  .jion_box { width: 960px; margin: 0px auto; position: relative; }
  .jion .send { position: absolute; right: 22px; top: 444px; }
  .jion_img { top: 135px; left: 0px; }
  .jion_info { margin-left: 250px; margin-top: 360px; }
  .connect_column li { margin-left: 40px; }
  .connect_column li:first-child { margin-left: 10px; }
  .arrive_column_con { width: 950px; overflow: hidden; }
  .arrive_column { margin-left: 50px; width: 950px; }
  .arrive_column dl { width: 260px; margin: 30px 25px; }
  .arrive_column dd { font-size: 15px; color: rgb(51, 51, 51); line-height: 32px; }
  .connect_column li:last-child { display: none; }
  .bus { padding-left: 10px; }
  .inside_banner_service { background: transparent url('service_banner.jpg') no-repeat scroll -600px 0px; height: 400px; }
  .inside_banner_mobile { background: transparent url('m_banner.jpg') no-repeat scroll -200px 0px; height: 400px; }
  .inside_banner_solution { background: transparent url('sl_banner.jpg') no-repeat scroll -200px 0px; height: 400px; }
  .inside_banner_news { background: transparent url('n_banner.jpg') no-repeat scroll -600px 0px; height: 400px; }
  .ser_project ul { width: 750px; }
  .ser_project li { margin-left: 40px; margin-right: 60px; margin-top: 40px; }
  .ser_project li:first-child { margin: 40px 60px 0px 40px; }
  .picScroll-left { width: 960px; }
  .picBox li img { width: 334px; height: 184px; }
  .picBox li { float: left; position: relative; width: 334px; }
  .picBox .intro { font-size: 13px; }
  .sp_box img { width: 100%; }
  .mobile_column ul { width: 960px; }
  .mobile_column li { width: 300px; margin-left: 20px; }
  .wechat dl { margin-left: 30px; margin-top: 300px; float: left; }
  .wechat_intro { margin-top: 60px; }
  .wi_left { margin-left: 10px; width: 350px; }
  .wi_right { width: 400px; }
  .solution_list { width: 960px; }
  .solution_list li { margin-left: 60px; }
  .solution_list ul { margin-right: 0px; }
  .news_info { width: 960px; }
  .news_menu { display: none; }
  .news_box { width: 940px; padding-left: 20px; }
  .news_tab { width: 960px; overflow: hidden; }
  .news_list { width: 960px; }
  .news_cont { width: 780px; margin-right: 20px; }
  .news_list_yuangong { width: 100%; background: rgb(149, 201, 188) url('news_yuangong_bg.jpg') no-repeat scroll center top; height: 1200px; margin-top: 40px; }
  .news_list_yuangong ul { width: 800px; margin: 0px auto; }
  .pay_list { width: 960px; }
  .pay_list table { width: auto; }
  .pay_list table td { font-size: 13px; line-height: 28px; width: 240px; overflow: hidden; vertical-align: top; }
  .pay_list dt { height: 80px; width: 228px; overflow: hidden; }
  .pay_spec { font-size: 13px; width: 960px; }
  .pay_list dt.dt2 { padding-left: 6px; }
  .pay_list dd { padding-left: 4px; }
}