/* Author: Yangz *//* Time: 2014/11/17 */
/*body{ min-width:1000px}*/
.w1000{ max-width:1000px; margin-left:auto; margin-right:auto; }
.w1170{ max-width:1170px; margin-left:auto; margin-right:auto; }
#body{padding-top: 61px; overflow: hidden }
#footer{ text-align:center; background:#fcfcfc; height:80px; line-height:60px; color:#aeaeae; font-size:12px; border-top:1px solid #f1f1f1 }
#footer a{ color:#aeaeae;}
/*分页*/
#pages{margin-bottom:40px;height:36px;text-align:center}
#pages a{width:28px;height:28px;border:2px solid #000;text-align:center;line-height:24px;display:inline-block;color:#000;font-size:13px;margin:0 3px}
#pages a:hover{background-color:#fccf04;border-color:#fccf04;color:#000}
#pages a#pageactive{background-color:#fccf04;border-color:#fccf04;color:#000}
#pages span{float:left;margin:0 18px 0 13px;line-height:28px}
#pagenext span,#pageprev span{position:relative;top:8px}
#pages input{width:28px;height:28px;border:2px solid #000;text-align:center;line-height:24px;display:inline-block;color:#000;font-size:13px;margin:0 3px;vertical-align:top;cursor:pointer}
#pages input:hover{background-color:#fccf04;border-color:#fccf04;color:#000}
#pages .button_prev_on,#pages .button_next_on{text-indent:-9999px;background-color:#000;background-position:center center;background-repeat:no-repeat}
#pages .button_prev_on{background-image:url("../images/icon_04.png")}
#pages .button_next_on{background-image:url("../images/icon_05.png")}
#pages .button_prev_off,#pages .button_next_off{display:none}
#pages .web_page_i_hover{background-color:#fccf04;border-color:#fccf04;color:#000}
.no-data{ text-align:center; margin-top:40px;}
/*联系我们*/
#body>img{width: 100%;}
.contact_box{ width:100%;box-sizing: border-box; max-width:1000px; margin:0 auto; color:#666; padding-top:97px; padding-bottom:179px }
.contact_left{ width:500px; float:left; }
.contact_left > div{ padding-left:110px; background:url("../images/icon_contact.png") no-repeat; height:80px; line-height:80px; font-size:16px; margin-bottom:44px }
.contact_left .contact_1{ line-height:30px; padding-top:10px; height:70px }
.contact_left .contact_2{ background-position:0 -124px; line-height:30px; padding-top:10px; height:70px }
.contact_left .contact_3{ background-position:0 -249px }
.contact_left .contact_4{ background-position:0 -373px }
.contact_right{ min-width:250px; float:left; max-width:500px }
.contact_right h3{ font-size:32px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%; margin-bottom:25px; color:#000 }
.contact_right p{ line-height:30px; color:#555; margin-bottom:35px }
.contact_txt{ box-sizing:border-box;height:25px; line-height:25px; padding:24px 20px; border-radius:5px; border:1px solid #d0d0d0; display:block; width:100%; margin-bottom:10px; font-size:16px; color:#666 }
.contact_txt2{  box-sizing:border-box;padding:12px 20px; border-radius:5px; border:1px solid #d0d0d0; display:block; width:100%; height:70px; line-height:25px; margin-bottom:35px }
.contact_btn{ display:block; width:139px; height:42px; border-radius:5px; border:1px solid #999; line-height:42px; text-align:center; color:#000; font-size:16px; transition:all 0.25s; float:right; background-color:White }
.contact_btn:hover{ background:#da251d; color:#fff; border:1px solid #da251d; }
/*我们的服务*/
.top_bg{height:auto !important;text-align:center;position:relative }
.top_bg_txt{ position:absolute; left:0; width:100%; top:50%;}


.top_bg h2{ color:#fff; font-size:48px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:83px; font-weight:normal;margin-bottom:24px }
.top_bg h3{ font-size:18px; opacity:.6; color:#fff; font-weight:normal; margin-bottom:95px }
.top_bg h4{ font-size:18px; color:#fff; font-weight:normal; padding-top:45px }
.service_icon span{ width:59px; height:59px; display:inline-block; background:url("../images/icon_service.png") no-repeat; margin:0 7px 0 8px }
.service_icon span.si_1{ background-position:0 0 }
.service_icon span.si_2{ background-position:-74px 0 }
.service_icon span.si_3{ background-position:-147px 0 }
.service_icon span.si_4{ background-position:-221px 0 }
.service_icon span.si_5{ background-position:-294px 0 }
.service_icon span.si_6{ background-position:-368px 0 }
.service_icon span.si_7{ background-position:-441px 0 }
.service_list{ margin-bottom:200px }
.service_list li{ border-bottom:1px solid #f1f0f0; clear:both; }
.service_list li .w1000{ position:relative; }
.sl_icon{ width:22%; background-position:center center; background-repeat:no-repeat; position:absolute; height:100% }
.sl_txt{ margin-left:22%; padding:50px 50px 35px 0 }
.sl_1 .sl_icon{ background-image:url(../images/icon_serviceb.png) }
.sl_2 .sl_icon{ background-image:url(../images/icon_serviceb-02.png) }
.sl_3 .sl_icon{ background-image:url(../images/icon_serviceb-03.png) }
.sl_4 .sl_icon{ background-image:url(../images/icon_serviceb-04.png) }
.sl_5 .sl_icon{ background-image:url(../images/icon_serviceb-05.png) }
.sl_6 .sl_icon{ background-image:url(../images/icon_serviceb-06.png) }
.sl_7 .sl_icon{ background-image:url(../images/icon_serviceb-07.png) }
.sl_txt h3{ font-size:18px; color:#000; font-weight:normal; margin-bottom:10px }
.sl_txt p{ line-height:30px; color:#666; margin-bottom:37px }
.sl_keywords{ color:#df2533 }
.service_bottom{ text-align:center; background:#271c2f; padding:85px 0 95px 0 }
.service_bottom h3{ color:#fff; font-size:60px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%; font-weight:normal; margin-bottom:45px }
.service_bottom p{ margin-bottom:45px; font-size:18px; color:#fff; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; }
.service_btn{ display:inline-block; width:282px; height:58px; background:#da251d; color:#fff; text-align:center; line-height:58px; font-size:18px; border-radius:5px; transition:all 0.25s ease 0s; }
.service_btn:hover{ background:#fff; color:#da251d }
/*我们的介绍*/
.about_top{ text-align:center; line-height:30px; color:#555; position:relative; height:800px; overflow:hidden;
    /*background:url("../images/bg_about.jpg") center 90px no-repeat; */
    }
.about_top_wrap{ position:absolute; left:0; top:50%; width:100%; margin-top:-336px}
.about_top_wrap img{display: block;width: 100%;}
.eag{ position:relative; height:410px;}
.eye{ width:841px;position:absolute; top:30px; z-index:1; left:50%; margin-left:-420px }
.glasses{ width:930px;  position:absolute; top:0; z-index:2; left:50%; margin-left:-465px }
.about_top p{ background:url("../images/icon_hello.png") center top no-repeat; padding-top:173px }
.about_intro{ background:url("../images/bg_about2.jpg") center center no-repeat;; position:relative; background-size:cover; padding-bottom:90px }
.about_arrow{ width:163px; height:40px; background:url("../images/icon_arroww.png") no-repeat; position:absolute; top:0; left:50%; margin-left:-81px }
.about_title{ font-size:56px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%; color:#000; text-align:center; padding-bottom:42px; padding-top:100px }
.about_intro .about_title{ padding-top:167px; }
.about_line{ width:160px; height:2px; background:#dbdbdb; margin-left:auto; margin-right:auto; clear:both; margin-bottom:70px }
.about_intro p{ line-height:36px; color:#333; margin-bottom:90px }
.il_icon{ width:121px; height:121px; background:#df2533; margin-bottom:28px; position:relative; }
.il_icon div{ width:100%; height:100%; position:absolute; left:0; top:0; }
.intro_list dt{ margin-bottom:14px; color:#da251d; font-size:18px; font-weight:bold }
.intro_list dd{ line-height:30px; color:#333 }
.intro_list li{ float:left; margin-right:153px; width:135px; margin-bottom:30px }
.intro_list li.il_4{ margin-right:0 }
.il_1 .il_icon div{ background:url("../images/icon_about2-04.png") center center no-repeat; }
.il_2 .il_icon div{ background:url("../images/icon_about2-02.png") center center no-repeat; }
.il_3 .il_icon div{ background:url("../images/icon_about2.png") center center no-repeat; }
.il_4 .il_icon div{ background:url("../images/icon_about2-03.png") center center no-repeat; }
.team_list li{ width:270px; float:left; margin-right:30px; border-bottom:1px solid #ebebeb; height:204px; margin-bottom:105px }
.team_name{ display:none; }
.team_pic{ height:204px; overflow:hidden; margin-bottom:25px; }
.team_name2{ text-align:center }
.team_name2 h3{ font-family:Arial; font-size:16px; font-weight:bold; color:#042e45; text-transform:uppercase }
.team_name2 h4{ font-style:italic; font-size:12px; font-weight:normal; color:#df2533 }
.team_list li:hover .team_pic img{ display:none }
.team_list li:hover .team_pic{ background:#eef1f3 }
.team_list li:hover .team_name{ display:block }
.team_list li:hover .team_name2{ display:none }
.team_list li:hover .team_share{ display:block }
.team_name{ text-align:center }
.team_name h3{ font-size:18px; color:#042e45; font-weight:normal; margin-bottom:7px; padding-top:115px }
.team_name h4{ color:#000; font-style:italic; font-size:12px; font-weight:normal; }
.team_share{ text-align:center; display:none; padding-top:12px }
.team_share a{ display:inline-block; width:22px; height:20px; background:url("../images/icon_share3.png") no-repeat; margin:0 7px }
.team_share a.share_btn_1{ background-position:0 0 }
.team_share a.share_btn_2{ background-position:-37px 0 }
.team_share a.share_btn_3{ background-position:-74px 0 }
.team_share a.share_btn_4{ background-position:-110px 0 }
.team_share a.share_btn_5{ background-position:-147px 0 }
.team_share a.share_btn_1:hover{ background-position:0 -22px }
.team_share a.share_btn_2:hover{ background-position:-37px -22px }
.team_share a.share_btn_3:hover{ background-position:-74px -22px }
.team_share a.share_btn_4:hover{ background-position:-110px -22px }
.team_share a.share_btn_5:hover{ background-position:-147px -22px }
.team_btn{ background:url("../images/icon_arrow.png") left top no-repeat; display:block; width:35px; height:70px; top:100px; position:absolute; }
.team_list{ overflow:hidden }
.team_list ul{ width:20000px }
.team_left{ left:50%; margin-left:-644px }
.team_right{ background-position:right top; left:50%; margin-left:610px }
.team_left:hover{ background-position:left bottom; }
.team_right:hover{ background-position:right bottom; }
.team_wrap{ position:relative }
.about_culture{ background:url("../images/bg_culture2.jpg") center center; background-size:cover; padding-bottom:190px }
.ac_txt{ max-width:1130px; margin-left:auto; margin-right:auto }
.ac_txt > div{ width:50%; float:left; line-height:36px; color:#333 }
.ac_left{ margin-right:8.8% }
.ac_right{ margin-left:8.8% }
.about_customer{ background:url("../images/bg_map.png") no-repeat center center; padding-bottom:125px }
/*.customer_list ul{border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}*/
.customer_list li{ border:1px solid #e0e0e0; width:176px; height:106px; float:left; margin-right:-1px; margin-bottom:-1px }
.customer_list ul{ float:left }
.customer_list li img{ opacity:.8; transition:opacity .25s }
.customer_list li:hover img{ opacity:1 }
.about_customer_wrap{ margin-right:auto; margin-left:auto; max-width:1065px; }
.acl_wrap{ position:relative }
.acl_wrap .team_btn{ top:125px }
.customer_list .tempWrap > div{ min-height:322px }
.customer_list .tempWrap > div{ min-height:322px }
.tl_part1{ position:relative;}
.team_wx{ position:absolute; left:25px; top:185px; border:1px solid #b5b5b5; width:132px; height:132px;display:none}
.team_wx i{ width:10px; height:10px; border:1px solid #b5b5b5; position:absolute; background:#fff; transform:rotate(45deg); display:block; bottom:-6px; left:50%; z-index:5; margin-left:-5px}
.team_wx img{ position:absolute; left:0; top:0; z-index:10; width:112px; height:112px;border:10px solid #fff}

/*案例展示*/
.case_banner{ height: auto !important;text-align:center; position:relative}

.case_banner_txt,.news_banner_txt{ position:absolute; left:0; width:100%; top:60%; margin-top:-73px}
.case_banner h3,.news_banner h3{ font-size:62px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%; color:#fff; font-weight:normal; margin-bottom:36px; }
.case_banner h4,.news_banner h4{ font-size:26px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%; color:#fff; font-weight:normal; text-transform:uppercase }


.news_banner{text-align:center; position:relative }

.case_tab{ background:#000;width:100%; text-align:center; margin-bottom:2px }
.case_tab ul{ padding-top:8px }
.case_tab li{ display:inline-block; line-height:35px; color:#aaa; cursor:pointer; margin:0 22px; }
.case_tab li.on, .case_tab li:hover{ border-bottom:2px solid #da251d }
.wedo_list{ margin-bottom:70px; opacity:0 }
.wedo_list li{ width:24.95%; float:left; overflow:hidden; padding-bottom:4px }
@media screen and (min-width: 650px) and (max-width: 980px) { .wedo_list li{ width:32.97%;}    .contact_right,.contact_left{ float: none;margin: 0 auto} }
@media screen and (max-width: 650px) { .wedo_list li{ width:49.97%;} }
.wedo_img{ margin:0 2px; position:relative; overflow:hidden }
.wedo_list li img{ width:100%; display:block; }
.wedo_list_li{ position:relative; }
.image_info{ position:absolute; left:0; top:0; width:100%; height:100%; /*display:none */ }
.image_info_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:table }
.image_info .overlay{ background:#da251d; opacity:0.6; filter:alpha(opacity=60); width:100%; height:100%; left:0; top:0; position:absolute; z-index:1 }
.image_txt{ position:relative; z-index:5; color:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:18px; }
.image_txt h3, .image_txt h4{ font-weight:normal; }
.image_txt h4{ margin-bottom:20px; font-size:16px; }
.iamge_link span{ display:block; width:51px; height:51px; background:url(../images/icon_btn.png) left top no-repeat }
.iamge_show span{ display:block; width:51px; height:51px; background:url(../images/icon_btn.png) right top no-repeat }
.iamge_link span:hover{ background-position:left bottom }
.iamge_show span:hover{ background-position:right bottom }
.i_link{ display:inline-block; margin:0 8px; position:relative; transition:all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
.iamge_link{ right:50%; }
.iamge_show{ left:50%; }
.wedo_list_li:hover .iamge_link{ right:0; }
.wedo_list_li:hover .iamge_show{ left:0; }
.wedo_list_li .wedo_img img{ transition:all 10s; }
.wedo_list_li .image_info{ opacity:0; filter:alpha(opacity=0); }
.wedo_list_li:hover .image_info{ opacity:1; transition:all 0.5s; filter:alpha(opacity=100); display:block }
.wedo_list_li:hover .wedo_img img{ transform:scale(1.2, 1.2); }
.isotope, .isotope-item{ transition-property:transform, opacity; transition-duration:0.8s; }
.mouse_more{ background:url("../images/icon_mouse.png") center top no-repeat; padding-top:68px; text-align:center; color:#000; margin-bottom:88px }
.case_tab.fixed{ position:fixed; top:61px; width:100%; left:0; z-index:999; opacity:0.8; }
.wedo_list.fixed{ padding-top:47px }
/*案例详细页*/
.case_detail{ padding-bottom:105px; background-repeat:repeat; background-position:center top; position:relative; background-size:cover; background-attachment:fixed }
.case_back{ position:absolute; right:50%; margin-right:-565px; top:110px }
.case_back a{ display:block; float:left; margin-right:17px }
.case_prev, .case_menu, .case_next{ background:url("../images/icon_back.png") }
.case_next{ background-position:right top; }
.case_prev, .case_next{ width:18px; height:32px }
.case_menu{ width:32px; height:32px; background-position:-35px top }
.case_prev:hover{ background-position:0 -32px }
.case_next:hover{ background-position:right -32px }
.case_menu:hover{ background-position:-35px -32px }
.case_prev2, .case_next2{ display:block; width:93px; height:38px; border-radius:4px; background:#f5f5f5; line-height:38px; color:#000; text-transform:uppercase; position:fixed; bottom:0; text-align:center; font-family:Arial; font-size:12px; color:#000; transition:all 0.25s }
.case_next2{ right:0 }
.case_prev2 span{ display:block; width:11px; height:11px; background:url("../images/icon_arrow4.png") no-repeat; top:13px; position:absolute; left:10px }
.case_next2 span{ display:block; width:11px; height:11px; background:url("../images/icon_arrow4.png") right top no-repeat; top:13px; position:absolute; right:10px }
.case_prev2:hover, .case_next2:hover{ background:#da251d; color:#fff }
.case_prev2:hover span{ background-position:0 -12px }
.case_next2:hover span{ background-position:right -12px }
.case_title{ font-size:72px; font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei"; line-height:100%;/* color:#df2533;*/ font-weight:normal; text-align:center; margin-bottom:35px; padding-top:175px }
.case_line{ width:160px; border-bottom:1px solid #ececec; margin-left:auto; margin-right:auto; margin-bottom:145px }
.case_box{ max-width:1200px; background:#fff; margin-left:auto; margin-right:auto; padding-top:85px; overflow:hidden; padding-bottom:100px }
.case_img{ margin:0 10px 110px 10px }
.case_img img{ max-width:100%; vertical-align:middle; /*display:block*/ }
.case_txt{ margin:0 60px 55px 60px }
.case_txt h3{ font-size:18px; text-align:center; font-weight:normal; color:#222; margin-bottom:40px }
.case_img{ margin-bottom:110px }
.case_btn{ text-align:center;max-width: 560px;width: 13.1rem;overflow: hidden;margin: 0 auto; }
.case_btn a{ float: left;max-width: 230px; width:5.8rem;max-height: 58px; height:1.45rem; border-radius:.1rem; line-height:1.45rem; text-align:center; color:#fff; font-size:.45rem; transition:all .25s; margin-left:2rem; margin-bottom:.25rem}
.btn_go{ background:#da251d; }
.btn_share{ background:#222 }
.case_btn .btn_go:hover{ background:#fa1006 }
.case_btn .btn_share:hover{ background:#000 }


/* 新闻 */
.news_wrap{ background:#fefefe; padding-bottom:85px}
.news-title{ height:70px; line-height:70px;}
.news{ max-width:1130px; margin:0 auto}

.news_left{ float:left; width:100%}
.news_right{ margin-left:69%}
.news_img{ position:relative; height:auto; overflow:hidden; margin-bottom:35px; color:#666}
.news_img>img{ display:block;max-width:100%}
.news_img span{ position:absolute; top:0; left:0; width:100%; height:98.5%; background-color:rgba(0,0,0,.4)}
.news_img span img{ position:absolute; top:50%; left:50%; margin-top:-32px; margin-left:-32px;}
.news_title{ font-size:34px; color:#5b5e60; font-weight:normal; line-height:50px; margin-bottom:18px}
.limit{ height:48px; overflow:hidden}

.news_btn{ width:141px; height:38px; border:1px solid #ececec; border-radius:3px; line-height:38px; transition:all .25s; color:#df2533; overflow:hidden;cursor:pointer; position:relative; margin-bottom:30px}
.news_btn:hover{ background:#df2533; border-color:#df2533; color:#fff}



.btn_icon{ width:12px; height:12px; border-radius:50%; border:1px solid #e23946; line-height:12px; font-size:14px; text-align:center; position:absolute; left:16px; top:50%; margin-top:-8px;}
.btn_txt{ text-indent:40px}
.return{ text-align:center;}
.news_content .news_btn{ margin:0 auto;}
.news_btn:hover .btn_icon{ border-color:#fff}

.span_less,.btxt_less{ display:none}
.news_btn_on .span_less,.news_btn_on .btxt_less{display:inline}
.news_btn_on .span_more,.news_btn_on .btxt_more{display:none}

.news_content{ margin-bottom:25px; height:auto; overflow:hidden}
.new_share{ background:url("../images/icon_share5.png") left center no-repeat; text-indent:20px; color:#a3a3a3; display:inline-block}

.news_li{ margin-bottom:60px; border-bottom:1px solid #ececec}
.nr_box{ margin-bottom:60px}
.nr_title{ font-size:18px; line-height:100%; color:#5f5f5f; font-weight:normal; margin-bottom:25px}
.catelogy li{ height:42px; line-height:42px; border-bottom:1px solid #e6e6e6; font-size:12px;}
.catelogy li a{ color:#777}

.tags a{ color:#cf262c; display:inline-block; border:1px solid #cfcfcf; border-radius:5px; line-height:32px; padding:0 20px; font-size:12px; margin-right:5px; margin-bottom:5px; transition:all .25s}
.tags a:hover{ background:#cf262c; color:#fff;}

.news_history li{ line-height:31px; font-size:12px; color:#5b5e60}
.news_search{ margin-bottom:60px; border:1px solid #e6e6e6; border-radius:5px; height:50px; overflow:hidden; position:relative}
.ns_txt{ font-size:14px; border:none; outline:none; padding:15px; width:75%; display:block; margin-right:54px}
.ns_btn{ width:53px; background:#fff url("../images/icon_search3.png") no-repeat center center; height:50px; border:none;overflow:hidden; text-indent:-999em; outline:0; cursor:pointer; position:absolute; top:0; right:0; border-left:1px solid #e6e6e6; z-index:10}


.news_more{ background:url("../images/icon_refresh.png") left center no-repeat; width:130px; display:block; text-indent:37px; margin:0 auto; color:#f00; font-size:18px}


.news_video_wrap{ position:relative; overflow:hidden}
.video_pic{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-size:cover}
.video_overlay{ position:absolute;left:0; top:0; width:100%; height:100%; background:#000; opacity:.4; filter:alpha(opacity=40)}
.video_btn{ width:65px; height:65px; background:url("../images/icon_play.png") no-repeat; position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px;}



.team_wx{ width:132px; height:132px;border:1px solid #b5b5b5}
.team_wx img{ width:112px; height:112px; border:10px solid #fff;}


.news_li hr{ border:none; border-bottom:1px solid #ccc;}
.news_content_wrap{ height:auto; overflow:hidden;}


.news_li div.bdsharebuttonbox { height: 41px; margin:10px 0;}
.news_li div.bdsharebuttonbox a { display: inline-block; width: 41px; height: 41px; background-image: url(../images/share_sprite.png); margin-right:20px; }
.news_li div.bdsharebuttonbox .bds_tsina { background-position: -60px 0; }
.news_li div.bdsharebuttonbox .bds_weixin { background-position: 0 0;}
.news_li div.bdsharebuttonbox .bds_more { background-position: -120px 0; }
.news_li div.bdsharebuttonbox .bds_tsina:hover { background-position:-240px 0; }
.news_li div.bdsharebuttonbox .bds_weixin:hover { background-position: -180px 0; }
.news_li div.bdsharebuttonbox .bds_more:hover { background-position: -300px 0; }

@media screen and (min-width: 780px) and (max-width: 1080px) {
    .top_bg h2{  font-size: 30px; line-height: 50px; margin-bottom: 14px;}
    .top_bg h3{  font-size: 1rem;margin-bottom: 70px;}
    .service_icon span{margin: 0 3px;}
    .top_bg h4{font-size: 1rem;  padding-top: 15px;}
    .service_icon span{width: 50px;height: 50px;background-size: cover}
    .service_icon span.si_2{background-position: -61px 0;}
    .service_icon span.si_3{background-position: -125px 0;}
    .service_icon span.si_4{background-position: -187px 0;}
    .service_icon span.si_5{background-position: -249px 0;}
    .service_icon span.si_6{background-position: -310px 0;}
    .service_icon span.si_7{background-position: -374px 0;}
}

@media screen and (max-width: 780px) {
    .logo img{width: 230px}
    .contact_right,.contact_left{ float: none;margin: 0 auto}
    .case_banner h3,.news_banner h3{  font-size: 45px;}
    .case_banner h4,.news_banner h4{  font-size: 20px;}
    .news_title{font-size: 20px}
    .news_li{font-size: 12px}
    .service_bottom h3{font-size: 50px;margin-bottom: 40px}
    .service_bottom p{margin-bottom: 45px;  font-size: 15px;}
    .service_btn{ width: 200px; height: 50px; line-height: 50px; font-size: 15px;}
    .top_bg h2{  font-size: 20px; line-height: 30px; margin-bottom: 10px;}
    .top_bg h3{  font-size: 12px;margin-bottom: 50px;}
    .service_icon span{margin: 0 3px;}
    .top_bg h4{font-size: 12px;  padding-top: 8px;}
    .service_icon span{width: 40px;height: 40px;background-size: cover}
    .service_icon span.si_2{background-position: -50px 0;}
    .service_icon span.si_3{background-position: -99px 0;}
    .service_icon span.si_4{background-position: -149px 0;}
    .service_icon span.si_5{background-position: -199px 0;}
    .service_icon span.si_6{background-position: -249px 0;}
    .service_icon span.si_7{background-position: -297px 0;}
}

@media screen and (max-width: 540px){
    .service_icon,.top_bg_txt h4{display: none}
    .top_bg_txt{top:65%}
}