@charset "utf-8"; body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } table th, table td { padding: 5px; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var, i { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } ception, th { text-align: left; } q:before, q:after { content: ""; } abbr, acronym { border: 0; } a { color: #666; text-decoration: none; } /*for ie f6n.net*/ a:focus { outline: none; } /*for ff f6n.net*/ /*定位*/ .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .bc { margin-left: auto; margin-right: auto; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .zoom { zoom: 1; } .hidden { visibility: hidden; } .vam { vertical-align: middle; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; } .curp { cursor: pointer; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } input, button, textarea, select, optgroup, option { font-family: inherit; outline: none; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { *font-size: 100%; } input, select { vertical-align: middle; } body { font: 12px/1.231 arial, helvetica, clean, sans-serif; } select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; } table { font-size: inherit; font: 100%; border-collapse: collapse; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /*title*/ h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } .clearfix:before,.clearfix:after,.pro_con .pro_left .left_con:before,.pro_con .pro_left .left_con:after,.row:before,.row:after{ content:"";display:table; } .clearfix:after,.pro_con .pro_left .left_con:after,.row:after{ content: ""; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { zoom: 1; } body { font: 14px/1.5 "Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif; background-color: #ffffff; color: #333; overflow-x: hidden; } .header, .content, .footer, .container { margin-left: auto; margin-right: auto; width: 1200px; } .wrap-header { height: 45px; background: #e8e8e8; } .header { max-width: 1200px; height: 45px; margin: 0 auto; } .header p { float: left; height: 45px; line-height: 45px; font-size: 14px; color: #555; width: 600px; } .header p i { color: #785200; } .header .hdu1 { float: right; height: 16px; margin-top: 15px; } .header .hdu1 li { float: left; height: 16px; font-size: 13px; color: #333333; padding: 0 9px; line-height: 16px; border-left: 1px dotted #8d8d8c; position: relative; cursor: pointer; } .header .hdu1 li a { color: #333333; } .header .hdu1 li:first-child { border-left: 0; } .header .hdu1 li span { display: none; position: absolute; right: 0; top: 15px; width: 135px; height: 135px; z-index: 9; padding: 25px 10px 10px 10px; background: #e8e8e8; } .header .hdu1 li span img { width: 137px; height: 137px; } .header .hdu1 li:hover span { display: block; } .logo { background: url(../images/l_bg.png) repeat-x center; } .logo .alibaba{position: absolute;top: 50%;left: 50%;margin-top: -26px;margin-left: -90px;} .logo .container { height: 140px; position: relative; } .logo .logoImg { float: left; margin-top: 30px; height: 80px; } .logo .logoImg img { display: block; height: 100%; } .logo .tel { height: 53px; position: absolute; right: 0; top: 48px; padding-right: 55px; background: url(../images/l_tel.png) no-repeat right center; } .logo .tel .tel_p1 { font-size: 18px; color: #666; height: 18px; line-height: 18px; } .logo .tel .tel_p2 { font-size: 26px; color: #0c624f; height: 30px; line-height: 30px; padding-top: 5px; } .Nav { height: 55px; border-bottom: 1px solid #171717; z-index: 5; position: relative; background-color: #0c624f; } .Nav.fixed{ position: fixed; width: 100%; top: 0; } .Nav .navBox { line-height: 55px; } .Nav .navUl { width: 102%; } .Nav .navUl > li { font-size: 14px; float: left; width: 135px; /* background: url(../images/navbd.png) no-repeat left center; */ margin-left: 1px; text-align: center; position: relative; } .Nav .navUl > li a { display: block; color: #fff; border-bottom: 1px solid #171717; } .Nav .navUl > li:hover a, .Nav .navUl > li.cur a { background-color: #f08400; border-bottom: 1px solid #f08400; } .Nav .navUl > li:first-child a { display: block; background-image: url(../images/navicon01.png); background-position: 30px center; background-repeat: no-repeat; text-indent: 1.5rem; } .Nav .navUl > li .subnav { background: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 199; } .Nav .navUl > li .subnav { filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5); opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .Nav .navUl > li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .Nav .navUl > li .subnav a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #666; display: block; font-size: 13px; font-weight: 500; line-height: 40px; height: 40px; padding: 0; transition: all 0.2s ease-in-out 0s; width: 100%; border-bottom: 1px solid #eee; background: #fff; } .Nav .navUl > li .subnav a:hover { color: #0c624f; background: #f9f9f9; } .wrap-footer { background: #333333; } .footer { position: relative; color: #fff; } .footer a { color: #b6b6b6; } .footer .f_left { width: 180px; height: 280px; text-align: center; background: #fff; position: absolute; left: 0; top: 0; } .footer .f_left dl dt { padding-top: 22px; margin-bottom: 10px; } .footer .f_left dl dt img { display: block; margin: 0 auto; width: 160px; height: 160px; } .footer .f_left dl dd.dd1 { font-size: 14px; color: #333; } .footer .f_left dl dd.dd2 { font-size: 13px; width: 125px; margin: 16px auto 12px auto; height: 9px; position: relative; border-bottom: 1px solid #999999; } .footer .f_left dl dd.dd2 i { display: block; width: 70px; margin: 0 auto; background: #fff; color: #333; } .footer .f_left dl dd.dd3 { font-size: 20px; color: #0c624f; font-weight: bold; } .footer .f_top { margin-left: 180px; height: 50px; border-bottom: 1px solid #545454; padding-left: 40px; } .footer .f_top ul.top_ul li { float: left; width: 105px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; } .footer .f_top ul.top_ul li:first-child { padding-left: 0; } .footer .f_top ul.top_ul li:hover a { color: #fff; } .footer .f_bot { margin-left: 180px; padding: 32px 0px 15px 40px; overflow: hidden; } .footer .f_bot ul.bot_ul1 { padding: 0 55px 0 55px; border-left: 1px solid #545454; float: left; } .footer .f_bot ul.bot_ul1:first-child { padding-left: 0; border-left: none; } .footer .f_bot ul.bot_ul1 li { line-height: 28px; font-size: 13px; position: relative; color: #b6b6b6; } .footer .f_bot ul.bot_ul1 li i { display: block; height: 18px; width: 3px; background: #fff; position: absolute; left: -19px; top: 0; } .footer .f_bot ul.bot_ul1 li:first-child { font-size: 14px; font-weight: bold; margin-bottom: 15px; height: 18px; line-height: 18px; } .footer .f_bot ul.bot_ul1 li:first-child a { color: #fff; } .footer .f_bot ul.bot_ul1 li:hover a { color: #fff; } .f_icp { text-align: center; height: 43px; line-height: 43px; background: #0c624f; color: #fff; font-size: 13px; } .f_icp a { color: #fff; } .f_icp img { position: relative; top: 5px; left: 5px; } /*首页大图*/ #flashs { position: relative; height: 800px; overflow: hidden; } #flashs .bgitem { background-position: center top; background-repeat: no-repeat; height: 800px; width: 100%; cursor: pointer; margin: 0px auto; z-index: 1; position: absolute; top: 0; } #flashs .btn { width: 100%; text-align: center; position: absolute; bottom: 15px; left: 0; z-index: 15555555; } #flashs .btn span { display: inline-block; width: 69px; height: 7px; background: #fff; margin-left: 6px; cursor: pointer; font-size: 0; border: 1px solid #c2bab4; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #flashs .btn span:first-child { margin-left: 0; } #flashs .btn .cur { background: #0c624f; border: 1px solid #0c624f; } p.p_title { font-size: 32px; text-align: center; font-weight: bold; padding-top: 50px; text-transform: uppercase; color: #cccccc; } h2.h2_title { text-align: center; font-size: 32px; margin-bottom: 30px; } h2.h2_title i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 230px; height: 3px; } h2.h2_title i.titl { background: url(../images/titl01.png) no-repeat right center; } h2.h2_title i.titr { background: url(../images/titr01.png) no-repeat left center; } h2.h2_title a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; color: #333; } h2.h2_title span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; color: #333; } .wrap-search { height: 80px; background: url(../images/l_bg.png); } .search .keyword { font-size: 14px; color: #333; float: left; margin-top: 32px; height: 16px; line-height: 16px; } .search .keyword span { float: left; width: 90px; color: #333; font-weight: bold; } .search .keyword p { float: left; } .search .keyword p a { float: left; color: #888; font-size: 14px; margin-right: 10px; } .search .keyword p a:hover { color: #0c624f; } .search .keyword a:first-child { padding-left: 0; border-left: none; } .search .inp { float: right; width: 360px; height: 41px; margin-top: 19px; border: 1px solid #dbdbdb; overflow: hidden; background: #fff; } .search .inp input { border: none; height: 41px; line-height: 41px; width: 314px; float: left; text-indent: 12px; font-size: 14px; color: #888; } .search .inp .sea { display: block; float: right; width: 44px; height: 23px; position: relative; top: 9px; background: url(../images/search.png) no-repeat center; border-left: 1px solid #d3d3d3; cursor: pointer; } .product { padding-bottom: 30px; background: #fff; } .pro_con .pro_left { padding: 0 13px 13px 13px; } .pro_con .pro_left h2 { padding: 30px 0; text-align: center; position: relative; font-size: 27px; height: 33px; background: #0c624f; width: 240px; display: none; } .pro_con .pro_left h2 a { color: #fff; } .pro_con .pro_left h2 i { display: block; font-size: 12px; text-transform: uppercase; color: #fff; } .pro_con .pro_left .left_con {margin-right: -15px;} .pro_con .pro_left .left_con .con_p1 { height: 44px; line-height: 44px; font-size: 18px; background: #0c624f; color: #fff; border-radius: 5px; float: left; width: calc(100%/ 6 - 15px); margin-right: 15px; text-align: center; } .pro_con .pro_left .left_con .con_p1 a { color: #fff; display: block; } .pro_con .pro_left .left_con ul { padding-bottom: 20px; display: none; } .pro_con .pro_left .left_con ul li { height: 40px; font-size: 14px; position: relative; border-bottom: 1px solid #e6e6e6; } .pro_con .pro_left .left_con ul li a { display: block; line-height: 40px; height: 40px; padding-left: 12px; } .pro_con .pro_left .left_con a.pro_more { display: block; height: 42px; line-height: 42px; font-size: 18px; border: 1px solid #0c624f; color: #0c624f; border-radius: 3px; text-align: center; display: none; } .pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a { color: #0c624f; } .pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover { background: #e6e6e6 url(../images/projt.png) no-repeat 190px center; } .pro_con .con_right {margin-right: -15px;} .pro_con .con_right h3 { font-size: 25px; overflow: hidden; position: relative; margin-bottom: 20px; } .pro_con .con_right h3 a { color: #333; } .pro_con .con_right h3 em { font-size: 14px; color: #999999; margin-left: 15px; text-transform: uppercase; } .pro_con .con_right h3 a.ckgda { float: right; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; color: #666; } .pro_con .con_right .r_top { height: 346px; border: 1px solid #d8d8d8; background: url(../images/probg.png); position: relative; border-top: 5px solid #029a47; overflow: hidden; } .pro_con .con_right .r_top ul { position: relative; } .pro_con .con_right .r_top ul li { float: left; position: relative; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li .top_Img { display: block; width: 891px; height: 346px; position: absolute; left: 0px; top: 0; } .pro_con .con_right .r_top ul li .top_Img img { display: block; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li dl { width: 365px; background: #fff9; padding: 30px 25px; position: absolute; left: 425px; top: 74px; box-shadow: 3px 3px 10px #d1e4e6; } .pro_con .con_right .r_top ul li dl dt { font-size: 25px; color: #0c624f; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; } .pro_con .con_right .r_top ul li dl dd { font-size: 14px; line-height: 20px; } .pro_con .con_right .r_top ul li dl em { display: block; width: 14px; height: 30px; position: absolute; left: -14px; top: 30px; background: url(../images/rla.png) no-repeat center; } .pro_con .con_right .r_top .pro_btnl { display: block; width: 32px; height: 82px; background: url(../images/jtl01.png) no-repeat center; position: absolute; left: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_top .pro_btnr { display: block; width: 32px; height: 82px; background: url(../images/jtr01.png) no-repeat center; position: absolute; right: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_bot { margin-top: 0; } .pro_con .con_right .r_bot dl { width: calc(100% / 4 - 15px); margin: 0 14px 18px 0; float: left; } .pro_con .con_right .r_bot dl { margin-right: 15px; margin-bottom: 15px; } .pro_con .con_right .r_bot dl dt { overflow: hidden; } .pro_con .con_right .r_bot dl dt img { display: block; width: 100%; transition: .2s all ease; } .pro_con .con_right .r_bot dl dd { height: 44px; line-height: 44px; text-align: center; font-size: 16px; background: #7b7b7b; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .pro_con .con_right .r_bot dl dd a { color: #fff; } .pro_con .con_right .r_bot dl:hover dt img { transform: scale(1.1); } .pro_con .con_right .r_bot dl:hover dd { background: #0c624f; } /*把控品质*/ .advantage { height: 1895px; background: url(../images/advbg02.jpg) no-repeat center bottom; position: relative; } .advantage .adv_top { height: 172px; background: url(../images/advbg01.png) no-repeat center top; } .advantage .adv_top p.p_title { padding-top: 32px; color: #fff; } .advantage .adv_top h2.h2_title span { color: #fff; } .advantage .adv_top h2.h2_title i.titl { background: url(../images/titl02.png) no-repeat right center; } .advantage .adv_top h2.h2_title i.titr { background: url(../images/titr02.png) no-repeat left center; } .advantage .adv_con { height: 1722px; position: relative; } .advantage .adv_con .conbox { height: 322px; margin-top: 16px; } .advantage .adv_con .conbox .conImg { width: 522px; } .advantage .adv_con .conbox .contit { width: 470px; padding-top: 65px; position: relative; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; height: 255px; } .advantage .adv_con .advbd { display: block; width: 1px; height: 1734px; position: absolute; left: 50%; margin-left: -0.5px; top: -27px; background: #0c624f; z-index: 999; } .advantage .adv_con .conbox .contit .adv_num { display: block; width: 105px; height: 105px; background: url(../images/advnum.png) no-repeat center; color: #fff; text-align: center; font-weight: bold; color: #fff; line-height: 105px; font-size: 36px; position: absolute; top: 100px; } .advantage .adv_con .conbox .contit h3 { font-size: 28px; color: #333; } .advantage .adv_con .conbox .contit h3 i { display: block; font-size: 18px; text-transform: uppercase; color: #999; margin-bottom: 40px; } .advantage .adv_con .conbox .contit .adv_p1 { font-size: 16px; color: #333; line-height: 34px; } .advantage .adv_con .conbox .contit.fr { padding-left: 100px; padding-right: 30px; } .advantage .adv_con .conbox .contit.fl { padding-left: 30px; padding-right: 100px; } .advantage .adv_con .conbox .contit.fr .adv_num { left: -52px; } .advantage .adv_con .conbox .contit.fl .adv_num { right: -52px; } .advantage .adv_con .conbox .adv_p2 a { display: block; margin-top: 15px; width: 123px; height: 35px; line-height: 35px; background: url(../images/ljzxa.png) no-repeat center; text-indent: 22px; font-size: 14px; color: #fff; } .advantage .adv_con .conbox:last-child .contit { border-bottom: none; } .zxzx { height: 264px; background: #0c624f; } .zxzx .container { height: 264px; position: relative; } .zxzx .zxzxbg { width: 238px; height: 288px; background: url(../images/zxzxbg01.png) no-repeat center; position: absolute; left: 0; top: -24px; } .zxzx .conleft { margin-left: 238px; padding-top: 30px; color: #fff; } .zxzx .conleft .zxzx_p1 { margin-bottom: 15px; } .zxzx .conleft .zxzx_p2 { overflow: hidden; position: relative; margin-bottom: 10px; } .zxzx .conleft .zxzx_p2 span { float: left; margin-right: 15px; padding-left: 12px; font-size: 16px; background: url(../images/zxzx02.png) no-repeat left center; } .zxzx .conleft .zxzx_p3 { width: 440px; height: 42px; line-height: 42px; text-align: center; font-size: 22px; color: #4b440d; background: #fde200; border-radius: 25px; box-shadow: 3px 3px 10px #00803a; margin-bottom: 15px; } .zxzx .conleft .zxzx_tel { padding-left: 55px; height: 50px; background: url(../images/zxzx_tel.png) no-repeat left center; } .zxzx .conleft .zxzx_tel .p1 { font-size: 14px; height: 20px; line-height: 20px; } .zxzx .conleft .zxzx_tel .p2 { font-size: 28px; font-weight: bold; height: 30px; line-height: 30px; } .zxzx .conright { width: 401px; padding: 24px 32px; background: #00672f; height: 216px; color: #fff; } .zxzx .conright h4 { font-size: 30px; font-weight: normal; margin-bottom: 15px; } .zxzx .conright h4 span { display: block; font-size: 20px; } .zxzx .conright .info_p1 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p1 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx03.png) no-repeat center; } .zxzx .conright .info_p1 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .info_p2 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p2 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx04.png) no-repeat center; } .zxzx .conright .info_p2 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .ljtja { display: block; width: 100%; height: 40px; font-size: 21px; text-align: center; line-height: 40px; color: #413b0c; background: #fde200; border: 0; cursor: pointer; } .sbzs { padding-bottom: 15px; } .sbzs h2.h2_title { margin-bottom: 10px; } .sbzs .sbzs_p1 { font-size: 18px; text-align: center; margin-bottom: 35px; } .sbzs .sbzs_con { height: 470px; position: relative; padding-top: 20px; padding: 0 68px; } .sbzs .zg { height: 470px; margin: 0 auto; position: relative; overflow: hidden; } .sbzs .zg .iteam { position: absolute; overflow: hidden; } .sbzs .zg .iteam span { display: block; background: #000; } .sbzs .zg .iteam img { opacity: 0.6; filter: alpha(opacity=60); } .sbzs .zg .iteam.active span { padding: 5px; background: #ccc; } .sbzs .zg .iteam.active img { opacity: 1; filter: alpha(opacity=100); } .sbzs .zg .iteam.active .item_p1 { line-height: 40px; height: 40px; text-align: center; font-size: 16px; } .sbzs .btn01 { position: absolute; left: 0; top: 140px; background: url(../images/jtl01.png) no-repeat center; width: 32px; height: 82px; cursor: pointer; z-index: 4; } .sbzs .btn02 { position: absolute; right: 0; top: 140px; background: url(../images/jtr01.png) no-repeat center; width: 32px; height: 82px; cursor: pointer; z-index: 4; } /*四大理由*/ .xzdb { height: 1684px; background: url(../images/advbg02.jpg) no-repeat center top; } .xzdb h2.h2_title { margin-bottom: 10px; } .xzdb .container { height: 1684px; position: relative; } .xzdb .xzdb_p1 { height: 42px; background: url(../images/xzdbbg03.png) no-repeat center; line-height: 42px; text-align: center; color: #fff; font-size: 20px; } .xzdb .xzdb_con .conbox { position: absolute; width: 560px; } .xzdb .xzdb_con .conbox .box_top { padding: 18px 0 0 72px; } .xzdb .xzdb_con .conbox .box_top span { display: block; width: 49px; height: 69px; border: 3px solid #bfbfbf; position: absolute; left: 0; top: 0; } .xzdb .xzdb_con .conbox .box_top i { display: block; width: 28px; padding-top: 30px; margin: 0 auto; font-size: 22px; border-bottom: 3px solid #bfbfbf; font-weight: bold; } .xzdb .xzdb_con .conbox .box_top .p1 { font-size: 22px; font-weight: bold; color: #333; } .xzdb .xzdb_con .conbox .box_top .p2 { font-size: 16px; text-transform: uppercase; color: #bfbfbf; } .xzdb .xzdb_con .conbox .box_top em { display: block; width: 127px; height: 3px; background: #0c624f; margin-top: 8px; } .xzdb .xzdb_con .conbox ul { margin-top: 50px; } .xzdb .xzdb_con .conbox ul li { font-size: 16px; color: #333; margin-bottom: 15px; height: 24; line-height: 24px; background: url(../images/icon01.png) no-repeat left center; padding-left: 22px; } .xzdb .xzdb_con .conbox ul li b { color: #0c624f; } .xzdb .xzdb_con .con1 { right: 0; top: 258px; } .xzdb .xzdb_con .con2 { left: 0; top: 595px; } .xzdb .xzdb_con .con3 { right: 0; top: 930px; } .xzdb .xzdb_con .con4 { left: 0; top: 1330px; } .xzdb .xzdb_con .xzdb_tel { display: block; width: 322px; height: 92px; background: url(../images/xzdbtel.png) no-repeat left top; position: absolute; left: 570px; top: 1390px; } .xzdb .xzdb_con .xzdb_tel span { display: block; width: 46px; height: 46px; background: url(../images/zxzx_tel.png) no-repeat center; position: absolute; left: 32px; top: 15px; } .xzdb .xzdb_con .xzdb_tel .p1 { font-size: 14px; color: #fff; padding-top: 15px; margin-left: 90px; } .xzdb .xzdb_con .xzdb_tel .p2 { font-size: 26px; color: #fff; margin-left: 90px; } .xzdb .xzdb_con .conimg { position: absolute; width: 600px; height: 480px; background-size: 80% !important; } .xzdb .xzdb_con .conimg.img1 { top: 108px; left: 0; background: url(../images/xzdb01.png) no-repeat center 93px; } .xzdb .xzdb_con .conimg.img2 { top: 469px; right: 22px; background: url(../images/xzdb02.jpg) no-repeat center 60px; } .xzdb .xzdb_con .conimg.img3 { top: 832px; left: -1px; background: url(../images/xzdb03.jpg) no-repeat center top; } .xzdb .xzdb_con .conimg.img4 { top: 1205px; right: 22px; background: url(../images/xzdb04.png) no-repeat center top; } .dzlc { background: #0c624f; height: 425px; } .dzlc .dzlcline { height: 425px; background: url(../images/line01.png) no-repeat center 215px; } .dzlc p.p_title { color: #ffffff; } .dzlc h2.h2_title span { color: #fff; } .dzlc h2.h2_title i.titl { background: url(../images/titl02.png) no-repeat right center; } .dzlc h2.h2_title i.titr { background: url(../images/titr02.png) no-repeat left center; } .dzlc .dzlc_con { height: 180px; background: url(../images/dzlc01.png) no-repeat center top; } .dzlc .dzlc_con ul { height: 30px; line-height: 30px; text-align: center; padding-top: 140px; } .dzlc .dzlc_con ul li { float: left; font-size: 16px; color: #fff; width: calc(100% / 7); margin-left: 0 !important; } .dzlc .dzlc_con ul li:first-child { } .dzlc .dzlc_ljzx { display: block; width: 153px; height: 36px; line-height: 36px; text-indent: 31px; font-size: 14px; color: #fff; background: url(../images/jtr02.png) no-repeat 94px center; border: 1px solid #fff; margin: 15px auto 0 auto; } .dzal { padding-bottom: 70px; } .dzal h2.h2_title { margin-bottom: 10px; } .dzal .dzal_p1 { font-size: 18px; color: #666; text-align: center; margin-bottom: 30px; } .dzal .dzal_con dl { width: calc(100% / 3 - 15px); float: left; position: relative; margin-right: 15px; } .dzal .dzal_con dl:first-child { margin-left: 0; } .dzal .dzal_con dl dt { position: relative; overflow: hidden; } .dzal .dzal_con dl dt img { display: block; width: 100%; height: auto; transition: all 0.5s; object-fit: none; } .dzal .dzal_con dl dt img:hover { transform: scale(1.1); } .dzal .dzal_con dl dd.dd1 { font-size: 18px; font-weight: bold; margin: 30px 0 12px 0; text-align: center; } .dzal .dzal_con dl dd.dd1 a { color: #333; } .dzal .dzal_con dl dd.dd1 em { display: block; width: 32px; height: 3px; background: #999999; margin: 20px auto 0 auto; } .dzal .dzal_con dl dd.dd2 { font-size: 14px; line-height: 24px; height: 72px; padding: 0 25px; overflow: hidden; display: none; } .dzal .dzal_con dl dd.dd2 a { color: #333; } .dzal .dzal_con dl dd.dd3 { height: 36px; line-height: 36px; text-align: center; font-size: 14px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: center; } .dzal .dzal_con dl dd.dd3 a { color: #fff; display: inline-block; width: 140px; background-color: #f08400; } .dzal .dzal_con dl:hover dd.dd3 { background: #0c624f; } .about { padding-bottom: 55px; background: url(../images/bg01.png); } .about .conleft { width: 600px; height: 380px; } .about .conleft img { width: 100%; height: 100%; } .about .conright { width: 505px; height: 320px; background: #fff; padding: 30px; position: relative; } .about .conright h3 { font-size: 25px; margin-bottom: 30px; } .about .conright h3 span { display: block; width: 14px; height: 25px; position: absolute; left: 0; top: 31px; background: url(../images/aboicon01.png) no-repeat center; } .about .conright h3 a { color: #333; } .about .conright h3 i { display: block; font-size: 16px; color: #999; text-transform: uppercase; } .about .conright p { font-size: 14px; line-height: 24px; } .about .conright p a { color: #333; } .about .conright a.ckgda { display: block; width: 124px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; color: #fff; background: #0c624f; border-radius: 5px; margin-top: 30px; } .news { padding-bottom: 50px; height: 654px; } .news .conleft { position: relative; } .news .conleft .l_more { position: absolute; right: 5px; top: 8px; font-size: 14px; color: #333; } .news .news_type { border: 3px solid #0c624f; background: #fff; margin-bottom: 30px; } .news .news_type a { float: left; width: 50%; color: #222; height: 55px; line-height: 55px; position: relative; text-align: center; font-size: 18px; } .news .news_type a i { text-transform: uppercase; font-size: 14px; } .news .news_type a.cur { background: #0c624f; color: #fff; } .news .news_con .conleft { width: 800px; } .news .news_con .conleft .concase { display: none; } .news .news_con .conleft .concase.cur { display: block; } .news .news_con .conleft dl { padding: 0 0 20px 216px; position: relative; height: 200px; border-bottom: 1px solid #; } .news .news_con .conleft dl dt { width: 196px; height: 196px; position: absolute; left: 0; top: 0; } .news .news_con .conleft dl dt img { width: 100%; height: auto; } .news .news_con .conleft dl dd.dd1 { height: 30px; line-height: 30px; font-weight: bold; } .news .news_con .conleft dl dd.dd1 a { color: #333; font-size: 16px; float: left; width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news .news_con .conleft dl dd.dd1 span { float: right; font-size: 14px; color: #555; } .news .news_con .conleft dl dd.dd2 { margin-top: 5px; line-height: 24px; font-size: 14px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 96px; } .news .news_con .conleft dl dd.dd3 { margin-top: 25px; } .news .news_con .conleft dl dd.dd3 a { display: block; width: 99px; height: 33px; line-height: 33px; text-align: center; background: #0c624f; color: #fff; font-size: 14px; border-radius: 5px; } .news .news_con .conleft ul { margin-top: 20px; } .news .news_con .conleft ul li { height: 40px; width: 365px; border-bottom: 1px dashed #d0d0d0; line-height: 40px; padding-left: 20px; font-size: 14px; background: url(../images/newsicon.png) no-repeat left center; } .news .news_con .conleft ul li a { float: left; width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; } .news .news_con .conleft ul li span { float: right; color: #666; width: 80px; } .news .news_con .conleft ul li:hover a { color: #0c624f; } .news .news_con .conright { width: 340px; } .news .news_con .conright .r_top { height: 61px; background: #0c624f; font-size: 18px; line-height: 61px; text-align: center; } .news .news_con .conright .r_top i { font-size: 14px; } .news .news_con .conright .r_top a { color: #fff; text-transform: uppercase; } .news .news_con .right_con { position: relative; overflow: hidden; } .news .news_con .wtcont { height: 424px; margin-top: 10px; overflow: hidden; } .news .news_con .conright dl { padding: 15px 0; font-size: 14px; width: 330px; border-bottom: 1px dashed #e7e7e7; } .news .news_con .conright dt { padding: 2px 0; padding-left: 30px; font-weight: bold; font-size: 16px; height: 22px; line-height: 22px; background: url(../images/news_q.png) no-repeat left center; } .news .news_con .conright dt a { color: #333; } .news .news_con .conright dd { height: 60px; margin-top: 13px; overflow: auto; background: url(../images/news_a.png) no-repeat left top; } .news .news_con .conright dd a { display: block; color: #868686; line-height: 20px; height: 60px; margin-left: 30px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .yqlj { padding-top: 30px; background: url(../images/l_bg.png); padding-bottom: 15px; } .yqlj .container { position: relative; } .yqlj h4 { background: url(../images/yqljbd.png) no-repeat center 45px; font-size: 26px; text-align: center; margin-bottom: 20px; } .yqlj h4 a { color: #333; } .yqlj h4 em { display: block; margin: 0 auto; font-size: 32px; color: #ccc; height: 30px; line-height: 30px; font-weight: bold; } .yqlj ul { padding: 20px 20px 20px 0; position: relative; z-index: 1; } .yqlj ul li { float: left; padding-right: 15px; font-size: 14px; height: 20px; line-height: 20px; position: relative; } .yqlj a.yqlj_more { display: block; width: 15px; height: 16px; background: url(../images/yqljbg02.png) no-repeat center; position: absolute; right: 5px; top: 105px; z-index: 3; } .yqlj ul li a { color: #555; } .yqlj ul li:hover a { color: #0c624f; } .toolbar { width: 52px; position: fixed; right: 1%; top: 50%; margin-top: -115px; z-index: 999; } .toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ebebeb solid 1px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i { width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0 0 8px; background: url(../images/rightFixIcon.png) no-repeat 0 0; } .toolbar dd.gottop { display: none; } .toolbar .slide-tel { display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #fff; position: absolute; padding: 0 0 0 53px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; } .toolbar .pop { position: absolute; right: 90px; top: -65px; background: #0c624f; display: none; } .toolbar .pop-code { width: 160px; } .toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; } .toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; } .toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; } .toolbar .qq span { background-position: -35px -47px; } .toolbar .qq a { width: 52px; height: 52px; cursor: pointer; display: block; } .toolbar .qq:hover { background-color: #0c624f; border-radius: 100%; } .toolbar .qq:hover span { background-position: 0 -47px; } .toolbar .tel span { background-position: -35px 0; } .toolbar .tel:hover { background: #0c624f; } .toolbar .tel:hover span { background-position: 0 0; } .toolbar .code span { background-position: -35px -95px; } .toolbar .code:hover { background-color: #0c624f; border-radius: 100%; } .toolbar .code:hover span { background-position: 0 -95px; } .toolbar .top span { background-position: -35px -142px; } .toolbar .top:hover { background-color: #0c624f; border-radius: 100%; } .toolbar .top:hover span { background-position: 0 -142px; } .home-title {margin-bottom:20px} .home-title.small {margin-bottom:20px} .m-sm, .m-sm-white {font-size:12px;line-height:150%;color:#999;text-transform:uppercase;margin:0} .h-h2, .h-h2-white {font-size: 30px;color:#333;line-height:150%;margin:2px 0 5px 0} .xx, .xx-white {border-bottom: 2px solid #fff;display:block;height:4px;max-width:60px;margin:0 auto 20px auto} .m-sm2, .m-sm2-white {font-size:14px;line-height:150%;color: #111;padding-bottom:30px;margin-bottom:0;border-bottom:1px solid #ddd} .h-h2-white {color:#fff} .xx-white {border-bottom:2px solid #fff} .m-sm-white, .m-sm2-white {color:rgba(255,255,255,0.70)} .m-sm2-white {border-bottom:1px solid rgba(255,255,255,0.30)} .youshi.sx-jianju .home-title{padding: 50px 0;} .text-center{text-align:center;} .youshi.sx-jianju {padding-bottom:0} .youshi.sx-jianju *{box-sizing:border-box} .youshi {background:#333 url(../images/youshi-bg.jpg) no-repeat top center} .youshi .jj {padding: 0 0 50px 0;} .youshi .jj figure {margin-top:20px} .youshi .jj h3 {font-size:18px;margin:0;color:#fff} .youshi .jj p.bt {display:block;text-transform:uppercase;font-size:14px;color:rgba(255,255,255,0.5);margin-bottom:20px} .youshi .jj p.hj {line-height:36px;color:#fff} .youshi-content {background:#fff} .youshi-content-box {padding:50px 30px;border:1px solid rgba(0,0,0,0.10);border-left:0;border-top:0;transition: .3s all ease;} .youshi-content-box a {color:#666;text-decoration:none} .youshi-content-box span {font-size:50px;color:#f08400} .youshi-content-box h3 {font-size:18px;margin:20px 0 10px 0;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;text-align: center;} .youshi-content-box p {margin:0;text-align: justify;min-height: 72px;} .youshi-content-box:hover {background:#f08400} .youshi-content-box:hover a, .youshi-content-box:hover h3, .youshi-content-box:hover span {color:#fff} .youshi-content .row>div {padding:0} .row{margin-left:-15px;margin-right:-15px;} @media (max-width:767px) { .youshi .jj {padding-top:0} } @media (max-width:991px) { .youshi-content .row>div .youshi-content-box {border:1px solid rgba(0,0,0,0.05)} .youshi .jj div:nth-child(2) {margin-top:40px} .youshi-content-box {padding:30px} .youshi {background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover} } @media (min-width:992px) { .youshi-content .row>div:nth-child(3) .youshi-content-box, .youshi-content .row>div:nth-child(6) .youshi-content-box {border-right:0}.youshi .jj div:nth-child(2) {text-align:left} } @media (min-width:1024px) and (max-width:1199px) { .youshi-content .row>div:nth-child(4) .youshi-content-box,.youshi-content .row>div:nth-child(5) .youshi-content-box,.youshi-content .row>div:nth-child(6) .youshi-content-box {border-bottom:0} .youshi-content-box {max-height:263px} } .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px){ .col-sm-6 { width: 50%; } } @media (min-width: 992px){ .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } } @media (min-width: 992px){ .col-md-4 { width: 33.33333333%; } } @media (min-width: 1200px){ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } } @media (min-width: 1200px){ .col-lg-4 { width: 33.33333333%; } .col-lg-6 { width: 50%; } } @media (min-width: 768px){ .container { width: 750px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } } @media (min-width: 992px){ .container { width: 970px; } } @media (min-width: 1200px){ .container { width: 1170px; } } /*fonts*/ @font-face {font-family:'icomoon';src:url('../fonts/icomoon.eot?ek8qnx');src:url('../fonts/icomoon.eot?ek8qnx#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?ek8qnx') format('truetype'), url('../fonts/icomoon.woff?ek8qnx') format('woff'), url('../fonts/icomoon.svg?ek8qnx#icomoon') format('svg');font-weight:normal;font-style:normal} [class^="icon-"], [class*=" icon-"] {font-family:'icomoon' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-map:before {content:"\e91e"} .icon-youshi-sg:before {content:"\e900"} .icon-youshi-jy:before {content:"\e901";} .icon-youshi-zy:before {content:"\e902"} .icon-youshi-hz:before {content:"\e903"} .icon-youshi-pt:before {content:"\e904"} .icon-play:before {content:"\e905"} .icon-about-kt:before {content:"\e906"} .icon-about-xf:before {content:"\e907"} .icon-about-jj:before {content:"\e908"} .icon-about-rd:before {content:"\e909"} .icon-youshi-sg1:before {content:"\e90a"} .icon-th:before {content:"\e90b"} .icon-about-bj:before {content:"\e90c"} .icon-about-sg:before {content:"\e90d"} .icon-about-yzs:before {content:"\e90e"} .icon-about-zb:before {content:"\e90f"} .icon-left-jt:before {content:"\e910"} .icon-qq:before {content:"\e911"} .icon-right-jt:before {content:"\e912"} .icon-tel:before {content:"\e913"} .icon-weibo:before {content:"\e914"} .icon-weixin:before {content:"\e915"} .icon-youshi-fwys:before {content:"\e916"} .icon-youshi-pt1:before {content:"\e917"} .icon-youshi-sgys:before {content:"\e918"} .icon-youshi-sj:before {content:"\e919"} .icon-youshi-sjys:before {content:"\e91a"} .icon-zhixun:before {content:"\e91b"} .icon-top:before {content:"\e91c"} .icon-QQ-2:before {content:"\e91d"}