/**Author: zlr*Updated: 2018.7.2**/ html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, input, textarea, button { padding: 0; margin: 0; } body { min-width: 1300px; font-family:'\5FAE\8F6F\96C5\9ED1'; font-size: 14px; color: #333; } a { text-decoration: none; color: #333; } a.visited:visited{ color: #c7c7c7; } a:hover { color: #e62129; } img { border: none; outline: none; } ul, li { list-style: none } .fll { float: left; } .flr { float: right; } input, textarea, button { outline: none; border: none; } .clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { *+height: 1% } .header { height: 95px; } .inner { width: 1200px; margin: 0 auto; } .logo { width: 383px; height: 95px; background: url(../images/logo.jpg) no-repeat; display: block; float: left; } .head_right { width: 590px; float: right; } .head_link { width: 220px; float: left; height: 21px; margin-top: 38px; font-size: 14px; color: #666 } .head_link a.hover { background: url(../images/topicon.png) no-repeat; } .head_link a { float: left; margin-right: 22px; background: url(../images/allicon.png) no-repeat; height: 21px; line-height: 21px; color: #666; } .head_link a.icon1 { background-position: 0 1px; padding-left: 22px; } .head_link a.icon2 { background-position: 0 -28px; padding-left: 28px; } .head_link a.icon3 { background-position: 0 -58px; padding-left: 26px; } .head_link a.icon4 { background-position: 0 -90px; padding-left: 23px; color: #333!important; margin-right: 3px; } .head_link span { width: 12px; display: block; background: url(../images/allicon.png) no-repeat; background-position: 0 -184px; height: 21px; vertical-align: bottom; float: left; } .head_link a:hover { color: #e62129; } .head_link a.none { background: none; } .search { width: 342px; float: right; margin-top: 25px; } .s_input { background: url(../images/allicon.png) no-repeat; height: 42px; line-height: 42px; border: 2px solid #e62129; border-right: 0; background-position: 10px -119px; padding-left: 41px; width: 218px; float: left; } .s_input input { line-height: 36px; margin-top: 3px; font-size: 16px; } .seach_btn { float: left; width: 80px; height: 46px; line-height: 46px; color: #fff; background-color: #e62129; text-align: center; font-size: 18px; } .seach_btn:hover { color: #fff; background-color: #c70008; } .nav { height: 50px; line-height: 50px; background-color: #e62129; } .nav .mian_nav>li { float: left; margin-right: 2px; position: relative; height: 50px; } .nav .mian_nav li ul { display: none; } .nav .mian_nav>li>a { display: inline-block; color: #fff; font-size: 18px; padding: 0 23px; } .nav .mian_nav>li>a.cur, .nav .mian_nav>li>a:hover { background-color: #c70008; } .nav .mian_nav>li.cur { background-color: #e62129; } /* .nav .mian_nav > li:hover .sub_nav, .nav .mian_nav > li.cur .sub_nav{display:block;} */ .nav .mian_nav li ul.sub_nav { width: 120px!important; } .nav .sub_nav a { color: #333; text-align: center; display: block; } .nav .sub_nav a:hover, .nav .sub_nav a.cur { color: #fff; background-color: #e62129 } .nav .mian_nav li:hover .sub_nav { display: block; font-size: 14px; color: #fff; line-height: 28px; width: 100%; z-index: 9999; position: absolute; top: 49px; left: 0px; } .navallow { height: 20px; width: 100%; background: url(../images/navallow.png) no-repeat top center; } .nav .sub_nav li { background: url(../images/subbg.png) repeat-y top center; } .nav .subbot { background: url(../images/subbot.png) top center no-repeat; height: 8px; } .banner { width: 100%; height: 460px; background: url(../images/banner2.jpg) center center no-repeat; } .i_content { width: 1200px; margin: 18px auto 0; } .i_leftcon { width: 590px; float: left; } .i_rightcon1 { width: 590px; float: right; } .i_rightcon { width: 581px; float: right; } .i_con1 { height: 440px; } .i_con2 { height: 318px; padding-top: 18px; } .i_title { padding: 30px 0 20px 0; height: 28px; } .i_title h2, .i_title i, .i_title .en_dosc { display: block; float: left; } .i_title p{ float: right; font-size: 14px; line-height: 28px; color: #999; } .i_title p span{ display: inline-block; vertical-align: top; } .i_title p #todayNewNum, .i_title p #recommendNum { color: #e62129; font-weight: bold; } .i_title i { background-color: #e62129; width: 3px; height: 26px; margin-top: 1px; } .i_title h2 { color: #e62129; font-size: 28px; line-height: 28px; padding: 0 18px 0 9px; font-weight: normal; } .i_title span { font-size: 16px; color: #999; line-height: 28px; } .i_title a { float: right; color: #e62129; } .i_newslist { padding: 9px 10px 0 10px; height: 333px; overflow: hidden; } .i_news { padding-top: 18px; } .top_news { height: 97px; border-bottom: #dddddd dashed 1px; margin: 2px 8px 0 8px; } .top_news .name { font-size: 20px; line-height: 36px; margin-bottom: 6px; display: block; height: 36px; overflow: hidden; } .top_news .info { color: #787878; line-height: 20px; font-size: 14px; width: 466px; float: left; height: 40px; overflow: hidden; } .top_news .time { width: 85px; font-size: 14px; display: block; float: right; color: #787878; padding-top: 20px; } .line { border: 1px solid #e4e4e4; } .i_newslist .list { line-height: 32px; *line-height: 28px; font-size: 14px; padding: 10px 10px 0 0; } .i_newslist .list li { background: url(../images/allicon.png) no-repeat; background-position: 6px -153px; padding-left: 20px; height: 32px; *height: 28px; overflow: hidden; } .i_newslist .list li a { width: 410px; overflow: hidden; display: block; float: left; } .i_newslist .list li span { width: 85px; float: right; display: block; color: #999; } .i_conbox2 { height: 220px; overflow: hidden; } .job_more { background: url(../images/job.jpg) no-repeat; height: 55px; width: 200px; padding-top: 146px; float: left; margin: 10px 0 0 10px; } .notice_more { background: url(../images/notice.jpg) no-repeat; height: 201px; width: 200px; float: left; margin: 10px 0 0 10px; } .job_more a, .notice_more a { display: block; width: 90px; height: 30px; margin: 0 auto; background: rgba(230, 33, 41, 0.8); *background: #e62129; color: #fff; line-height: 30px; text-align: center; } .notice_more a.invitation_item{ margin: 115px auto 10px auto; } .job_more a:hover, .notice_more a:hover { background: rgba(244, 72, 79, 0.8); *background: #f4484f; } .i_conbox2_more a { display: block; margin: 0 auto 0; width: 90px; height: 30px; } .i_conbox2 .list { font-size: 14px; padding: 5px 10px 0 0; width: 351px; float: right; } .i_conbox2 .list li { background: url(../images/allicon.png) no-repeat; background-position: 6px -153px; padding-left: 20px; height: 35px; line-height: 35px; *height: 30px; *line-height: 30px; overflow: hidden; } .i_conbox2 .list li div{ width: 237px; overflow: hidden; float: left; } .i_conbox2 .list li div a{ max-width: 202px; display: block; float: left; overflow: hidden; } .i_conbox2 .list li div img{ width: 29px; height: 13px; display: block; float: left; margin: 9px 0px 0px 5px; } .i_conbox2 .list li span { width: 82px; float: right; display: block; color: #999; } .subsidiary { width: 340px; height: 301px; background: url(../images/service.jpg) no-repeat; float: left; color: #fff; } .subsidiary .tit { padding: 20px 0 67px 22px; } .subsidiary .tit h3 { font-size: 20px; } .subsidiary .tit p { font-size: 14px; line-height: 28px; } .subsidiary .inputcon { margin: 0px auto 20px; width: 300px; background-color: #fff; } .subsidiary .inputcon select { width: 100%; height: 34px; font-size: 14px; color: #666; text-align: center; border: none; border-radius: 0; outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 0 34px 0 8px; background: url(../images/sallow.jpg) no-repeat scroll right center transparent; } .subnav { width: 230px; float: right; } .subnav a { display: block; width: 228px; height: 66px; line-height: 68px; margin-bottom: 10px; text-align: center; background-color: #f5f8fa; border: #f5f8fa 1px solid; font-size: 16px; } .subnav a.hover { background-color: #fff; border: 1px solid #e62129; } .subnav a.hover i { background: url(../images/service_h.png) no-repeat; } .subnav a i { display: inline-block; vertical-align: middle; margin-right: 15px; width: 27px; height: 26px; background: url(../images/service.png) no-repeat; } .subnav a i.icon2 { background-position: 0 -43px; } .subnav a i.icon3 { background-position: 0 -85px; } .subnav a i.icon4 { background-position: 0 -130px; } .internet .app { width: 280px; float: left; } .internet ul { width: 920px; float: right; height: 120px; } .internet li { float: left; width: 228px; height: 118px; border: 1px solid #ddd; border-left-width: 0; text-align: center; vertical-align: middle; } .internet li a { display: block; } .internet li img { padding-top: 32px; } .tabnav { margin-top: 65px; } .tabnav li { float: left; width: 76px; text-align: center; border-bottom: 3px solid #fff; color: #333; font-size: 18px; cursor: pointer; margin-right: 47px; line-height: 45px; } .tabnav li:hover, .tabnav li.cur { color: #e62129; border-bottom: 3px #e62129 solid; } .piclist { width: 1200px; margin: 12px auto; position: relative; height: 224px; } .intro_pic { width: 1200px; height: 224px; position: absolute; left: 0; overflow: hidden; } .intro_pic ul { position: absolute; left: 0; width: 100000px; } .intro_pic li { width: 280px; margin-right: 26px; float: left; } .intro_pic .picsize { width: 280px; height: 180px; } .intro_pic p { text-align: center; font-size: 15px; color: #323232 } .intro_pic a:hover p { color: #e62129; } .piclist .btn { background: url(../images/allowbtn.png) no-repeat; width: 20px; height: 40px; display: block; position: absolute; } .piclist .btn:hover { background-image: url(../images/allowbtn2.png); } .piclist .btn.leftbtn { left: -38px; top: 65px; } .piclist .btn.rightbtn { background-position: 0 -45px; right: -38px; top: 65px; } .footer .inner { padding: 24px 0 14px; } .bottom1 { height: 266px; background-color: #fff; color: #666; padding-bottom: 5px; } .bottom1 .tel { width: 265px; height: 227px; background: url(../images/tel.png) no-repeat; float: left; background-position: 11px 50px; } .bottom1 .nametit { line-height: 38px; font-size: 17px; font-weight: normal; } .bottom1 p { font-size: 14px; line-height: 28px; } .bottom1 a { font-size: 14px; line-height: 28px; display: block; } .bottom1 p .block { padding-left: 14px; } .bottom1 p .block1 { padding-left: 42px; } .bottom1 p .block2 { padding-left: 42px; } .bottom1 .txt1 { float: left; margin-left: 50px; width: 328px; } .bottom1 .txt2 { float: left; width: 158px; } .bottom1 .txt3 { float: left; width: 146px; } .bottom1 .codebox { width: 252px; float: right; margin-top: 44px; } .codebox>div { width: 112px; height: 112px; float: left; margin: 0 2px 0 10px; } .codebox>div p { text-align: center; } .bottom2 { background-color: #eeeeee; height: 93px; } .bottom2 .inner { padding: 15px 0; text-align: center; } .bottom2 .inner p { color: #888888; font-size: 14px; line-height: 32px; } .bottom2 .imgbox { padding-right: 6px; vertical-align: middle; } .box { width: 100%; height: 460px; /* background-size:100% 100%!important; */ background-repeat: no-repeat!important; background-position:center!important; } .slider { position: relative; width: 100%; height: auto; overflow: hidden; } /*鐩掑瓙甯﹀鍣�*/ .slides { height: auto; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } .slide { height: auto; float: left; clear: none; } .slider .arrowsWrapper { width: 1200px; margin: 0 auto; position: absolute; top: 0; left: 50%; height: 100%; margin-left: -600px; } .slider-arrow { position: absolute; display: block; margin-bottom: -20px; width: 40px; height: 40px; line-height: 40px; background: url(../images/b_allow.png) no-repeat; overflow: hidden; text-indent: 9999px; } .slider-arrow-right { bottom: 50%; right: -40px; background-position: 0 -45px; } .slider-arrow-left { bottom: 50%; left: -40px; } .slider-nav { position: absolute; bottom: 30px; } .slider-nav_item { width: 12px; height: 12px; float: left; clear: none; display: block; margin: 0 5px; background: #8d8b8f; border-radius: 100%; } .slider-nav_item:hover { background: #fff; } .slider-nav_item_cur { background: #fff; } .com_carousel { height: 390px; overflow: hidden; } .com_carousel .sub { position: relative; width: 580px; height: 100%; background-color: #f3f3f3; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .com_carousel .sub .img_box { width: 580px; height: 100%; overflow: hidden; position: relative; } .com_carousel .sub .img_box ul { position: absolute; top: 0; left: 0; } .com_carousel .sub .img_box li { font-size: 0; } .com_carousel .sub .img_box li img { width: 580px; height: 390px; font-size: 14px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .com_carousel .sub .info_box { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; background-color: rgba(0, 0, 0, 0.66); *background-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0)\0; border-bottom-left-radius: 3px; } .com_carousel .sub .info_box li { width: 100%; } .com_carousel .sub .info_box h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-weight: normal; color: #fff; padding: 0 120px 0 24px; line-height: 36px; } .com_carousel .sub .info_box p { height: 112px; overflow: hidden; font-size: 12px; color: #666; line-height: 28px; } .com_carousel .sub .dot_box { position: absolute; bottom: 8px; right: 16px; cursor: pointer; } .com_carousel .sub .dot_box span { padding: 4px; } .com_carousel .sub .dot_box span i { display: block; width: 10px; height: 10px; border-radius: 5px; background-color: #c2c2c2; } .com_carousel .sub .dot_box span.cur i { background-color: #e62129; } .com_carousel .sub .lbtn, .com_carousel .sub .rbtn { width: 20px; height: 31px; position: absolute; cursor: pointer; background-image: url('http://css.ccement.com/img/news_ccement/aiicon.png'); background-repeat: no-repeat; top: 50%; margin-top: -15px; } .com_carousel .sub .lbtn { left: 17px; background-position: 3px -160px; } .com_carousel .sub .rbtn { left: 387px; background-position: -20px -160px; } .com_carousel .card { width: 192px; } .com_carousel .card .item { width: 192px; height: 108px; position: relative; margin-bottom: 10px; font-size: 0 } .com_carousel .card .item img { width: 100%; height: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .com_carousel .card .item p { position: absolute; background-color: rgba(0, 0, 0, 0.55); width: 100%; bottom: 0; left: 0; border-bottom-right-radius: 3px; } .com_carousel .card .item p span { display: block; font-size: 12px; line-height: 18px; color: #fff; overflow: hidden; margin: 8px; max-height: 36px; } .newsbanner { width: 100%; height: 320px; background: url(../images/newsbanner.jpg) no-repeat center top; min-width: 1200px; } .aboutbanner { width: 100%; height: 320px; background: url(../images/about_banner.jpg) no-repeat center top; min-width: 1200px; } .partyBanner { width: 100%; height: 320px; background: url(../images/party_banner.jpg) no-repeat center top; min-width: 1200px; } .serviceBanner { width: 100%; height: 320px; background: url(../images/servicebanner.jpg) no-repeat center top; min-width: 1200px; } .certificateBanner { width: 100%; height: 320px; background: url(../images/certificate_banner.jpg) no-repeat center top; min-width: 1200px; } .ratioBanner { width: 100%; height: 320px; background: url(../images/ratio_banner.jpg) no-repeat center top; min-width: 1200px; } .contactbanner { width: 100%; height: 320px; background: url(../images/contact_banner.jpg) no-repeat center top; min-width: 1200px; } .sub_content { background-color: #f9f9f9; padding: 22px 0 39px; } .subbox { width: 1200px; margin: 0 auto; } .subbox .leftcon { width: 240px; float: left; background-color: #fff; } .subbox .rightcon { width: 940px; float: right; } .subbox .title { height: 80px; line-height: 80px; text-align: left; background-color: #e62129; position: relative; } .subbox .title span { font-size: 20px; color: #fff; font-weight: bold; } .subbox .title i { height: 26px; width: 38px; display: inline-block; background: url(../images/inner_title.png) no-repeat; vertical-align: middle; } .subbox .title i.about { width: 42px; background-position: 0 -206px; margin-left: 35px; } .subbox .title i.news { width: 25px; margin: -2px 10px 0 40px; background-position: 0 -93px; } .subbox .title i.contact { width: 42px; background-position: 0 -53px; margin-left: 40px; } .subbox .title i.service { width: 28px; height: 30px; margin: -2px 10px 0 40px; background-position: 0 -127px; } .subbox .title i.ratio { width: 28px; height: 30px; margin: -2px 10px 0 40px; background-position: 0 -164px; } .subbox .title em { position: absolute; left: 47px; bottom: -7px; width: 12px; height: 7px; display: block; background: url(../images/inner_title.png) no-repeat; } .subbox .menu { margin: 0 15px 0; padding-top: 28px; } .subbox .menu>a { height: 36px; line-height: 36px; padding-left: 28px; display: block; background-color: #f2f2f2; border-radius: 18px; color: #333; margin-bottom: 28px; } .subbox .menu>a>.icon { width: 12px; height: 12px; background: url(../images/jiajie.png) no-repeat; background-position: 0 0; float: right; margin: 12px 18px 0 0; *margin-top: -24px; } .subbox .menu i { display: inline-block; background: url(../images/smenu_icon.png) no-repeat; width: 30px; height: 24px; vertical-align: middle; } .subbox .menu>a:hover, .subbox .menu a.cur { background-color: #e62129; color: #fff; } .subbox .menu i.hover { background: url(../images/smenu_icon_h.png); } .subbox .menu i.icon.hover { background: url(../images/jiajie.png) no-repeat; background-position: 0 -46px; } .subbox .menu>a.cur i.icon { background: url(../images/jiajie.png) no-repeat; background-position: 0 -12px; } .subbox .menu>a.cur i { background: url(../images/smenu_icon_h.png); } .subbox .menu>a i.n1 { background-position: 0 -248px; } .subbox .menu>a i.n2 { background-position: 0 -275px; } .subbox .menu>a i.n3 { background-position: 0 -303px; } .subbox .menu>a i.n4 { background-position: 0 -328px; } .subbox .menu>a i.a1 { background-position: 0 2px; } .subbox .menu>a i.a2 { background-position: 0 -25px; } .subbox .menu>a i.a3 { background-position: 0 -52px; } .subbox .menu>a i.a4 { background-position: 0 -81px; } .subbox .menu>a i.a5 { background-position: 0 -110px; } .subbox .menu>a i.a6 { background-position: 0 -139px; } .subbox .menu>a i.a7 { background-position: 0 -165px; } .subbox .menu>a i.a8 { background-position: 0 -189px; } .subbox .menu>a i.a9 { background-position: 0 -219px; } .subbox .menu>a.cur i.c1 { background: url(../images/smenu_icon_h.png) 0 -355px; } .child_menu { padding: 0 30px 0 35px; margin-top: -8px; margin-top: -9px; padding-bottom: 7px; display: none; } .child_menu>li { line-height: 30px; padding-bottom: 12px; } .child_menu>li>a { color: #666; font-size: 14px; } .subbox .menu .child_menu>li>a>i { width: 5px; height: 9px; float: left; margin-top: 10px; margin-right: 19px; background: url(../images/jiajie.png) no-repeat; background-position: 0 -35px; } .subbox .menu .child_menu>li>a:hover, .subbox .menu .child_menu>li>a.active { color: #e62129; } .subbox .menu .child_menu>li>a:hover i, .subbox .menu .child_menu>li>a.active i { background-position: 0 -25px; } .subbox .position { margin-bottom: 15px; height: 35px; font-size: 16px; color: #e62129; line-height: 20px; border-bottom: 1px solid #dddddd; } .subbox .position span { padding: 0 16px; color: #333; } .subbox .position i { width: 3px; height: 20px; display: inline-block; background-color: #e62129; margin-right: 11px; vertical-align: top; } .subbox .main { background-color: #fff; } .subbox .newsul li { height: 72px; line-height: 72px; padding: 0 21px 0 31px; font-size: 16px; color: #666; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .subbox .newsul a { width: 710px; float: left; display: block; } .subbox .newsul span { width: 130px; text-align: right; display: block; float: right; } .subbox .ipaging { text-align: center; padding: 35px 0 35px; } .subbox .ipaging a { display: inline-block; *display: inline; *zoom: 1; color: #333; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #cccccc; border-radius: 2px; font-size: 16px; margin: 0 2px; } .subbox .ipaging a.cur { border-color: #e62129; color: #fff; background-color: #e62129 } .subbox .ipaging a:hover { border-color: #e62129; color: #fff; background-color: #e62129 } .subbox .ipaging a.next { width: 45px; } .newsdetail h1 { text-align: center; color: #333; font-size: 24px; line-height: 52px; padding: 46px 20px 0; } .news_time { margin: 0px 40px 30px 60px; border-bottom: 1px solid #eeeeee; height: 53px; line-height: 30px; text-align: center; } .news_time span { font-size: 14px; color: #999; padding: 0 6px; } .newsdetail .infotxt { color: #333; line-height: 30px; font-size: 14px; padding: 0 35px 0 30px; } .newsdetail .infotxt p { line-height: 30px; padding-bottom: 15px; font-size: 14px; } .newsdetail .fromto { padding: 0 35px 30px 30px; font-size: 14px; line-height: 34px; color: #666; } .newsdetail .from { display: block; float: left; width: 450px; } .newsdetail .share { width: 212px; float: right; } .newsdetail .share .tit { float: left; width: 56px; line-height: 34px; } .contactus .pname { line-height: 54px; height: 54px; padding-top: 10px; font-size: 16px; font-weight: normal; margin-left: 30px; } .contactus .mapbox { width: 900px; height: 360px; margin: 0 10px 0 30px; } .contactus .company_list { margin: 20px 0 0 30px; } .contactus .company_list li { margin-bottom: 23px; } .contactus .company_list li .name { line-height: 40px; color: #e62129; font-size: 20px; border-bottom: 1px solid #dddddd; } .contactus .company_list li strong { display: block; line-height: 32px; padding: 12px 0 2px 0; } .contactus .company_list li span { display: block; line-height: 32px; color: #666666; } .contactus .company_list .fll { width: 460px; float: left; } .contactus .company_list .flr { width: 443px; float: right; } .showmore { height: 48px; line-height: 48px; text-align: center; background-color: #fff; margin-top: 11px; } .showmore a { display: block; border: 1px solid #ddd; } .showmore a:hover { border: 1px solid #e62129; } .wxbanner { background: url(../images/wxbanner.jpg) no-repeat center top; width: 100%; height: 540px; margin-bottom: 43px; } .wxbanner .codebox { width: 600px; float: right; text-align: center; padding-top: 127px; } .wxbanner .codebox img { text-align: center; width: 288px; height: 288px; } .wxbanner .codebox p { font-size: 16px; color: #fff; line-height: 24px; text-align: center; } .aboutcon { padding: 45px 30px 35px; } .aboutcon p img { text-align: center; vertical-align: middle; } .aboutcon p { line-height: 30px; padding-bottom: 30px; font-size: 14px; } .aboutcon .bottom_p p { padding-bottom: 10px; } .aboutdetail_hd { padding: 0 60px; margin-top: -45px; position: relative; margin-bottom: 45px; } .aboutdetail_hd h3 { font-size: 24px; text-align: center; padding: 57px 0 46px 0; border-bottom: 1px solid #eeeeee; } .link_w { padding: 0 30px; } .link_w strong { font-size: 16px; line-height: 30px; } .link_w p { line-height: 30px; margin: 0; padding-bottom: 0; } .subbox .menu.party_menu i { width: 20px; margin-right: 10px; margin-top: 2px; background: url(../images/party.png) no-repeat; } .subbox .menu.party_menu>a.cur i { background: url(../images/party.png) no-repeat; } .subbox .menu.party_menu>a i.n1 { background-position: 0 0; } .subbox .menu.party_menu>a i.n2 { background-position: 0 -25px; } .subbox .menu.party_menu>a i.n3 { background-position: 0 -49px; } .subbox .menu.party_menu>a.cur i.n1, .subbox .menu.party_menu>a:hover i.n1 { background-position: -30px 0; } .subbox .menu.party_menu>a.cur i.n2, .subbox .menu.party_menu>a:hover i.n2 { background-position: -30px -25px; } .subbox .menu.party_menu>a.cur i.n3, .subbox .menu.party_menu>a:hover i.n3 { background-position: -30px -49px; } .subbox .menu.service_menu i { width: 18px; margin-right: 10px; margin-top: 2px; background: url(../images/service_icon.png) no-repeat; } .subbox .menu.service_menu>a.cur i { background: url(../images/service_icon.png) no-repeat; } .subbox .menu.service_menu>a i.tomore { margin: 12px 18px 0 0; *margin-top: -24px; background: url(../images/jiajie.png) no-repeat; } .subbox .menu.service_menu>a.cur i.tomore { background-position: 0 -12px; } .subbox .menu.service_menu>a:hover i.tomore { background-position: 0 -46px; } .subbox .menu.service_menu>a.cur:hover i.tomore { background-position: 0 -12px; } .subbox .menu.service_menu>a i.n1 { background-position: 0 0; } .subbox .menu.service_menu>a i.n2 { background-position: 0 -30px; } .subbox .menu.service_menu>a i.n3 { height: 21px; margin-top: 0; background-position: 0 -60px; } .subbox .menu.service_menu>a i.n4 { background-position: 0 -82px; } .subbox .menu.service_menu>a.cur i.n1, .subbox .menu.service_menu>a:hover i.n1 { background-position: -18px 0; } .subbox .menu.service_menu>a.cur i.n2, .subbox .menu.service_menu>a:hover i.n2 { background-position: -18px -30px; } .subbox .menu.service_menu>a.cur i.n3, .subbox .menu.service_menu>a:hover i.n3 { background-position: -18px -60px; } .subbox .menu.service_menu>a.cur i.n4, .subbox .menu.service_menu>a:hover i.n4 { background-position: -18px -82px; } .service_w2 .about_us { padding: 45px 60px 0; } .service_w2 .about_us p { line-height: 28px; padding-bottom: 15px; font-size: 14px; } .product_w2 { padding: 30px 30px 45px; } .product_w3 { padding-bottom: 10px; } .product_w2 .about_us>p { line-height: 30px; /*text-indent: 2em;*/ } .product_w2 .about_us>p strong { color: #e62129; font-size: 16px; padding-top: 30px; display: block; padding-bottom: 10px; } .product_w3 .about_us>p { padding-bottom: 35px; } .product_w2 .about_us .p_w>p { line-height: 30px; padding: 0 30px; } .product_w2 .about_us h5 { display: block; line-height: 32px; font-size: 16px; padding: 35px 0 25px 0; } .rig_Img { float: right; margin-left: 25px; /*margin-top: -120px;*/ position: relative; } .lef_Img { float: left; margin-right: 25px; } .project_w { padding: 45px 60px 10px; } .project_w .serive_center { /* padding-left: 30px; */ } .project_w .serive_center p { line-height: 30px; padding-bottom: 15px; font-size: 14px; } .project_w .performancelist { width: 690px; margin: 0 auto; } .project_w .performancelist>li { float: left; padding: 0 20px; padding-bottom: 10px; width: 190px; } .project_w .performancelist>li>a { display: block; text-align: center; line-height: 20px!important; width: 190px; } .project_w .performancelist>li>a img { width: 100%; height: 122px; } .product_w5 { padding: 45px 44px; } .product_w5 .ke-zeroborder td { line-height: 30px!important; padding: 5px 0; text-align: center; } .product_w5 .ke-zeroborder td.bg1 { background-color: #f8f0f0; } .product_w5 .ke-zeroborder tr { background-color: #ffffff; } .product_w5 .ke-zeroborder tr.bg2 { background-color: #fffbfb; } /* 鍥炲埌椤堕儴 */ .gotop { width: 50px; height: 50px; background: #e62129; position: fixed; right: 30px; bottom: 30px; border-radius: 5px; display: none; } .gotop:hover { background: #d00e16; } .gotop a { width: 100%; height: 100%; display: block; background: url(../images/top.png) no-repeat; background-position: 15px 6px; } .gotop a span { padding-top: 24px; display: block; color: #ffffff; font-size: 16px; text-align: center; } /* 鍙充晶骞垮憡 */ .advertise { width: 168px; height: 88px; position: fixed; right: 150px; /* bottom: 188px; */ bottom: 220px; border-radius: 5px; } /* .advertise div{ display: block; width: 100%; height: 100%; background: url(../images/home_advertise.png) no-repeat; margin-bottom: 10px; } */ .advertise a { display: block; width: 100%; height: 100%; background: url(../images/home_advertise.png) no-repeat; margin-bottom: 10px; position: relative; } .advertise a.agent{ background: url(../images/agent.png) no-repeat; } .advertise a.supplier{ background: url(../images/supplier.png) no-repeat; } .advertise a:last-child{ margin-bottom: 0px; } .advertise a div{ position: absolute; top: -8px; right: -10px; min-width: 18px; height: 18px; line-height: 18px; border-radius: 50%; -webkit-border-radius: 50%; padding: 2px; overflow: hidden; background: #fff; z-index: 99; } .advertise a span{ display: block; width: 100%; height: 100%; text-align: center; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; background: #e62129; font-size: 12px; color: #fff; } .share_w { float: right; padding-left: 45px; height: 34px; line-height: 34px; } .share_w em { margin-right: 30px; float: left; } .share_w span { float: left; } .share_w a { float: left; /* padding-top: 10px; */ padding-left: 10px; position: relative; line-height: 34px; } .share_w a>img { vertical-align: middle; } .flash { text-align: center; padding: 45px 0 45px; } /*娴峰椤圭洰*/ .overseas_item { height: 300px; padding: 0px 120px; margin-bottom: 50px; } .overseas_list { padding: 0px 15px; float: left; font-size: 14px; } .global_list_catalog { padding-left: 40px; color: #d71311; font-size: 24px; margin-bottom: 20px; } .stateList { margin-bottom: 20px; } .stateList:last-child { margin-bottom: 0px; } .siteIcon_img { float: left; margin-top: 10px; } .foreign_list { color: #000; margin-left: 40px; } .foreign_list p { line-height: 30px; font-size: 14px; } .foreign_list a { color: #000; } .foreignName { font-weight: 550; font-size: 18px !important; } .overseas_earthImg { width: 300px; height: 300px; float: right; } .siteIcon_img { width: 25px; height: 29px; }