@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */


html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

* { margin: 0; padding: 0; }

a { cursor: pointer; text-decoration: none ; color: #5d5b5b;}

.c_green1 { color: #2fb476; }

.c_orange1 { color: #ff9000; }

.content_wrapper { width: 1460px; margin: 0 auto; overflow: hidden; }

.input_container { display: inline-block; float: left; margin:7px 5px; }
.input_container select { padding: 0 10px; width: 145px; height: 48px; font-size: 14px; color: #929090; border-radius: 4px; text-align: left; border: 1px solid #e3e3e3; background-color: #f4f4f4; box-shadow: 0 0 10px #e3e3e3; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.input_container input[type=text] { width: 300px; font-size: 14px; color: #929090; height: 48px; line-height: 48px; border-radius: 4px; padding-left: 20px;box-sizing: border-box; border: 1px solid #e3e3e3; background-color: #f4f4f4; box-shadow: 0 0 10px #e3e3e3; }
.input_container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #929090; opacity: 1; }
.input_container ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #929090; opacity: 1; }
.input_container input:-ms-input-placeholder { color: #929090; opacity: 1; }
.input_container input::-webkit-input-placeholder { color: #929090; opacity: 1; }
.input_container input[type=button] { width: 300px; color: white; font-size: 16px; line-height: 48px; border-radius: 4px; background-color: #ff7f00; border: none; background: -webkit-linear-gradient(left, #ffa600, #ff7f00); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #ffa600, #ff7f00); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #ffa600, #ff7f00); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #ffa600, #ff7f00); /* 标准的语法（必须放在最后） */ }

/*.input_container:last-child { margin-right: 0; }*/

.index_h3 { display: inline-block; }

.index_common_header { width: 100%; text-align: center; }
.index_common_header .index_common_title { position: relative; display: inline-block; margin-top: 30px; width: 515px; height: 72px; border: 1px solid #e3e3e3; }
.index_common_header .index_common_title h3 { position: absolute; top: -26px; display: inline-block; font-size: 40px; min-width: 240px; line-height: 50px; left: 50%; margin-left: -120px; text-align: center; background-color: #f8f8f8; }
.index_common_header .index_common_title .alone_h3 { background-color: white; }
.index_common_header .index_common_title > p { padding-top: 25px; color: #b3b3b3; text-align: center; line-height: 45px; }
.index_common_header .index_common_title > p font { font-size: 13px; }
.index_common_header .index_common_nav { width: 100%; padding: 25px 0; text-align: center; }
.index_common_header .index_common_nav > ul { display: inline-block; }
.index_common_header .index_common_nav > ul li { float: left; }
.index_common_header .index_common_nav > ul li a { position: relative; padding: 0  24px; font-size: 15px; line-height: 22px; }
.index_common_header .index_common_nav > ul li a:after { position: absolute; content: ""; width: 1px; height: 16px; right: 0; top: 3px; background-color: #e3e3e3; }
.index_common_header .index_common_nav > ul li a:hover { color: #2fb476; }
.index_common_header .index_common_nav > ul li:last-child a:after { position: absolute; content: ""; width: 8px; height: 16px; background: url("../images/border_icon.png"); }

.spacing1 { padding: 30px 0 40px 0; }
.spacing2 { padding: 50px 0; }

.head-top-img{display: inline-block;width: 100%;min-width: 1220px;}
.head-top-img img{width: 100%}


body .warp { font-family: 微软雅黑;font-size: 15px; }
body .header{width: 100%;min-width: 1220px;display: inline-block;position: relative}
/*body .header  .icon-happy{display: inline-block;width: 190px;position: absolute;left: 20px;top: 35px; z-index: 9999}
body .header  .icon -happy2{right: 20px;left: auto}
body .header  .icon-happy img{width: 100%;}*/
body .header .header_top { height: 35px; color: #929292; background-color: #f4f4f4; }
body .header .header_top .first_header_nav { position: relative; width: 1460px; font-size: 12px; margin: 0 auto; }
body .header .header_top .first_header_nav .first_header_left { float: left; margin-left: 1%; line-height: 35px; }
body .header .header_top .first_header_nav .first_header_right { position: relative; float: right; }
body .header .header_top .first_header_nav .first_header_right .right_tex > a { position: relative; display: inline-block; padding: 0 6px; line-height: 35px; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner { display: inline-block; margin: 0 4px; width: 212px; height: 61px; overflow: hidden }
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner ul li {height: 100%; }
body .header .header_nav_content .header_nav_box .nav_content_left .min_banner ul li a { display: inline-block;vertical-align: bottom}
body .header .header_top .first_header_nav .first_header_right .right_tex > a > font { font-weight: bold; }
.sub_nav_login{ position: absolute;display: none; width: 88px; left: 0; top: 35px;;background-color: white;border: 1px solid #e3e3e3;border-top: none; z-index: 9999999}
.sub_nav_login a{ display: inline-block; font-family: "微软雅黑"; width: 100%; top:0;  line-height: 28px; text-align: center; font-size: 12px;}
.sub_nav_login a:hover{color: #00ad28}
.nav_login .icon2{ display: none}
.nav_login:hover .icon2{ display: inline-block}
.nav_login:hover .icon1{ display: none}
/*body .header .header_top .first_header_nav .first_header_right .right_tex .nav_login:hover .sub_nav_login{display: inline-block}*/
body .header .header_top .first_header_nav .first_header_right .right_tex > a img {padding-bottom:2px;vertical-align: middle; }

body .header .header_top .first_header_nav .first_header_right .right_tex > a.cloud-btn{width:114px;height:18px;top:3.5px;}
body .header .header_top .first_header_nav .first_header_right .right_tex > a.cloud-btn img{width:100%;height:100%;display: block;}
body .header .header_top .first_header_nav .first_header_right .right_tex > a.cloud-btn:before { content: ""; position: absolute; width:22px; height: 100%; top: 0; left: 0%; overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.3)50%, rgba(255,255,255,0)100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.3)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.3)50%, rgba(255,255,255,0)100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.3)50%, rgba(255,255,255,0)100%);
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  animation: skew 1s ease infinite;
}

@keyframes skew {
  0%{left:0%;}
  100%{left:80%;}

}

body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav { position: absolute; display: none; padding: 15px 0; width: 685px; right: 0; border: 1px solid #e3e3e3; background-color: white; z-index: 999; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item { float: left; width: 20%; min-height: 234px; text-align: center; border-right: 1px dashed #e3e3e3; box-sizing: border-box; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item .item_head { display: inline-block; padding-bottom: 8px; text-align: center; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item > h5 { color: #2fb476;height: auto; font-size: 15px; font-weight: bold; line-height: 36px; text-align: center; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item .item_ul li a { display: inline-block; width: 100%; color: #8b8b8b; line-height: 30px; }
body .header .header_top .first_header_nav .first_header_right .right_tex .top_nav .top_nav_item:last-child { border-right: none; }
body .header .header_top .first_header_nav .first_header_right .right_tex .bor_solid { min-width: 40px; padding: 0  7px 0  9px; }
body .header .header_top .first_header_nav .first_header_right .right_tex .bor_solid:before { position: absolute; content: ""; width: 1px; top: 50%; margin-top: -7px; left: -2px; height: 13px; background-color: #929292; }
body .header .header_top .first_header_nav .first_header_right .right_tex .c_orange1:hover{color: #ff9000 !important }
body .header .header_nav_content { position: relative; display: inline-block; width: 100%;float: left; color: #787878;background-color: white; }
body .header .header_nav_content .header_nav_box { width: 1460px; margin: 0 auto; }
body .header .header_nav_content .header_nav_box .nav_content_left { float: left; margin: 15px 0; }
body .header .header_nav_content .header_nav_box .nav_content_left .logo_box { display: inline-block; vertical-align: text-bottom}
body .header .header_nav_content .zxb-icon{display: inline-block;position: absolute;right: 1%;top: 26%;width: 60px;}
body .header .header_nav_content .zxb-icon img{width: 100%;}
body .header .header_nav_content .header_nav_box .nav_content { float: left; margin: 0  0 0 4.8%; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li { float: left; margin: 0 10px 0 8px; padding: 22px 0; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a { position: relative; display: inline-block; padding: 0 10px; font-size: 15px; line-height: 48px; color: #504d4d; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a i { position: absolute; top: -2px; right: -5px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a i .icon2 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a .span-icon1{position: absolute; top: 50%; margin-top: -44px; left: 50%;margin-left: -15%; line-height: inherit}
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .item_color { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav { position: absolute; display: none;min-width: 1345px; padding: 24px 0; height: 132px; width: 100%; top: 89px; left: 0; text-align: center; border-top: 1px solid #e3e3e3; background-color: white; z-index: 99; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box { display: inline-block; margin: 0 auto; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item { float: left; margin: 0 15px; color: #8b8b8b; font-size: 14px; min-width: 160px; border-right: 1px dashed #e3e3e3; overflow: hidden; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a {position: relative; display: inline-block; width: 100%; line-height: 20px; text-align: left; }
.top_icons{  position: absolute;  top: -10px;  right: -3px;  display: inline-block;  color: white;  font-size: 12px;  border-radius: 32px;  padding: 2px 9px;  background-color: #ff9000;  }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a img { vertical-align: middle; padding: 0 0 3px 5px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul { margin-top: 13px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li { float: left; width: 33%; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li a { display: inline-block; width: 100%; padding: 0; font-size: 14px; text-align: left; line-height: 28px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .sub_nav_item > ul li a:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item { float: left; width: 120px; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a { position: relative; display: inline-block; width: 100%; padding: 0; line-height: inherit; text-align: center; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a > span { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a >  span > img { vertical-align: inherit!important; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a > span .img2{ display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a .icon_tex { display: inline-block; width: 100%; color: #929292; font-size: 14px; line-height: 30px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover .icon_tex { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover span .img1 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav .sub_nav_box .icon_item > a:hover span .img2 { display: block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover a i .icon1 { display: none; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover a i .icon2 { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li:hover .sub_nav { display: inline-block; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul .alont_li { margin-left: 12px; }
body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > .alont_li:hover { color: #2fb476; }
body .header .header_nav_content .header_nav_box .nav_search { position: relative; float: right; margin: 32px 1% 0 0; }
body .header .header_nav_content .header_nav_box .nav_search .search_select { position: absolute; display: none; min-width: 88px; font-size: 13px; line-height: 34px; left: -88px; text-align: center; border: 1px solid #e5e5e5; }
body .header .header_nav_content .header_nav_box .nav_search .search_select >span{ display: inline-block;min-width: 52px;}
body .header .header_nav_content .header_nav_box .nav_search .search_select > img { padding-left: 4px; padding-bottom: 2px; vertical-align: middle; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list { display: none; position: absolute; width: 89px; left: -1px; top: 34px; border: 1px solid #e5e5e5; box-sizing: border-box; background-color: white; z-index: 999; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li { width: 100%; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li a { display: inline-block; width: 100%; padding-left: 22%; text-align: left; font-size: 12px; box-sizing: border-box; }
body .header .header_nav_content .header_nav_box .nav_search .search_select .select_list > li a:hover { color: #2fb476; background-color: #e3e3e3; }
body .header .header_nav_content .header_nav_box .nav_search .search_box { position: relative; float: left; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search { position: relative; width: 238px; padding-left: 15px; color: #787878; line-height: 34px; height: 34px; border-radius: 4px; border: 1px solid  #e5e5e5; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search_icon { position: absolute; right: 12px; top: 50%; margin-top: -10px; }
body .header .header_nav_content .header_nav_box .nav_search .search_box .search_val { position: absolute; font-size: 13px; left: 15px; line-height: 34px; top: 50%; margin-top: -17px; color: #787878; }
body .container_banner { position: relative; width: 100%; height: 620px; }
body .container_banner .form_box { position: absolute; width: 350px; padding: 15px; top: 0; right: 0;  box-sizing: border-box; background-color: rgba(253, 253, 253, 0.5); z-index: 999; }
body .container_banner .form_box .form_tip { position: relative; display: inline-block; width: 100%; text-align: center; line-height: 40px;background: url(../../home/images/ban-tit-bg1.png) center -8px no-repeat; }
body .container_banner .form_box .form_tip span { display: inline-block; color: #333; line-height: 30px; vertical-align: text-bottom; }
body .container_banner .form_box .form_tip .number_tip { display: inline-block; padding: 6px 10px; margin: 0 10px; background-color: #eeeeee; border: 1px solid #dcdcdc; border-radius: 4px; box-shadow: 0 0 10px #cec7c7; }
body .container_banner .form_box .form_tip .number_tip .nub_item { position: relative; float: left; width: 25px; color: #ff9000; font-family: Helvetica; font-size: 23px; margin-right: 8px; line-height: 38px; height: 38px; border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 10px #dbdbdb; overflow: hidden; }
body .container_banner .form_box .form_tip .number_tip .nub_item ul { position: absolute; top: 0; width: 25px; }
/*body .container_banner .form_box .form_tip .number_tip .nub_item .nub{background: url("../images/number1.png")}*/
body .container_banner .form_box .form_tip .number_tip .nub_item:last-child { margin-right: 0; }
/*body .container_banner .form_box .form_tip .number_tip:before { position: absolute; content: ""; left: 0; top: 27px; width: 13%; height: 1px; background-color: #dbdbdb; }*/
/*body .container_banner .form_box .form_tip .number_tip:after { position: absolute; content: ""; right: 0; top: 27px; width: 13%; height: 1px; background-color: #dbdbdb; }*/
/*body .container_banner .form_box .form_content { margin-top: 10px; }*/
body .container_banner .notice_content { position: absolute; padding: 0 15px; width: 360px; height: 36px; top: 7%; right: 10%; overflow: hidden; background-color: rgba(64, 58, 58, 0.42); z-index: 9999; border-radius: 4px; box-sizing: border-box; }
body .index_common_company .company_content_box{position: relative; height: 485px;  overflow: hidden;}
body .container_banner .notice_content > span { display: inline-block;     vertical-align: top;  line-height: 45px;}
body .container_banner .notice_content ul{display: inline-block}
body .container_banner .notice_content a { display: inline-block; color: white; font-size: 13px; line-height: 35px; max-width: 290px; overflow: hidden; z-index: 9999; }
body .container_banner .notice_content a em { color: orange; }
body .min_banner { display: none; }
body .index_entries { padding: 22px 0; width: 100%; background-color: white; }
body .index_entries .entries_box { width: 100%; text-align: center; }
body .index_entries .entries_box > ul { display: inline-block; padding-bottom: 10px; }
body .index_entries .entries_box > ul li { float: left; width: 320px; height: 137px; margin-right: 20px; border: 1px solid #e3e3e3; box-sizing: border-box; }
body .index_entries .entries_box > ul li a { display: inline-block; width: 100%; height: 100%; padding: 28px 25px; font-family: 微软雅黑; box-sizing: border-box; background-color: white; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_entries .entries_box > ul li a .entries_info { float: left; }
body .index_entries .entries_box > ul li a .entries_info h5 { font-size: 22px; color: #333; font-weight: bold; text-align: left; line-height: 50px; }
body .index_entries .entries_box > ul li a .entries_info > span { color: #868686; }
body .index_entries .entries_box > ul li a .entries_icon { float: right; }
body .index_entries .entries_box > ul li:last-child { margin-right: 5px; }
body .index_entries .entries_box > ul li:hover { border: none; }
body .index_entries .entries_box > ul li:hover a { padding: 26px 25px; box-shadow: 0px 4px 19px 6px #f1f1f1; }
body .index_common_case { width: 100%; background-color: #f8f8f8; }
body .index_common_case .content_wrapper .case_content { display: inline-block; width: 100%; }
body .index_common_case .content_wrapper .case_content .theme_banner { width: 670px; height: 473px; float: left; overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_banner .theme_box a img { width: 100%; }
body .index_common_case .content_wrapper .case_content .theme_part { width: 790px; float: right; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item { position: relative; float: left; width: 376px; height: 226px; margin-left: 18px; margin-bottom: 17px; overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item a { display: inline-block;width: 100%;height: 100%; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item a > img { width: 100%; height: 100%}
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div { position: absolute; transition: all 0.5s; top: -100%; width: 100%; height: 100%; text-align: center; background-color: rgba(51, 189, 125, 0.61); }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content { margin-top: 56px; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content h6 { display: inline-block; font-size: 22px; color: white; line-height: 40px;    width: 91%;  height: 40px;  overflow: hidden; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content p { font-size: 14px; color: white; line-height: 32px; padding-bottom: 8px; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content .look_link { width: 112px; font-size: 14px; color: white; line-height: 34px; border-radius: 5px; letter-spacing: 1px; background-color: orange; }
body .index_common_case .content_wrapper .case_content .theme_part .theme_item:hover .mask_div { top: 0; }
body .index_common_case .content_wrapper .case_content .layout_part { width: 100%; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content { display: inline-block; width: 100%; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul { float: left; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li { float: left; margin-right: 16px; width: 175px; height: 100px; border: 1px solid #e3e3e3; box-sizing: border-box; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a { display: inline-block; width: 100%; padding: 26px 20px; box-sizing: border-box; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .type_icon { float: left; margin-top: 3px; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .tex { display: inline-block; float: right; text-align: center; min-width: 64px; line-height: 44px; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content .grab_link { display: inline-block; float: right; }
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .type_icon .img2{display: none}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .type_icon .img1{display: none}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .type_icon .img2{display: block}
body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a:hover .tex{color: #00ad28}
body .index_common_company .company_content .company_item { position: relative; float: left; width: 350px; height: 458px; margin: 5px 5px 17px 10px; box-sizing: border-box; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; overflow: hidden; }
body .index_common_company .company_content .company_item .item_img { width: 350px; height: 230px; overflow: hidden; }
body .index_common_company .company_content .company_item .alone_icon{ position: absolute;display: inline-block;width: 48px;  top:0; left: 4%;z-index: 999}
body .index_common_company .company_content .company_item .alone_icon  img{width: 100%}
body .index_common_company .company_content .company_item .item_img img { width: 100%;height: 100%; transition: all .7s; }
body .index_common_company .company_content .company_item .company_logo { position: absolute; left: 50%; margin-left: -62px; top: 164px; width: 124px; height: 124px; border-radius: 50%; background-color: white; border: 1px solid #e3e3e3; overflow: hidden; }
body .index_common_company .company_content .company_item .company_logo a { display: inline-block; width: 100%; text-align: center; }
body .index_common_company .company_content .company_item .company_logo a img { width: 100%; }
body .index_common_company .company_content .company_item .item_detail { width: 100%; padding-top: 62px; border: 1px solid #e3e3e3; box-sizing: border-box; border-top: none; }
body .index_common_company .company_content .company_item .item_detail h5 { padding-top: 15px; font-size: 18px; text-align: center; line-height: 35px; }
body .index_common_company .company_content .company_item .item_detail h5 a { display: inline-block; }
body .index_common_company .company_content .company_item .item_detail p { text-align: center; }
body .index_common_company .company_content .company_item .item_detail p a { display: inline-block; font-size: 15px; line-height: 30px; color: #b3b3b3; min-width: 110px; }
body .index_common_company .company_content .company_item .item_detail p a font { color: #ff9000; }
body .index_common_company .company_content .company_item .item_detail .link_box { padding: 20px 0; width: 100%; text-align: center; }
body .index_common_company .company_content .company_item .item_detail .link_box .link_tex { display: inline-block; width: 148px; color: #27c27b; line-height: 42px; text-align: center; border-radius: 5px; box-sizing: border-box; border: 1px solid #2fb476; }
body .index_common_company .company_content .company_item:last-child { margin-right: 0; }
body .index_common_company .company_content .company_item:hover { box-shadow: 0px 4px 19px 6px #f1f1f1; }
body .index_common_company .company_content .company_item:hover .item_img img {width:100%;height: 100%; opacity: 0.8; transition: 0.7s ease; -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
body .index_common_company .company_content .company_item:hover .item_detail { border: none; }
body .index_common_company .company_content .company_item:hover .item_detail .link_tex { color: white; background-color: #ff9000; border: none; }
body .index_common_company h4 { padding-bottom: 10px; font-size: 30px; text-align: center; }
body .index_common_company .index_process > ul { display: inline-block; width: 100%; padding: 32px 0; }
body .index_common_company .index_process > ul li { float: left; margin-right: 110px; text-align: center; }
body .index_common_company .index_process > ul li i { display: inline-block; }
body .index_common_company .index_process > ul li span { display: inline-block; width: 100%; font-size: 17px; line-height: 32px; }
body .index_common_company .index_process > ul li p { font-size: 14px; color: #b3b3b3; line-height: 20px; }
body .index_common_company .index_process > ul li:last-child { margin-right: 0; }
body .index_common_company .index_process .index_step ul li { float: left; text-align: center; }
body .index_common_company .index_process .index_step ul li i { display: inline-block; padding: 0 5px; }
body .index_common_company .index_process .index_step ul li span { display: inline-block; width: 214px; height: 1px; margin: 0 0 18px 0; background-color: #efeded; }
body .index_common_company .index_process .index_step ul li:nth-child(1) i { margin-left: 52px; }
body .index_common_company .index_process .index_step ul li:last-child span { width: 0; }
body .index_common_design { background-color: #f8f8f8; }
body .index_common_design .design_content { margin: 64px 0 30px  0; }
body .index_common_design .design_content .design_box .swiper-designer-banner{ }
body .index_common_design .design_content .design_box { position: relative; display: inline-block; width: 100%;height: 528px; padding: 45px 30px; border: 1px solid #e3e3e3; background-color: white; box-sizing: border-box; }
body .index_common_design .design_content .design_box .design_details { float: left; margin: 0 100px; width: 548px; }
body .index_common_design .design_content .design_box .design_details .design_info_head { width: 100%; overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_logo { float: left; display: inline-block; width: 83px; height: 83px; border-radius: 50%; overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info { float: left; margin-left: 15px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_logo img{width: 100%}
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex { color: #b3b3b3; float: left; line-height: 52px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex font { font-size: 19px; color: #2fb476; line-height: 35px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .name_tex em { padding-left: 15px; font-size: 13px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .design_info .superior { color: #b3b3b3; font-size: 13px; }
body .index_common_design .design_content .design_box .design_details .design_info_head .about_design { margin: 20px 0; float: right; color: white; width: 146px; font-size: 14px; text-align: center; line-height: 42px; border-radius: 5px; background-color: #ff9000; }
body .index_common_design .design_content .design_box .design_details .idea_box { position: relative;  display: inline-block;  width: 100%;  min-height: 48px;  margin: 42px 0;  padding: 0 44px; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea { position: absolute; display: inline-block; line-height: 38px; font-size: 30px; font-weight: bold; color: #2fb476; z-index: 1;max-width: 440px; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea:before { position: absolute; content: ""; width: 49px; height: 37px; top: -19px; left: -40px; background: url(../images/symbol1.png); z-index: -1; }
body .index_common_design .design_content .design_box .design_details .idea_box .idea:after { position: absolute; content: ""; width: 34px; height: 27px; top: 5px; right: -43px; background: url(../images/symbol2.png); }
body .index_common_design .design_content .design_box .design_details .title_font { position: relative; line-height: 30px; text-align: center; }
body .index_common_design .design_content .design_box .design_details .title_font:before { position: absolute; content: ""; width: 20%; height: 1px; left: 18%; top: 15px; background-color: #e3e3e3; }
body .index_common_design .design_content .design_box .design_details .title_font:after { position: absolute; content: ""; width: 20%; height: 1px; right: 18%; top: 15px; background-color: #e3e3e3; }
body .index_common_design .design_content .design_box .design_details .case_ul { display: inline-block; width: 100%; padding-top: 20px; }
body .index_common_design .design_content .design_box .design_details .case_ul li { float: left; width: 260px; height: 160px; margin-right: 18px;overflow: hidden; }
body .index_common_design .design_content .design_box .design_details .case_ul li a { display: inline-block;width: 100%;height: 100%;}
body .index_common_design .design_content .design_box .design_details .case_ul li a  img{ width: 100%;height: 100% }
body .index_common_design .design_content .design_box .design_details .case_ul li:last-child { margin-right: 0; }
body .index_common_design .design_content .design_box .design_item_list { position: absolute; right: -3px; top: -16px; width: 614px; height: 560px; background: url("../images/lv_img.png"); }
body .index_common_design .design_content .design_box .design_item_list .item_box { margin: 90px 70px 90px 90px; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li { float: left; margin-right: 39px; margin-bottom: 60px; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li a { display: inline-block; width: 83px; height: 83px; border: 1px solid #b7b6b6; border-radius: 50%; overflow: hidden; box-sizing: border-box; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li .click_tag { border: 2px solid #ffcc00; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li:nth-child(4n+0) { margin-right: 0; }
body .index_common_design .design_content .design_box .design_item_list .item_box ul li a img{width: 100%}
body .index_common_raiders .raiders_content { padding: 40px 0; overflow: hidden; }
body .index_common_raiders .raiders_content .raiders_term { float: left; width: 473px; margin-right: 20px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item { width: 100%; height: 250px; border: 1px solid #e3e3e3; border-top: none; box-sizing: border-box; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul { display: inline-block; padding: 25px; width: 100%; box-sizing: border-box; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li { float: left; margin-right: 37px; width: 54px; text-align: center; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a { display: inline-block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a span { display: inline-block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a span .img2 { display: none; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a > p { line-height: 30px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover span .img1  { display: none; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover span .img2  { display: block; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a:hover p{ color: #00ad28 }
body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li:last-child { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul1 { padding: 86px 25px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 { padding: 30px 25px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li { margin-right: 68px; margin-bottom: 22px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li:nth-child(4n+0) { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 { padding: 86px 116px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 li { margin-right: 128px; }
body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 li:last-child { margin-right: 0; }
body .index_common_raiders .raiders_content .raiders_term:last-child { margin-right: 0; }
body .index_common_raiders .raiders_type_list { display: inline-block; width: 100%; padding-top: 4px; padding-bottom: 15px; }
body .index_common_raiders .raiders_type_list .type_item { float: left; width: 340px; margin-left: 6px; margin-right: 17px; padding: 2px; border: 1px solid #e3e3e3; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head { padding: 44px 0 38px 0; height: 172px; text-align: center; box-sizing: border-box; border-bottom: 1px dashed  #e3e3e3; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head span { display: inline-block; width: 100%; line-height: 40px; font-size: 18px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_head i{display: inline-block}
body .index_common_raiders .raiders_type_list .type_item .type_item_head i .img2{display: none}
body .index_common_raiders .raiders_type_list .type_item .type_item_content { height: 320px; overflow: hidden}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul{padding: 20px 25px 0 40px;}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li { position: relative; color: #e3e3e3; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li:before {position: absolute;  content: "";  width: 8px;  left: -20px;  top: 50%;  margin-top: -4px;  height: 8px;  background-color: #e3e3e3; border-radius: 50%;}
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a { display: inline-block;white-space: nowrap; text-overflow: ellipsis; width: 100%; font-size: 15px; color: #808080; line-height: 36px;  overflow:hidden; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a:hover { color: #2fb476; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon { text-align: center; padding-top: 8px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon a { display: inline-block;width: 52px; }
body .index_common_raiders .raiders_type_list .type_item .type_item_content .arrow_icon a img{ width: 100%; }
body .index_common_raiders .raiders_type_list .type_item:hover { padding: 0 2px; box-shadow: -1px 8px 20px 5px #ececec; }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head { background: url("../images/back_img.jpg"); }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head > span { color: white; }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head i .img2 { display: block }
body .index_common_raiders .raiders_type_list .type_item:hover .type_item_head i .img1 { display: none }
body .index_common_raiders .raiders_type_list .type_item:last-child { margin-right: 0; }
body .index_common_qa { background-color: #f4f4f4; }
body .index_common_qa .qa_content { height: 472px; overflow: hidden; }
body .index_common_qa .qa_content .qa_left {position: relative; width: 730px; height: 472px; float: left;overflow: hidden }
body .index_common_qa .qa_content .qa_left .qa_banner_box a { display: inline-block; }
body .index_common_qa .qa_content .qa_right { float: left; width: 650px; margin-left: 20px; }
body .index_common_qa .qa_content .qa_right .qa_item { display: inline-block; height: 120px; margin-bottom: 18px; }
body .index_common_qa .qa_content .qa_right .qa_item .min_img { float: left; width: 180px; height: 120px; }
body .index_common_qa .qa_content .qa_right .qa_item .min_img img { width: 100%; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info { float: left; width: 459px; margin-left: 10px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link {  display: inline-block; width: 100%; font-size: 17px; line-height: 24px;white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link:hover { color: #2fb476; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info > p { font-size: 14px; color: #929292; line-height: 30px;    white-space: nowrap;  text-overflow: ellipsis; overflow: hidden }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty { float: left; margin-top: 37px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font:nth-child(2){padding-left: 20px;}
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font { font-size: 14px; color: #929292; line-height: 30px; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font em { color: #2fb476; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .so_left { float: left; }
body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .so_right { float: right; }
body .index_common_qa .qa_content .qa_right .gradient_box > a { display: inline-block; float: left; width: 305px; color: white; line-height: 52px; text-align: center; border-radius: 4px; background: -webkit-linear-gradient(left, #2db483, #28b3ae); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #2db483, #28b3ae); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #2db483, #28b3ae); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #2db483, #28b3ae); /* 标准的语法（必须放在最后） */ }
body .index_common_qa .qa_content .qa_right .gradient_box a:last-child { float: right; }
body .index_common_data .data_content .data_list { display: inline-block; width: 100%; padding: 40px 0; }
body .index_common_data .data_content .data_list .type_item { float: left; padding: 2px; margin-left: 7px; width: 465px; margin-right: 12px; border: 1px solid #e3e3e3; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
body .index_common_data .data_content .data_list .type_item .data_item_head { padding: 28px 0 38px 0; margin: 0 15px; height: 154px; text-align: center; box-sizing: border-box; border-bottom: 1px dashed  #e3e3e3; }
body .index_common_data .data_content .data_list .type_item .data_item_head span { display: inline-block; width: 100%; line-height: 40px; font-size: 18px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li { padding: 18px 18px 0 18px;  overflow: hidden;box-sizing: border-box }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  { display: inline-block; height: 108px;width: 100%; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li {display: inline-block; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img { float: left; width: 166px; height: 108px; overflow: hidden; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img img { width: 100%; height: 100%;}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info { position: relative; float: right; width: 252px;height: 68px; margin-left: 10px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_title {display: inline-block;width: 100%; color: #353535; line-height: 24px;font-size: 16px;      white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;  vertical-align: middle;}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info > p { font-size: 14px; color: #929292; line-height: 22px;text-overflow: ellipsis;
  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;overflow: hidden; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty { float: left; margin-top: 20px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .alone_font {position: absolute;  bottom: -26px;width: 100%;left:0;}
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .font_sty font { font-size: 14px; color: #929292; line-height: 30px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty font em { color: #2fb476; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .so_left { float: left;margin-right: 20px; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .so_right { margin-left: 20px; float: left; }
body .index_common_data .data_content .data_list .type_item .data_item_content ul li:last-child { }
body .index_common_data .data_content .data_list .type_item .data_item_content .arrow_icon { text-align: center; padding-bottom: 10px; padding-top:20px; }
body .index_common_data .data_content .data_list .type_item .data_item_content .arrow_icon a { display: inline-block; }
body .index_common_data .data_content .data_list .type_item:last-child { margin-right: 0; }
body .index_common_data .data_content .data_list .type_item:hover { padding: 0px 2px; border: 1px solid whitesmoke; box-shadow: 1px 7px 20px 5px #ececec; }
body .index_common_zzj { background-color: #f4f4f4; }
body .index_common_zzj .info_content h3 { padding-bottom: 40px; font-size: 34px; text-align: center; line-height: 60px; }
body .index_common_zzj .info_content ul { display: inline-block; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #e3e3e3; }
body .index_common_zzj .info_content ul li { float: left; width: 33.33%; }
body .index_common_zzj .info_content ul li .info_list { text-align: center; }
body .index_common_zzj .info_content ul li .info_list .info_icon { display: inline-block; }
body .index_common_zzj .info_content ul li .info_list .info_tex { display: inline-block; width: 100%; line-height: 48px; }
body .index_common_zzj .info_content ul li .info_list p { line-height: 36px; }
body .index_common_zzj .info_content ul li .info_list p font { font-size: 27px; font-weight: bold; color: #2fb476; }
body .index_common_zzj .index_container_link { padding: 20px 0;border-top:1px solid #e3e3e3; }
body .index_common_zzj .index_container_link .link_content { display: inline-block; width: 100%; padding-bottom: 10px; }
body .index_common_zzj .index_container_link .link_content .link_item { display: inline-block; float: left; margin-right: 30px; line-height: 40px; max-width: 200px;cursor: progress }
body .index_common_zzj .index_container_link .link_content .qq_info { float: right; margin: 12px 0; }
body .index_common_zzj .index_container_link .item_font_box { width: 100%; }
body .index_common_zzj .index_container_link .item_font_box ul li { float: left; margin-right: 20px; }
body .index_common_zzj .index_container_link .item_font_box ul li a { font-size: 13px; color: #b3b3b3; line-height: 30px; }
body .index_common_zzj .index_container_link .item_font_box:nth-child(2){display: none}
body .index_common_zzj .index_container_link .item_font_box:nth-child(3){display: none}
body .footer { background-color: black; }
body .footer .content_wrapper { padding: 40px 0 30px; }
body .footer .footer_left { float: left; width: 50%; }
body .footer .footer_left .footer_nav { padding: 20px  0; overflow: hidden; }
body .footer .footer_left .footer_nav ul li { float: left; }
body .footer .footer_left .footer_nav ul li a { position: relative; font-size: 15px; color: white; padding: 0 20px; }
body .footer .footer_left .footer_nav ul li a:after { position: absolute; content: ""; width: 1px; height: 14px; top: 3px; right: 0; background-color: #565656; }
body .footer .footer_left .footer_nav ul li:last-child a:after { display: none; }
body .footer .footer_left > p { padding-left: 10px; color: #888787; font-size: 15px; font-family: Arial; line-height: 32px; padding-top: 30px; }
body .footer .footer_left > p a { display: inline-block;width: 90px; padding: 0 5px; vertical-align: middle; }
body .footer .footer_left > p img {width: 100%; }
body .footer .footer_right { float: right; width: 50%; }
body .footer .footer_right .right_content { padding-top: 20px; text-align: right; overflow: hidden; }
body .footer .footer_right .right_content .qr_icon { display: inline-block; float: right; }
body .footer .footer_right .right_content .icon_box { float: right; margin-top: 56px; margin-right: 20px; }
body .footer .footer_right .right_content .icon_box .phone_icon { color: white; line-height: 30px; }
body .footer .footer_right .right_content .icon_box .phone_icon a { display: inline-block; vertical-align: middle; }
body .footer .footer_right .right_content .icon_box .phone_icon font { padding: 0 10px; }
body .footer .footer_right .right_content .icon_box .alon_nub { font-family: Arial; font-weight: bold; color: white; font-size: 38px; }
.designer-banner{width: 60%;overflow: hidden}
.alone-tag{width: 90%;}
.alone-tag2{width: 100%;}

.shops-offer{position: fixed; display: none;text-align: center; bottom: 0;left: 0;  background-color:rgba(0,0,0,0.6);width: 100%;padding: 8px 0;font-family: 思源黑体 CN;z-index: 9999}
.shops-offer .offer-center{position: relative;  width: 1460px;display: inline-block;}
.shops-offer .offer-center .offer-img{display: inline-block;position: absolute;left: 0;bottom: -15px;}
.shops-offer .offer-center .offer-img img{width: 280px}
.shops-offer .offer-center .input-tag{display: inline-block;width: 204px;float: left;margin-left: 27px;}
.shops-offer .offer-center .input-tag .input-box{position: relative; margin-top: 28px;margin-bottom: 14px;}
.shops-offer .offer-center .input-tag .input-box select{width: 100%;color: #525252;font-size: 16px; line-height: 50px;height:54px;border: 4px solid #d9d9d9}
.shops-offer .offer-center .input-tag .input-box input[type=text]{display: inline-block;  line-height: 46px;border: 4px solid #d9d9d9;color: #525252;font-size: 16px;height: 54px;box-sizing: border-box}
.shops-offer .offer-center .input-tag .input-box input[type=button]{width: 100%;line-height: 53px;height:53px;color: white;    font-size: 18px;border: none  }
.shops-offer .offer-center .input-tag:last-child{margin-left: 50px;width: 186px;}
.shops-offer .offer-center .input-tag .input-box:nth-child(1){margin-left: 280px;}


.shops-offer .offer-center  .input-box { position: relative; display: inline-block; float: left; width: 100%; margin-top: 15px;box-sizing: border-box }
.shops-offer .offer-center  .input-box input[type=text] { width: 100%; color: #7d7d7d; font-size: 14px; padding-left: 5%; line-height: 38px;  ;border: 1px solid #dddddd; background-color: white; box-sizing: border-box; -webkit-appearance: none; }
.shops-offer .offer-center  .input-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #7d7d7d; opacity: 1; }
.shops-offer .offer-center  .input-box .square{position: absolute;color: #7d7d7d; display: inline-block;font-size: 14px;right: 6px;top: 4px;}
.shops-offer .offer-center  .input-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #7d7d7d; opacity: 1; }
.shops-offer .offer-center  .input-box input:-ms-input-placeholder { color: #7d7d7d; opacity: 1; }
.shops-offer .offer-center  .input-box input::-webkit-input-placeholder { color: #7d7d7d; opacity: 1; }
.shops-offer .offer-center  .input-box  button{ width: 100%; color:white; font-size: 15px; line-height: 38px; border: none; letter-spacing: 2px; background-color: #fe7000; -webkit-appearance: none; }
.shops-offer .offer-center  .input-box select { float: left; display: inline-block; line-height: 38px; height: 38px; width: 48%; color: #7d7d7d; padding-left: 14px; border-radius: 2px; border: 1px solid #dddddd; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.shops-offer .offer-center  .input-box select:nth-child(2n+0) { float: right; }
.shops-offer .offer-center .input-box i{display: inline-block;width: 14px;position: absolute;right:2%;top: 50%; margin-top: -9px;overflow: hidden}
.shops-offer .offer-center .input-box i img{width: 100%}



body .data_content  .zyj_list{display: inline-block;  width: 100%;  padding: 40px 0 20px  0;}
body .data_content  .zyj_list .tag{float: left;width: 472px;  margin-right: 20px;}
body .data_content  .zyj_list .tag .tag-img{display: inline-block;width: 100%;height: 280px;background-color: #f4f4f4}
body .data_content  .zyj_list .tag .tag-img img{width: 100%;height: 100%}
body .data_content  .zyj_list .tag:nth-child(3){margin-right: 0}
body .data_content  .zyj_list .tag  p{font-size: 16px; line-height: 25px;padding-top: 10px;}

/*<!--新增领红包弹窗-->*/

@keyframes red { 0%{  width: 108px;  } 50%{  width:  104px;  }100%{  width: 108px;  } }

.index-red-show{position: fixed; display: none;  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;  width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 999}
.index-red-show .content-red{position: absolute;left: 50%;margin-left: -141px;top: 50%;margin-top: -245px;  display: inline-block;width: 282px;height: 389px; background: url("../../home/images/index-red-show.png")no-repeat;background-size: 100%;}
.index-red-show .content-red .center{ position: relative;}
.index-red-show .content-red .center .close-red{display: inline-block;width: 22px;position: absolute;right: 16px;top: 12px;}
.index-red-show .content-red .center .close-red img{width: 100%;}
.index-red-show .content-red h3{text-align: center;font-size: 28px;color: white;line-height: 46px;padding-top: 65px;}
.index-red-show .content-red  p{font-size: 18px;color: white; padding-top: 36px; text-align: center;line-height: 30px;}
.index-red-show .content-red  .input-box{width: 88%;margin: 0 auto;padding-top: 6px;}
.index-red-show .content-red   input{ display:inline-block;  text-align: center; width: 100%;color: white;font-size: 14px; color: white; line-height: 36px;border-radius: 20px;background: rgba(0,0,0,0.16);border: none;box-sizing: border-box}
.index-red-show .content-red  .input-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #edcfcf; opacity: 1; }
.index-red-show .content-red  .input-box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #edcfcf; opacity: 1; }
.index-red-show .content-red  .input-box input:-ms-input-placeholder { color: #edcfcf; opacity: 1; }
.index-red-show .content-red  .input-box input::-webkit-input-placeholder { color: #edcfcf; opacity: 1; }
.index-red-show .content-red .center .link-red-tag{display: inline-block;position: absolute;left: 50%;width: 108px;margin-left: -52px;top: 232px;-moz-animation: red 1.1s infinite linear;  -webkit-animation: red 1.1s infinite linear;  -o-animation: red.7s infinite linear;  }
.index-red-show .content-red .center .link-red-tag img{width: 100%}


@media (max-width: 1460px) and (min-width: 0px) {
   body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li > a .span-icon1{  margin-top: -55px;}
  /*.input_container { margin-right: 15px; }*/
  /*.input_container select { width: 142px; font-size: 13px; height: 40px; }*/
  /*.input_container input[type=text] { width: 215px; font-size: 13px; height: 39px; line-height: 38px; }*/
  /*.input_container input[type=button] { width: 180px; font-size: 15px; line-height: 38px; }*/
  /*.input_container:last-child { margin-left: 4px; }*/
  .designer-banner{width: 52%;}
  .content_wrapper { width: 1220px; margin: 0 auto; overflow: hidden; }
   body .header .header_nav_content .zxb-icon{right: 1%;  top: 16%;;}
   body .header .header_top .first_header_nav { width: 1220px; }
  body .header .header_nav_content .header_nav_box { width: 1220px; }
  body .header .header_nav_content .header_nav_box .nav_content_left { margin: 10px 0  10px 5px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .logo_box { width: 154px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .logo_box img { width: 100%; }
  .alone-tag{width: 80%;}
  .alone-tag2{width: 90%;}
  body .header .header_nav_content .header_nav_box .nav_content_left .min_banner { width: 180px; height: 54px; }
  body .header .header_nav_content .header_nav_box .nav_content_left .min_banner li a img { width: 100%; }
  body .header .header_nav_content .header_nav_box .nav_content { margin: auto; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul { margin: 0px 0; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li { padding: 0px; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li a { font-size: 14px; line-height: 70px; }
  body .header .header_nav_content .header_nav_box .nav_content .nav_content_ul > li .sub_nav { top: 52px; padding: 20px 0; margin-top: 20px; }
  body .header .header_nav_content .header_nav_box .nav_search { margin: 19px 1% 0 0; }
  body .max_banner { display: none; }
  body .container_banner { height: 430px; }
  /*body .container_banner .form_box { padding: 15px 25px; width: 780px; top: 67%; margin-left: -380px; }*/
  /*body .container_banner .form_box .form_tip .number_tip:before { width: 7%; }*/
  /*body .container_banner .form_box .form_tip .number_tip:after { width: 7%; }*/
  /*body .container_banner .form_box { padding: 20px 25px; }*/
  /*body .container_banner .form_box .form_tip .number_tip .nub_item { line-height: 39px; }*/
  /*body .container_banner .form_box .form_content { margin-top: 0; }*/
  body .min_banner { display: block; }
  body .footer .footer_left > p a { display: inline-block;width: 82px; padding: 0 5px; vertical-align: middle; }
  body .index_entries .entries_box ul li { width: 282px; height: 112px; }
  body .index_entries .entries_box ul li a { padding: 25px; }
  body .index_entries .entries_box ul li a .entries_icon { width: 70px; }
  body .index_entries .entries_box ul li a .entries_icon img { width: 100%; }
  body .index_entries .entries_box ul li a .entries_info h5 { font-size: 21px; line-height: 40px; }
  body .index_entries .entries_box ul li a .entries_info > span { font-size: 14px; }
  body .index_entries .entries_box ul li:nth-child(1) { margin-left: 5px; }
  body .index_entries .entries_box ul li:hover a { padding: 23px 24px; }
  body .index_common_case .content_wrapper .case_content .theme_banner { width: 560px; height: 396px; }
  body .index_common_case .content_wrapper .case_content .theme_part { width: 660px; }
  body .index_common_case .content_wrapper .case_content .theme_part .theme_item { width: 312px; height: 190px; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul { padding: 12px 0; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li { width: 135px; height: 78px; }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a { padding: 16px 10px; }
  body .index_common_company .company_content_box{height: 372px;  }
  body .index_common_case .content_wrapper .case_content .theme_part .theme_item .mask_div .mask_content h6 { font-size: 17px;}
  body .index_common_company .company_content_box .company_content .company_item {position: relative;  width: 290px; height: 347px; -webkit-transition: 0.7s ease; -moz-transition: 0.7s ease; -ms-transition: 0.7s ease; -o-transition: 0.7s ease; transition: 0.7s ease; }
  body .index_common_company .company_content_box .company_content .company_item .item_img { width: 100%; height: 148px; }
  body .index_common_company .company_content_box .company_content .company_item .item_img img { width: 100%; }
  body .index_common_company .company_content_box .company_content .company_item .company_logo { position: absolute; margin-left: -50px; top: 90px; width: 100px; height: 100px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail { padding-top: 55px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail > h5 { padding-top: 0px; font-size: 16px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail p a { font-size: 14px; min-width: 93px; }
  body .index_common_company .company_content_box .company_content .company_item .item_detail .link_box .link_tex { width: 132px; line-height: 36px; }
  body .index_common_company .index_process ul li { margin-right: 68px; }
  body .index_common_company .index_process ul li span { font-size: 16px; }
  body .index_common_company .index_process ul li p { font-size: 13px; }
  body .index_common_company .index_process .index_step ul li { margin-right: 5px; }
  body .index_common_company .index_process .index_step ul li > span { width: 161px; }
  body .index_common_design .design_content .design_box { padding: 25px 30px;height: 490px; }
  body .index_common_design .design_content .design_box .design_details { margin: 0 15px; }
  body .index_common_design .design_content .design_box .design_item_list { width: 594px; height: 505px; }
  body .index_common_design .design_content .design_box .design_item_list .item_box { margin: 66px 70px 90px 90px; }
  body .index_common_design .design_content .design_box .design_item_list .item_box ul li { margin-right: 33px; }
  body .index_common_raiders .raiders_type_list .type_item .type_item_content ul li a{line-height: 32px;}
  body .index_common_raiders .raiders_content .raiders_term { width: 393px; }
  body .index_common_raiders .raiders_content .raiders_term > img { width: 100%; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li { margin-right: 17px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item ul li a { font-size: 14px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul2 li { margin-right: 37px; }
  body .index_common_raiders .raiders_content .raiders_term .raiders_item .item_ul3 { padding: 86px 76px; }
  body .index_common_raiders .raiders_type_list .type_item { width: 280px;   }
  body .index_common_raiders .raiders_type_list .type_item .type_item_head { padding: 25px 0 17px 0; height: 140px; }
  body .index_common_raiders .raiders_type_list .type_item .type_item_content ul { padding: 20px 10px 0 30px; }
  body .index_common_qa .qa_content { height: 367px; }
  body .index_common_qa .qa_content .qa_left { width: 50%;height: 368px; }
  body .index_common_qa .qa_content .qa_left .qa_banner_box a img { width: 100%; }
  body .index_common_qa .qa_content .qa_right { width: 589px; margin-left: 14px; }
  body .index_common_qa .qa_content .qa_right .qa_item { height: 96px; margin-bottom: 10px; }
  body .index_common_qa .qa_content .qa_right .qa_item .min_img { width: 144px; height: 96px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info { width: 423px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty { margin-top: 23px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .tex_link { font-size: 14px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info > p { font-size: 12px; line-height: 23px; }
  body .index_common_qa .qa_content .qa_right .qa_item .decorate_info .font_sty font { font-size: 13px; }
  body .index_common_qa .qa_content .qa_right .gradient_box a { width: 285px; line-height: 42px; }
  body .index_common_data .data_content .data_list .type_item { width: 384px;  }
  body .index_common_case .content_wrapper .case_content .layout_part .layout_content ul li a .tex{  min-width: 60px; }
  body .index_common_data .data_content .data_list .type_item .data_item_head { padding: 24px 0 38px 0; height: 143px; margin: 0 9px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li { padding: 12px 8px 0 8px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  { }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .item_img { width: 138px; height: 89px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info { width: 220px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info > p { font-size: 13px; line-height: 22px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty { margin-top: 20px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li  .data_info .font_sty font { font-size: 13px; }
  body .index_common_data .data_content .data_list .type_item .data_item_content ul li:last-child {  }
  body .data_content  .zyj_list .tag {width:393px; }
  body .data_content  .zyj_list .tag .tag-img{height: 240px;}
  body .footer .footer_right{width: 36%;}
  body .footer .footer_left{width: 62%;}
  body .footer .footer_left > p{font-size: 14px;  padding-top: 25px;}
  .shops-offer .offer-center{width: 1220px;}
  .shops-offer .offer-center .input-tag{margin-left: 15px;width: 170px;}
  .shops-offer .offer-center .input-tag:last-child{margin-left: 30px;width: 170px}
  .shops-offer .offer-center .input-tag .input-box:nth-child(1){margin-left: 270px;}

}

/*# sourceMappingURL=screen.css.map */