@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust : none; -moz-text-size-adjust : none; -ms-text-size-adjust : none; -o-text-size-adjust : none; text-size-adjust : none; font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
html, body { background-color: #fff; line-height: 1; font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, SimSun, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; font-size: 14px; }
:focus { outline: 1; }
input, select { vertical-align: middle; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a { text-decoration: none; outline: none; color: #666; }
.main { overflow: hidden; box-sizing: content-box; }
.intro { font-family: Tungsten Light; }
a.logo { display: block; width: 422px; height: 72px; background: url(../images/logo.png); }
.sticky a.logo, .no-header a.logo { background: url(../images/logo2.png); }
header.site-header.no-header nav li a { color: #070808; }
.service { padding: 25px 0; background-color: #fff; padding-top: 40px !important; }
.service .container { border-bottom: 1px #e4e4e4 solid; padding-bottom: 25px; }
.container { margin: 0 auto; }
.container { /* width: 1024px; */
}
.service-ul { width: 70%; min-width: 1024px; padding-left: 40px; border: 0; font-size: 0; overflow: hidden; margin: 0 auto; }
.service-ul li { /* margin-left: 18px;
    margin-right: 46px; */
width: 20%; margin-top: 0; margin-bottom: 0; display: inline-block; vertical-align: middle; white-space: nowrap; }
.service-item { /* width: 103px; */
text-align: center; }
.service-ul li .service-item-name p { height: 52px; line-height: 52px; }
.service-item-icon { width: 65px; height: 65px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.service-item-name { color: #585858; font-size: 17px; margin-top: 8px; }
.icon-computer { background-image: url(../images/computer.png); }
.icon-computer:hover { background-image: url(../images/icon-computer.gif); }
.icon-click { background-image: url(../images/click.png); }
.icon-click:hover { background-image: url(../images/icon-click.gif); }
.icon-phone { background-image: url(../images/phone.png); }
.icon-phone:hover { background-image: url(../images/icon-phone.gif); }
.icon-cart { background-image: url(../images/cart.png); }
.icon-cart:hover { background-image: url(../images/icon-cart.gif); }
.icon-gear { background-image: url(../images/gear.png); }
.icon-gear:hover { background-image: url(../images/icon-gear.gif); }
.icon-terminal { background-image: url(../images/terminal.png); }
.icon-terminal:hover { background-image: url(../images/icon-terminal.gif); }
.index-p3 { padding: 35px 0 60px; background: #fff; }
.p3-content { text-align: center; }
.p3-content h2 { font-size: 48px; font-family: "Neutraface Bold"; color: #000; text-align: center; margin-bottom: 25px; }
.p3-content p { text-align: center; color: #2b2b2b; font-size: 16px; margin-bottom: 30px; }
.p3-content a { font-size: 24px; font-family: "Neutraface Bold"; color: #2b2b2b; display: inline-block; text-align: center; text-transform: uppercase; line-height: 1em; letter-spacing: 0.1em; border: 1px solid #353535; padding: 15px 50px 10px; border-radius: 40px; position: relative; outline: 0; z-index: 0; white-space: nowrap; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.p3-content a:hover { background-color: #353535; color: #fff; }
.index-p3 .p3line { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.p3line { width: 190px; border: 1px solid #d30007; margin: 1em auto; }
.p3Online { width: 380px; }
.owl-wrapper:after, .about-list ul:after, .yqlink_list:after { display: block; height: 0; font-size: 0; content: " "; visibility: hidden; clear: both; }
.about-list ul li { float: left; background-size: 100%; position: relative; overflow: hidden; }
.about-list ul li.abli_1 { width: 50.5%; padding-top: 48.5%; overflow: hidden; }
.about-list ul li.abli_2 { width: 49.5%; padding-top: 24.25%; }
.about-list ul li.abli_3 { width: 24.75%; padding-top: 24.25%; }
.about-list ul li.abli_4, .about-list ul li.abli_5 { width: 24.75%; height: 0; padding-top: 12.125%; }
.about-list ul li.abli_5 { }
.about-list ul li a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.about-list ul li:nth-of-type(1) a { background: rgba(0,0,0,0.3); }
.about-list ul li a:hover { background-color: rgba(125,0,0,0.85); }
.about-list ul li:nth-of-type(1) a:hover { background-color: #c5a47e; opacity: 0.95; }
.about-list ul li:nth-of-type(2) a:hover { background-color: #d40107; opacity: 0.95; }
.about-list ul li:nth-of-type(3) a:hover { background-color: #33499B; opacity: 0.95; }
.about-list ul li:nth-of-type(4) a:hover { background-color: #D35528; opacity: 0.95; }
.about-list ul li:nth-of-type(5) a:hover { background-color: #9ad9cb; opacity: 0.95; }
.about-list ul li a .about_txt { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.about-list ul li a .about_txt img { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 12; }
.about-list ul li a .about_txt img { max-width: 100%; }
.owl-item { float: left; }
.index-p4 { overflow: hidden; background: #fff; padding: 0 30px; }
.slides-p4 { margin: 0 -15px; }
.slides-p4 .banimg { position: relative; cursor: pointer; padding: 0 15px; }
.slides-p4 .banimg img { width: 100%; }
.item-txt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; padding: 0 15px; }
.item-txt a { display: block; position: relative; height: 100%; background: rgba(0,0,0,0.3); color: #fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.item-txt a:hover { background-color: rgba(125,0,0,0.85); }
.item_txtM { position: absolute; left: 3%; bottom: 5%; width: 94%; }
.item_txtM h3 { font-size: 32px; font-family: "verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 50px; margin-bottom: 8px; border-bottom: 1px solid #fff; }
.item_txtM p { font-family: Arial; }
.item_txtM .name { font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px; font-size: 18px; }
.index-p5 { padding: 130px 0 110px; background: #fff; }
.index-p5 .p3-content p { width: 720px; margin: 0 auto; }
.index-p4 .owl-pagination { padding-top: 15px; text-align: center; }
.index-p4 .owl-page { display: inline-block; width: 50px; height: 5px; background-color: #ccc; margin: 0 6px; cursor: pointer; }
.index-p4 .owl-pagination .owl-page.active { background: #df1f26; }
/* .index-p4 .owl-pagination .active span{display:block;height:1px;background-color:#fff;margin-top:2px;} */

.index_p7 { padding: 60px 0 0; background: #fff; }
.con_full { width: 75%; margin: 0 auto; }
.partent { overflow: hidden; margin-bottom: 100px; }
.title-en { color: #000; font-size: 36px; line-height: 1; margin: 0; margin-bottom: 25px; text-align: center; font-family: "Neutraface Bold"; font-weight: bold; }
.partent .item div { border: 1px solid #d4d4d4; margin: 10px; text-align: center; }
.partent .item div img { max-width: 100%; }
a.more { font-size: 12px; float: right; margin-top: 15px; color: #767676; width: 70px; height: 20px; line-height: 20px; display: block; background: url(../images/more_btn_01.png) no-repeat; padding-left: 12px; }
.menu-start-a-project span.starter { font-family: "Times New Roman"; font-size: 20px; color: #fff; font-weight: bold; }
.footer { background: #000; }
.footer.flex { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1; }
.add_ft { color: #fff; font-size: 30px; text-align: center; padding: 70px 0 60px; }
.address_ft { text-align: center; margin-bottom: 80px; }
.address_ft div { display: inline-block; text-align: left; }
.address_ft div p { font-size: 18px; color: #fff; font-weight: 500; }
.address_ft div p.red { color: #e50012; }
.address_ft div.addL { padding-right: 42px; background: url(../images/address1.jpg) right center no-repeat; }
.address_ft div.addM { padding-right: 56px; background: url(../images/address2.jpg) right center no-repeat; margin: 0 170px 0 175px; }
.address_ft div.addR { padding-right: 29px; background: url(../images/address3.jpg) right center no-repeat; }
.fenx { float: right; width: 108px; height: 31px; background: url(../images/fenx.png); }
.fenx a { display: inline-block; width: 31px; height: 31px; float: left; }
.fenx a:nth-of-type(2) { margin: 0 7px 0 8px; }
.foot_nav { float: right; padding-top: 5px; margin-right: 120px; }
.foot_nav a { color: #999; margin-right: 30px; }
p.icp { padding-bottom: 12px; font-size: 14px; font-family: Arial; color: #999; border-bottom: 1px solid #999; }
.yqlink { padding: 15px 0 18px; font-size: 13px; font-family: "宋体"; color: #666; }
.yqfl { height: 52px; line-height: 26px; background: url(../images/inco_link.png) left 31px no-repeat; font-family: "宋体"; color: #999; }
.yqlink_list { height: 52px; line-height: 26px; text-align: left; font-size: 0; }
.yqlink_list a { font-size: 13px; color: #999; display: inline-block; margin-right: 5px; font-family: "宋体"; }
.yqlink_list a+a { padding-left: 7px; margin-left: 5px; position: relative; }
.yqlink_list a+a:after { width: 1px; height: 12px; background: #666; content: ''; position: absolute; left: 0; top: 6px; }
/* work */
.work_head { padding: 110px 0 90px; text-align: center; background: #fff; }
.work_head h1, .contacts_p1 h1 { font-size: 9em; font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; margin: 0.5em auto 0.2em; line-height: 1; font-weight: 400; }
.work_head h1, .contacts_p1 h1 { font-size: 9em; font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; margin: 0.5em auto 0.2em; line-height: 1; font-weight: 400; }
.work_head span { font-size: 2em; font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; margin: 0.5em auto 0.2em; line-height: 1; font-weight: 400; }
.work_head p, .contacts_p1 p { font-size: 24px; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 30%; text-align: center; line-height: 1.75; color: #333; margin-bottom: 15px; }
.work_head a, .contacts_p1 a { font-size: 20px; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f00; }
.work_head a:hover { color: #d30007; }
.work_list { background: #FFF; }
.work_list .list_group { float: left; width: 23%; margin: 1%; /* padding-top:17%; */
position: relative; /* overflow:hidden;  */
animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 2.3s; }
.work_list .list_group:nth-child(4n+1) { animation-delay: 0.4s; }
.work_list .list_group:nth-child(4n+2) { animation-delay: 0.8s; }
.work_list .list_group:nth-child(4n+3) { animation-delay: 1.2s; }
.work_list .list_group:nth-child(4n+4) { animation-delay: 1.6s; }
.work_list .list_group .caseImgadm { position: relative; width: 100%; padding-top: 71%; overflow: hidden; }
.work_list .list_group.group100 { width: 100%; }
.work_list .list_group .caseImgadm>a { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: rgba(0,0,0,0.9); background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: .3s; transition: .3s; }
.work_list .list_group .caseImgadm>a:hover { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); }
.work_list .list_group .caseImgadm a .viewmore { position: absolute; top: 0px; background: #000; width: 100%; height: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; opacity: 0; }
.work_list .list_group .caseImgadm a:hover .viewmore { opacity: 0.7; }
.viewline { display: inline-block; width: 100px !important; height: 1px; background-color: #f2f2f2; position: absolute; left: 51%; margin-left: -50px; transition: all 0.6s ease 0s !important; top: 43%; }
.viewlinet { top: 55% !important; }
.viewtxt { position: absolute; top: 46%; color: #fff; left: 50%; margin-left: -19px; }
.work_list .list_group .caseImgadm a:hover .viewmore .viewline { width: 10px !important; margin-left: -3px; }
.work_list .list_group>a:hover .workline { width: 40%; }
.a_tit1 { display: block; height: 40px; margin-top: 25px; color: #000; font-size: 16px; margin-bottom: 10px; }
.a_tit1 span.span_tit1 { font-size: 22px; }
.a_tit1 span.a_shuxian { font-size: 16px; margin: 0 10px; }
.case_m_bot { color: #979797; font-size: 12px; text-align: right; padding-top: 7px; padding-bottom: 15px; }
.case_m_bot span { float: left; }
.case_m_bot a { color: #979797; }
.case_m_bot>a { position: relative; right: 0; transition: all 0.4s linear 0s; display: inline-block; width: 35px; height: 11px; background: url(../images/jiantou.png); }
.case_m_bot>a:hover { right: -5px; }
.case_m_bot a:hover { color: #637939; }
.work_list .list_group .work_content { width: 100%; opacity: 0; /* padding: 0 5%; */
z-index: 10; display: block; margin-left: auto; margin-right: auto; text-align: center; position: absolute; top: 50%; -webkit-transform: scale(1.2) translateY(-50%); -moz-transform: scale(1.2) translateY(-50%); -ms-transform: scale(1.2) translateY(-50%); -o-transform: scale(1.2) translateY(-50%); transform: scale(1.2) translateY(-50%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: .6s; transition: .6s; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.work_list .list_group>a:hover .work_content { opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-webkit-transform: scale(1) translateY(-50%); -moz-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); -o-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); }
.work_list .list_group .work_content h3 { font-size: 24px; color: #fff; font-family: "Microsoft YaHei", "verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }
.work_list .list_group.group100 .work_content h3 { font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100px; letter-spacing: 0.05em; }
.work_list .list_group .work_content p { padding: 0 10%; font-size: 18px; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 26px; height: 52px; overflow: hidden; }
.workline { width: 12%; height: 1px; margin: 18px auto; background: #fff; border-bottom: 1px solid #fff; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; transition: width 1s ease; }
.work-tit-li { position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 10; }
.work-tit-li li { opacity: 0; list-style: none; font-size: 16px; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 14px; color: #fff; text-align: left; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: opacity 2.5s ease-out; -moz-transition: opacity 2.5s ease-out; transition: opacity 2.5s ease-out; }
.work-tit-li li+li:after { content: "/"; width: 0; height: 0; background: #fff; position: absolute; left: -5px; top: -.01em; }
.work_list .list_group>a:hover .work-tit-li li { opacity: 1; }
.work_list .list_group>a:hover .work-tit-li li:nth-of-type(1) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; }
.work_list .list_group>a:hover .work-tit-li li:nth-of-type(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; }
.work_list .list_group>a:hover .work-tit-li li:nth-of-type(3) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; }
.work_list .list_group>a:hover .work-tit-li li:nth-of-type(4) { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; }
.overlay { position: absolute; height: 100%; width: 100%; z-index: 5; display: block; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,0.6); -webkit-transition: background-color 1s ease; -moz-transition: background-color 1s ease; transition: background-color 1s ease; }
.work_list .list_group:nth-child(n)>a:hover .overlay.overlay_ong { background: #df1f26; opacity: 0.9; }
.work_list .list_group:nth-child(2n)>a:hover .overlay.overlay_ong { background: #c5a47e; opacity: 0.9; }
.work_list .list_group:nth-child(3n)>a:hover .overlay.overlay_ong { background: #33499B; opacity: 0.9; }
.work_list .list_group:nth-child(4n)>a:hover .overlay.overlay_ong { background: #FCCF40; opacity: 0.9; }
.work_list .list_group:nth-child(5n)>a:hover .overlay.overlay_ong { background: #D35528; opacity: 0.9; }
.work_list .list_group:nth-child(6n)>a:hover .overlay.overlay_ong { background: #9ad9cb; opacity: 0.9; }
/* contacts */
.contacts_p1 { padding: 140px 0 90px; text-align: center; background-size: cover; background-position: 50% 50%; background-color: rgba(0,0,0,0.9); position: relative; }
.contacts_p1 .con_full { position: relative; z-index: 10; }
.contacts .contacts_p1 h1, .contacts .contacts_p1 p { color: #fff; }
.contacts .contacts_p1 a.link-line { display: inline-block; position: relative; padding-bottom: 10px; -webkit-transition: color, 0.6s, ease-out; -moz-transition: color, 0.6s, ease-out; transition: color, 0.6s, ease-out; box-sizing: border-box; }
.contacts .contacts_p1 a:after, .contLeft p a.link-invert:after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #d30007; content: ''; opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); -webkit-transition: opacity 0.3s, -webkit-transform .3s; -moz-transition: opacity 0.3s, -moz-transform .3s; transition: opacity 0.3s, transform .3s; box-sizing: border-box; }
.contacts .contacts_p1 a:hover { color: #e11f26; }
.contacts .contacts_p1 a:hover:after, .contacts .contacts_p1 a:focus:after, .contLeft p a.link-invert:hover:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); box-sizing: border-box; }
.contacts_p2 { display: table; width: 100%; background: #fff; }
.contLeft, .conRight { width: 50%; box-sizing: border-box; ; text-align: left; padding: 5%; display: table-cell; vertical-align: middle; }
.contLeft { background: url(../images/contact-address-bg2.jpg) }
.conRight { background-color: #eaeaeb; }
.contLeft h3, .conRight h3 { color: #fff; font-family: "verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 40px; margin: 1em 0 0.5em; }
.contLeft .p3line { margin: inherit; margin-bottom: 15px; }
.contLeft p { color: #d30007; font-family: "Microsoft YaHei", "verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1.75; }
.contLeft p.csmal { font-size: 24px; color: #fff; }
.contLeft p a.link-invert { color: #f00; position: relative; }
.contLeft p a.link-invert:hover { color: #d30007; }
.contLeft p a.link-invert:hover:after { }
.conRight h3 { text-align: center; color: #000; }
.conRight .p3line { width: 15%; }
.col-6 { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.col-12 { float: left; width: 100%; padding: 0 10px; box-sizing: border-box; }
.conInp input, .conInp textarea { display: block; width: 100%; border-radius: 0; border: 0; border-bottom: 1px solid #999; background-color: transparent; background: transparent; padding: 3em 1em 0.5em .1em; outline: none; color: rgba(0,0,0,0.9); margin: 0; -webkit-appearance: none; }
.conInp input.yzm { display: inline-block; width: 80px; margin-right: 1em; }
.conInp img { margin: 3.5em 0 0; height: 30px; vertical-align: bottom; }
.conInp input[type="submit"] { font-size: 110%; margin-top: 1.4em; padding: 10px 20px; background-color: #000; border: 1px solid #000; color: #fff !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; display: inline-block; width: auto; border-radius: 4px; cursor: pointer; }
.conInp input[type="submit"]:hover { background-color: #d30007; border: 1px solid #d30007; }
.contacts_p3 a { display: block; background: #d30007; color: #fff; padding: 50px 0; font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; font-size: 48px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; text-align: center; }
.contacts_p3 a:hover { background: #fff; color: #000; }
.col-8 { width: 66.66667%; float: left; padding: 0 10px; box-sizing: border-box; }
.col-4 { width: 33.33333%; float: left; padding: 0 10px; box-sizing: border-box; }
.contacts_p4 { padding: 50px 0; background: #eaeaeb; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; }
.jiange { min-height: 470px; position: relative; z-index: -2; }
.contacts_p4:hover { background: #d30007; }
.contacts_p4 h3 { font-family: "tungsten", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; font-size: 48px; letter-spacing: 0.07em; margin: 0; line-height: 1.35; color: #000; }
.contacts_p4 .con_p4Inp input[type="text"] { height: 60px; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; background: #fff; color: rgba(0,0,0,0.9); border: 2px solid #a4a6a9; outline: 0; padding: 0.4em .4em; margin: .3em 0; display: block; width: 100% !important; display: block !important; float: none !important; font-weight: 400; -webkit-appearance: none; -webkit-border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
.contacts_p4 .con_p4Inp input[type="submit"] { height: 56px; font-family: tungsten; font-size: 28px; letter-spacing: 0.1em; background: #000; color: #fff; padding: 0.4em .4em; border: 2px solid #000; margin: .3em 0; }
/* news */
.news h1 { padding-top: 30px; width: 100%; text-align: center; font-size: 3em; }
.news-nav { padding: 20px; line-height: 30px; background: #FDFAFA; }
.newNaLeft { float: left; }
.newNaLeft li { display: inline-block; margin-right: 12px; }
.newNaLeft li a, .newsNaRight li a { font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #353535; font-size: 20px; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; }
.newNaLeft li a:hover, .newNaLeft li.on a { color: #d30007; }
.newNaLeft li a span { display: inline-block; width: 25px; height: 25px; vertical-align: middle; }
.newsNaRight { float: right; }
.newsNaRight li { display: inline-block; margin-right: 13px; }
.newsNaRight li a { color: #d30007; }
.newsNaRight li a:hover { color: #8d0b0f; }
.news_list { background-color: #eaeaeb; padding: 20px; margin: 0 -5px; }
.col-3 { width: 25%; float: left; padding: 0 5px; box-sizing: border-box; }
.col-3 a { display: block; min-height: 780px; position: relative; background: #fff; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); margin-bottom: 15px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; border-bottom: 2px solid transparent; }
.col-3 a:hover { border-bottom-color: #d30007; }
.col-3 .newsImg { padding-top: 63%; position: relative; overflow: hidden; -webkit-animation: fade-in ease-in-out 0.75s both; -moz-animation: fade-in ease-in-out 0.75s both; animation: fade-in ease-in-out 0.75s both; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; }
.col-3 a:hover .newsImg { -webkit-filter: contrast(0.49) sepia(0.8) grayscale(0.4) saturate(1.9); filter: contrast(0.49) sepia(0.8) grayscale(0.4) saturate(1.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; }
.col-3 .newsImg img { max-width: 100%; position: absolute; top: 0; left: 0; }
.newsTxt { padding: 4px 15px; }
.newsTxt h4 { font-family: "verlag", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; margin: 30px 0 15px; }
.newsTxt p { font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #999; }
.newsTxt p.time { color: #353535; margin-bottom: 15px; }
.newsTxt p.more { position: absolute; left: 15px; bottom: 30px; color: #d30007; }
.page { background: #FCFBFA; border-bottom: 1px solid #F1F1F1; padding: 40px 20px; text-align: center; }
.page span, .page a { border: 1px solid #c5a47e; display: inline-block; text-align: center; padding: .1em .8em; line-height: 1.9em; border-radius: 4px; color: #c5a47e; font-family: "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; margin-right: 10px; -webkit-transition: color, 0.6s, ease-out; -moz-transition: color, 0.6s, ease-out; transition: color, 0.6s, ease-out; }
.page span { color: #aaa; border: 1px solid #aaa; }
.page a:hover { background: #c5a47e; border-color: #987145; color: #fff; }
/* advantage */
.advP1 { height: 924px; background: url(../images/advantage.jpg) center top no-repeat; position: relative; }
.advP1list { position: absolute; left: 0; bottom: 2.5%; width: 100%; font-size: 0; text-align: center; }
.advP1list li { display: inline-block; width: 165px; height: 165px; border-radius: 8px; margin: 0 8px; font-size: 16px; color: #fff; }
.advP1list li a { font-size: 16px; color: #fff; }
.advP1list li.li0 { background: #e50012; }
.advP1list li.li1 { background: #ff9434; }
.advP1list li.li2 { background: #43adc7; }
.advP1list li.li3 { background: #75c743; }
.advP1list li.li4 { background: #f2c12d; }
.advP1list li.li5 { background: #c448d7; }
.advP1list li .advInco { width: 65px; height: 76px; margin: 30px auto 0; }
.advP1list li.li0 .advInco { background: url(../images/advali01.png) no-repeat; }
.advP1list li.li1 .advInco { background: url(../images/advali02.png) no-repeat; }
.advP1list li.li2 .advInco { background: url(../images/advali03.png) no-repeat; }
.advP1list li.li3 .advInco { background: url(../images/advali04.png) no-repeat; }
.advP1list li.li4 .advInco { background: url(../images/advali05.png) no-repeat; }
.advP1list li.li5 .advInco { background: url(../images/advali06.png) no-repeat; }
.advpage { height: 796px; position: relative; }
.advP2 { background: #f1f1f1 url(../images/advp2.jpg) center top no-repeat; }
.advP2txt { position: absolute; left: 50%; top: 38.2%; margin-left: -320px; }
.advP2txt p, .advP3txt p, .advP4txt p, .advP5txt p, .advP6 p, .advP7txt p { line-height: 1; }
p.advP2_p1 { font-size: 20px; color: #000; margin-bottom: 15px; }
p.advP2_p2 { font-size: 50px; color: #e50012; font-weight: bold; margin-bottom: 15px; }
p.advP2_p3 { font-size: 16px; color: #6c6c6c; text-align: right; line-height: 28px; }
.advP3 { background: #d5e2eb url(../images/advp3.png) 20% center no-repeat; }
.advP3txt { position: absolute; left: 50%; top: 38.3%; margin-left: 190px; }
.advP4 { background: url(../images/advp5.jpg) center top no-repeat; }
.advP4txt { position: absolute; left: 50%; top: 37.7%; margin-left: -595px; }
.advP5 { background: url(../images/advp6.jpg) center top no-repeat; }
.advP5txt { position: relative; top: 114px; }
.advP5txt p.advP2_p2, .advP5txt p.advP2_p3 { text-align: center; }
.advP6 { background: url(../images/advp7.jpg) center top no-repeat; }
.advP6 p.advP2_p2, .advP6 p.advP2_p3 { color: #fff; text-align: center; white-space: nowrap; }
.advP6txt { position: relative; top: 70px; }
.advP6li4 ul, .advP6li5 ul { text-align: center; }
.advP6li4 ul li { display: inline-block; width: 190px; font-size: 16px; color: #fff; line-height: 30px; margin-top: 180px; }
.advP6li5 ul li { display: inline-block; width: 182px; font-size: 14px; line-height: 24px; }
.advP6li5 ul li.advP6li0 { color: #217ed4; position: relative; top: 150px; }
.advP6li5 ul li.advP6li1 { color: #d76d04; position: relative; top: 268px; }
.advP6li5 ul li.advP6li2 { color: #039c37; position: relative; top: 175px; }
.advP6li5 ul li.advP6li3 { color: #83ae20; position: relative; top: 251px; }
.advP6li5 ul li.advP6li4 { color: #856de3; position: relative; top: 160px; }
.advP7 { background: #fff5eb; }
.advP7txt { position: relative; top: 100px; }
.advP7txt p.advP2_p2, .advP7txt p.advP2_p3 { text-align: center; }
.advP7li4 ul { font-size: 0; text-align: center; }
.advP7li4 ul li { display: inline-block; width: 285px; height: 165px; padding-top: 44px; border-radius: 8px; font-size: 14px; color: #fff; text-align: left; vertical-align: top; margin: 0 10px; box-sizing: border-box; }
.advP7li4 ul li.advP7li01 { padding-left: 80px; background: #ce8e1d url(../images/advxli01.png) 28px center no-repeat; }
.advP7li4 ul li.advP7li02 { padding-left: 80px; background: #699b1d url(../images/advxli02.png) 28px center no-repeat; }
.advP7li4 ul li.advP7li03 { padding-left: 88px; padding-top: 50px; background: #d23f3e url(../images/advxli03.png) 36px center no-repeat; }
.advP7li4 ul li.advP7li04 { padding-left: 100px; padding-top: 50px; background: #9a0ca3 url(../images/advxli04.png) 48px center no-repeat; }
.advP7li4 { margin-top: 200px; }
.advP7pt { font-size: 21px; color: #e50012; text-align: center; margin: 90px auto 20px; }
.advP7pb { text-align: center; }
.advP7pb span { display: inline-block; height: 24px; padding-left: 31px; background: url(../images/advpInco.png) left center no-repeat; font-size: 16px; color: #e50012; margin: 0 9px; }
 
@font-face{
 font-family:Tungsten Light;
 font-style:normal;font-weight:400;
 src:url(../fonts/Tungsten-Light.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Tungsten-Light.woff2) format("woff2"),
 url(../fonts/Tungsten-Light.woff) format("woff"),
 url(../fonts/Tungsten-Light.ttf) format("truetype");
 }
 @font-face{
 font-family:Neutraface Bold;
 font-style:normal;font-weight:400;
 src:url(../fonts/Neutraface2Text-Bold.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Neutraface2Text-Bold.woff2) format("woff2"),
 url(../fonts/Neutraface2Text-Bold.woff) format("woff"),
 url(../fonts/Neutraface2Text-Bold.ttf) format("truetype");
 }
  @font-face{
 font-family:"Times New Roman";
 font-style:normal;font-weight:400;
 src:url(../fonts/Times New Roman.eot?#iefix) format("embedded-opentype"),
 url(../fonts/Times New Roman.ttf) format("truetype")
 }
   @font-face{
 font-family:"fzcuhei";
 font-style:normal;font-weight:400;
 src:url(../fonts/fzcuhei.eot?#iefix) format("embedded-opentype"),
 url(../fonts/fzcuhei.ttf) format("truetype")
 }

@font-face {
    font-family: 'urbycons';
    src: url("fonts/urbycons.eot")
}

 @media only all and (max-width: 1700px) {
.con_full { width: 1024px; }
}
.herobuttons .btn {
padding: .875rem 1.6875rem; line-height: 1; font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
.herobuttons .btn .filler { box-sizing: border-box; }
p.inserv { line-height: 80px; text-align: center; color: #585858; }
.container span { font-size: 17px; display: inline-block; padding: 0 10px; }
/* 推广 */
.w1200 { width: 1200px; margin: 0 auto; }
.innerban { width: 100%; height: 712px; background-position: center; }
.tuigP1 { background: #fff; text-align: center; padding: 78px 0 35px; }
.tuigP1 .h3, .tuigP3 .h3, .tuigP4 .h3 { font-size: 30px; font-weight: normal; color: #000; margin-bottom: 10px; }
.tuigP1 p.pp { width: 680px; line-height: 36px; color: #000; margin: 0 auto 50px; letter-spacing: 0; text-align: left; }
.tuigP1_on { text-align: center; }
.tuigP1 .tuigP1_txt { display: inline-block; position: relative; }
.tuigP1_txt p { line-height: 24px; color: #000; letter-spacing: 0; text-align: left; }
.tuigP1_txt p.tuigP1_01 { width: 190px; position: absolute; top: 68px; left: 35px; }
.tuigP1_txt p.tuigP1_02 { width: 228px; position: absolute; top: 5px; left: 408px; }
.tuigP1_txt p.tuigP1_03 { width: 228px; position: absolute; top: 83px; left: 640px; }
.tuigP1_txt p.tuigP1_04 { width: 205px; position: absolute; top: 369px; left: 67px; }
.tuigP1_txt p.tuigP1_05 { width: 170px; position: absolute; top: 266px; left: 730px; }
.tuigzx { position: absolute; width: 146px; height: 146px; top: 168px; left: 350px; }
.tuigP2 { width: 100%; height: 796px; background: #f7f9fc; background: url(../images/tuiguaBg02.jpg) center center no-repeat; }
.tuigP2T { padding-top: 78px; }
.tuigP2T .tuiseo, .tuigbaidu, .tuigoogle { width: 300px; float: left; text-align: center; }
.tuigbaidu { margin: 0 150px; }
.tuigP2T img { display: inline-block; margin-bottom: 35px; }
.tuigP2T h3 { font-size: 24px; color: #000; font-weight: normal; margin-bottom: 15px; }
.tuigP2T p { line-height: 30px; color: #000; }
p.p { color: #696464; font-size: 24px; text-align: center; padding: 110px 0 65px; }
.tuigP2more { height: 50px; background: url(../images/tuigulink.jpg) center no-repeat; margin: 0 -10px; }
.tuigP3 { height: 796px; background: #fff; text-align: center; }
.tuigP3 .h3 { padding: 74px 0 84px; }
.tuigP3 .w1200 { position: relative; }
.tuigP3img { position: absolute; top: -25px; left: -20px; z-index: 6 }
.tuigP3img2 { position: absolute; top: -10px; right: -135px; z-index: 5; }
.tuigP3text { position: relative; z-index: 99; padding-left: 154px; text-align: left; }
.tuigP3text h4 { font-size: 18px; font-weight: normal; color: #696464; line-height: 36px; }
.tuigP3text p { font-size: 14px; color: #696464; line-height: 36px; letter-spacing: 0; }
.tuigP3text .text1 { margin-bottom: 72px; }
.tuigP3text .text1 p { width: 648px; }
.tuigP3text .text2 { margin-bottom: 76px; }
.tuigP3text .text2 h4 { width: 490px; }
.tuigP3text .text3 p { width: 530px; }
.tuigP4 { background: #e9ecf3; text-align: center; }
.tuigP4 .w1200 { padding: 80px 0 0; }
.seolist ul { font-size: 0; text-align: left; margin: 65px 0 100px; }
.seolist ul li { display: inline-block; height: 48px; line-height: 48px; padding: 0 32px; background: #fff; border: 1px solid #cecece; font-size: 14px; text-align: center; margin: 0 5px 10px; color: #000; }
.seolc { padding: 70px 0; background: url(../images/tuigBgnum.jpg) left top no-repeat; margin: 45px -55px 0 -35px; text-align: left; }
.seolc1 { float: left; width: 436px; margin-left: 95px; }
.seolc2 { float: left; width: 450px; }
.seolc3 { float: left; width: 305px; }
.seolc h3 { font-size: 24px; color: #000; font-weight: normal; }
.jzP1 { background: #fff; padding: 78px 0 60px; }
.jztit { font-size: 30px; color: #000; text-align: center; line-height: 60px; }
.jztim { text-align: center; color: #000; }
.jzlist { width: 1312px; margin: 60px auto 0; }
.jzlist .jzlist_con { margin-left: -14px; }
.jzlist .jzlist_con .jzli { float: left; width: 428px; height: 260px; margin-left: 14px; margin-bottom: 14px; }
.jzlist .jzlist_con .jzli h3 { font-size: 24px; color: #fff; padding: 38px 0 34px 16px; }
.jzlist .jzlist_con .jzli ul { margin-left: 34px; }
.jzlist .jzlist_con .jzli ul li { width: 50%; float: left; color: #fff; line-height: 31px; position: relative; }
.jzlist .jzlist_con .jzli ul li:after { display: block; width: 6px; height: 1px; background: #ccc; content: ''; position: absolute; left: -10px; top: 50%; }
.jzlist .jzlist_con .jzli01 { background: url(../images/jzli01.jpg) no-repeat; }
.jzlist .jzlist_con .jzli02 { background: url(../images/jzli02.jpg) no-repeat; }
.jzlist .jzlist_con .jzli03 { background: url(../images/jzli03.jpg) no-repeat; }
.jzlist .jzlist_con .jzli04 { background: url(../images/jzli04.jpg) no-repeat; }
.jzlist .jzlist_con .jzli05 { background: url(../images/jzli05.jpg) no-repeat; }
.jzlist .jzlist_con .jzli06 { background: url(../images/jzli06.jpg) no-repeat; }
.jzP2 { height: 580px; background-position: center; }
.jzP3 { background: #fff; padding: 80px 0 70px; }
.jzP3list { width: 1238px; margin: 65px auto; }
.jzP3list ul { margin-left: -10px; }
.jzP3list ul li { float: left; width: 198px; height: 112px; margin: 0 0 10px 10px; }
.jz_contact { width: 1238px; margin: 100px auto 0; position: relative; }
.jz_contact textarea { width: 610px; height: 192px; border: 1px solid #ccc; float: right; font-size: 14px; padding: 10px; box-sizing: border-box; }
.jz_contact input[type="text"] { width: 600px; height: 52px; border: 1px solid #ccc; display: block; margin-bottom: 18px; box-sizing: border-box; font-size: 14px; padding-left: 15px; }
.jz_contact input[type="submit"] { width: 130px; height: 35px; background: #333; color: #fff; border-radius: 35px; box-sizing: border-box; font-size: 14px; position: absolute; top: 220px; right: 0; }
.jz_address p { font-family: "宋体"; color: #333; }
.pinp1, .pinp2 { background-position: center; background-repeat: no-repeat; }
.pinp1 { height: 836px; }
.pinp2 { height: 893px; }
.pinp2-xg { position: relative; }
.pinp2-xg img { vertical-align: top; }
.pinp2-xg p { width: 23%; position: absolute; left: 26.5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; color: #fff; }
.pinp2-xg p span { font-size: 16px; }
.pinp4 { background: #fff; padding: 60px 0 80px; }
.pinp4 #slides_pinp { width: 1200px; margin: 0 auto; }
.pinp4 #slides_pinp .slidesjs-pagination { text-align: center; margin-top: 20px; }
.pinp4 #slides_pinp .slidesjs-pagination li { display: inline-block; }
.pinp4 #slides_pinp .slidesjs-pagination li a { display: inline-block; width: 17px; height: 0; padding-top: 17px; overflow: hidden; border-radius: 17px; background: #464646; margin: 0 7px; }
.pinp4 #slides_pinp .slidesjs-pagination li a.active { background: #b50100; }
.item_pinp img { float: right; max-width: 550px; }
.item_pinp .pinp_txt { float: left; width: 600px; padding: 150px 25px 0; background: url(../images/team_bg.jpg) 8px 63px no-repeat; }
.item_pinp .pinp_txt h3 { font-size: 30px; color: #333; margin-bottom: 20px; font-weight: normal; }
.item_pinp .pinp_txt .pinp_det { color: #333; line-height: 24px; }
.hlwjia { background: #fff; padding: 0 0 100px; }
.hlwjia #slides_hlwj { width: 100%; margin: 0 auto; }
.hlwjia #slides_hlwj .slidesjs-pagination { text-align: center; z-index: 99; position: relative; bottom: 100px; }
.hlwjia #slides_hlwj .slidesjs-pagination li { display: inline-block; }
.hlwjia #slides_hlwj .slidesjs-pagination li a { display: inline-block; width: 17px; height: 0; padding-top: 17px; overflow: hidden; border-radius: 17px; background: #464646; margin: 0 7px; }
.hlwjia #slides_hlwj .slidesjs-pagination li a.active { background: #b50100; }
.item_hlwj img { float: right; width: 100%; }
.pinp5 { background: #f2f2f2; padding: 80px 0 55px; }
.pinp5 p { width: 942px; margin: 0 auto; }
.pinp6 { height: 575px; background: url(../images/pinphir.jpg) center top no-repeat; }
#pinpyear, .pinpyear_txt { width: 1266px; margin: 0 auto; }
.pinpyear_txt { position: relative; height: 180px; padding-top: 150px; margin-bottom: 50px; overflow: hidden; }
.pinpyear_txt ul { position: absolute; left: 0; }
.pinpyear_txt ul li { width: 1266px; float: left; text-align: center; }
.pinpyear_txt ul li h3 { font-size: 130px; color: #fff; font-family: Impact; font-weight: bold; margin-bottom: 15px; }
.pinpyear_txt ul li p { font-size: 15px; font-family: "黑体"; color: #fff; }
#pinpyear .owl-wrapper-outer { overflow: hidden; height: 70px; }
#pinpyear .owl-item .item { font-size: 30px; font-family: "微软雅黑", 'Heiti SC', "黑体", Arial; color: #fff; text-align: center; position: relative; cursor: pointer; padding-top: 7px; }
#pinpyear .owl-item .item:before { width: 100%; height: 1px; background: #fff; content: ''; position: absolute; left: 0; bottom: -20px; z-index: 10; }
#pinpyear .owl-item .item:after { width: 13px; height: 13px; background: url(../images/time-bg.png); content: ''; position: absolute; left: 50%; bottom: -26px; margin-left: -7px; }
#pinpyear .owl-buttons { position: relative; color: #fff; font-size: 36px; font-weight: bold; }
#pinpyear .owl-prev { position: absolute; left: -22px; top: -70px; cursor: pointer; }
#pinpyear .owl-next { position: absolute; right: -22px; top: -70px; cursor: pointer; }
#pinpyear .owl-prev:after { content: "<"; font-family: "宋体"; }
#pinpyear .owl-next:after { content: ">"; font-family: "宋体"; }
.pinp2N { height: 700px; position: relative; }
.pinp2N:before { content: ''; width: 100%; height: 100%; background: rgba(16, 16, 16, 0.77); z-index: 1; position: absolute; }
.pin2Ncon { position: relative; top: 140px; z-index: 99; width: 600px; margin: 0 auto; color: #fff; font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif }
.pin2Ncon h3 { font-size: 36px; line-height: 40px; text-align: center; margin-bottom: 30px; position: relative; }
.pin2Ncon h3:after { display: block; width: 40%; height: 0; border-bottom: 1px solid #fff; content: ''; position: absolute; bottom: -10px; left: 30%; }
.pin2Ncon p { font-size: 16px; line-height: 30px; text-align: center; }
.float { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; }
/* .float ul li{width:56px;height:56px;margin-bottom:5px;background:#df1f26 url(../images/inco_float.png) no-repeat;}
.float ul li a{display:block;width:56px;height:56px;}
.float ul li.p1{background-position:1px 1px;}
.float ul li.p2{background-position:2px -83px;}
.float ul li.p3{background-position:1px -166px;}
.float ul li.p4{background-position:-1px -235px;} */
.float ul li { width: 45px; height: 45px; margin-bottom: 5px; }
.float ul li a { display: block; width: 45px; height: 45px; }
.float ul li.p1 { background: #373737 url(../images/inco_floata.png) center no-repeat; }
.float ul li.p2 { background: #373737 url(../images/inco_floatb.png) center no-repeat; }
.float ul li.p3 { background: #373737 url(../images/inco_floatc.png) center no-repeat; }
.float ul li.p4 { background: #373737 url(../images/inco_floatd.png) center no-repeat; }