* { padding: 0; margin: 0; border: none; } ul, ol, li { list-style: none; } em, i { font-style: normal; } a { text-decoration: none; color: #333; } img { display: inline-block; border: 0 none; } .clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; } @charset "utf-8"; /* CSS Document */ body { overflow-x: hidden; color: #666; font-size: 14px; font-family: microsoft yahei, "宋体"; position: relative; }/*¾|‘站字体颜色*/ a { color: #666; text-decoration: none; } /*for ie f6n.net*/ a:focus { outline: 0; } /*for ff f6n.net*/ a:hover { text-decoration: underline; } .vam { vertical-align: middle; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; } p { word-spacing: -1.5px; } .tr { text-align: right; } .tl { text-align: left; } .center { text-align: center; } .fl { float: left; } .fr { float: right; } .pa { position: absolute; } .pr { position: relative } /* -- ™åµé¢æ•´ä½“布局 -- */ .header, .content, .footer { width: 1200px; margin: 0 auto; font-family: microsoft yahei; } .container { margin-left: auto; margin-right: auto; width: 1200px; } /*™å늜‰*/ .header { position: relative; z-index: 998; width: 100%; background-image:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319084533652.jpg); background-position:top center; } /*--™å‰™ƒ¨é“¾æŽ¥å¯ÆDˆª*/ .hd_top { border-bottom: 1px solid #ebebeb; } .hd_top .container { height: 30px; line-height: 30px; } .hd_top a { padding: 0 10px; } .hd_top span { color: #7e7e7e; } /*--™å늜‰å†…容*/ .hd_cont { position: relative; height: 86px; overflow: hidden; } .hd_cont .hd_logo { position: absolute; left: 0; top: 15px; } .hd_cont .hd_logo dd { margin-left: 16px; padding-left: 12px; height: 58px; border-left: 1px solid #c2c2c2; } .hd_cont .hd_logo dd h2 { padding-top: 0px; padding-bottom: 8px; font-size: 24px; color: #080404; } .hd_cont .hd_logo dd p { font-size: 14px; color: #17453a; font-weight: bold; letter-spacing: 3px; } .hd_cont .dh_phone { padding: 2px 0px 2px 52px; margin-top: 10px; background: url(Img/Common/hdPhoen_ico.png) no-repeat left center; font-size: 13px; color: #221e1d; } .hd_cont .dh_phone dd { font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } /*--å¯ÆDˆªæ ?/ .dh_nav { } .dh_nav ul { height: 50px; } .dh_nav li { float: left; } .dh_nav li a { display: block; padding: 0px 54px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; font-family: microsoft yahei; text-decoration: none; } .dh_nav li a.navHome { padding: 0 14px; background-image: none; } .dh_nav li a:hover, .dh_nav li a.cur { background: url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_06/20200306092121791.png) no-repeat left center; color: #333; } .header-top ul{ float: right; } .header-top ul li{ float: left; height: 33px; line-height: 33x; text-align: center; padding-left: 20px; position: relative; color: #7e7e7e } .header-top ul li a{ color: #7e7e7e } .header-top ul li img{ display: none; } .header-top ul li:hover img{ display: block; position: absolute; z-index: 999; top: 30px; left: 0; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_lqz714jp81.eot'); src: url('//at.alicdn.com/t/font_781842_lqz714jp81.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_lqz714jp81.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_lqz714jp81.woff') format('woff'), url('//at.alicdn.com/t/font_781842_lqz714jp81.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_lqz714jp81.svg#iconfont') format('svg'); } .dh_nav .navSedBox { position:fixed; top:169px; display:flex; flex-wrap:nowrap; justify-content:space-between; height:0; background:#f4f4f4; border-bottom:0px solid #f9f7f0; padding:0 0 0 15px; overflow:hidden; z-index:99; transition:all .5s ease } .dh_nav li:hover .navSedBox { height:380px;width: 675px; border-bottom:5px solid #17453a } .dh_nav .navSedUl { width:25%; padding:20px 0 10px 30px } .dh_nav .navContentBox { width:70%; float:right; background:#fff; padding:25px 25px 25px 25px } .dh_nav .navSedTitLink { display:block; width: 100% height:40px; line-height:40px; text-align:center; font-size:.875rem; border-bottom:#ddd 1px solid; transition:.5s; padding: 0px; } .dh_nav .navSed a { color:#7e7e7e;font-weight: normal;height: 40px; padding: 0 15px;display: block;width: 110px; } .dh_nav .navSed:hover .navSedTitLink { color:#fff; background:#17453a } .dh_nav .picBox { position:relative; width:100%; height:0; padding-bottom:32%; overflow:hidden } .dh_nav .navImg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100% } .dh_nav .tit { display:block; width:100%; margin:1rem 0; pading:0 1rem; font-size:1.25rem; font-weight:bold; color:#4e4e4e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .5s ease; padding: 0px; } .dh_nav .tit:hover { color:#036eb8; background-image: none; } .dh_nav .navSummray { width:100%; margin:1rem 0; color:#666; font-size:.8rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; line-height:2; -webkit-box-orient:vertical; text-overflow:ellipsis }.blue{color: #17453a;} .page_banner{ position: relative; background-repeat: no-repeat; background-position: center bottom;height: 600px; } .page_banner_img{display: block;} .page_banner_box{position: absolute;left: 0;top: 50px;width: 100%;height: 100%;} .page_banner_tit{color: #fff;font-weight: 500;line-height: 1.5;margin-bottom: 65px !important;margin-top: 225px !important;background: url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319084319139.png) no-repeat;padding-left: 90px;} .page_banner_tit.net{padding-top: 192px;padding-left: 86px;text-align: left;} .page_banner_tit .p1{font-size: 40px;padding-top: 10px;} .page_banner_tit .p2{font-size: 16px;text-transform: uppercase; margin-bottom: 10px;margin-top: 5px;} .page_banner_tit .p3{font-size: 30px;text-align: center;width: 140px;background: #ffde7a;border-radius: 15px;color: #000;} #ar_down{display: block;font-size: 40px;color: rgba(255,255,255,.5);} .page_tab{text-align: center;position: absolute;width: 100%;left: 0;bottom: 70px;} .page_tab a{color: #fff;background: #17453a;padding: 12px 25px;display: inline-block;margin: 0 .2%;width: 80px;border-radius: 35px;} .page_tab a:hover,.page_tab a.hover{background: #17453a;} .page_tit_w,.page_tit{text-align: center;line-height: 1.5;margin-bottom: 35px;margin-top:35px} .special_box .page_tit_w, .page_tit {margin-bottom: 0; margin-top: 0; } .line{width:100%;height: 1px; background: #E9F0F5} .page_title{width: 25%;font-size: 32px; color: #17453a; padding-bottom: 10px;padding-top: 10px;} @media screen and (max-width: 1440px) { .page_title {width: 33%;} } .page_num {display: block;text-align: center; padding: 30px; overflow: hidden; justify-content: center;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#404040;} .pager{font-size:14px; padding:0 10px; color:#666; line-height:25px; display:inline-block;background-color:#fff;border: 1px solid #c7c7c7 ; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#17453a; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#404040; display:inline-block; margin:0px 5px; font-size:14px; }/*banner*/ .banner{ overflow:hidden; width:100%; height:660px; position:relative;} .banner ul{ overflow:hidden; width:100%; height:660px; position:relative} .banner li{ width:100%; height:660px; position:absolute; left:0; top:0} .banner li a{ display:block; width:100%; height:100%;} .banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;} .banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;} .banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;} .banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px;} .banner .btn span{ display:block; width:11px; height:11px; background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319091227278.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;} .banner .btn span.cur{ background-position:right} .banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;} .banner i.btn_left{ left:0; top:245px; background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319091108957.png) no-repeat top center;} .banner i.btn_right{ right:0; top:245px; background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319091048038.png) no-repeat top center;} .banner:hover i{display:block} .banner i:hover{background-position:bottom} .seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(//pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;} .search00{width:1200px; margin:0 auto;} .sea_in{margin-top: 13px;} .sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; } .sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;} .k_word{overflow:hidden;width:1000px;color:#666; height: 52px; line-height: 52px;} .k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;} .k_word b{font-weight: normal;}.home_about{padding: 53px 0;background: #f7f7f7;} .ha_title{padding-bottom: 30px;padding-top: 35px;} .ha_des{color: #424242; line-height: 31px; padding-bottom: 20px; font-size: 16px; padding: 10px 0; min-height: 7em; overflow: hidden;} .blue{color: #17453a;} .ha_title { padding-bottom: 20px; padding-top: 20px; } .big_title2 { font-size: 23px; color: #000; padding-bottom: 0; font-weight: bold; } @media screen and (max-width: 1200px) { .home_about{padding:30px 0;} } .main_box{width: 1200px;margin: 0 auto;box-sizing: border-box;} .index_about{ display: flex; justify-content: space-between } .box1,.box3{ width: 360px; background: #E9F0F5; border-radius: 8px; box-sizing: border-box; overflow: hidden; position: relative } .box3{ width: 340px; background: #E9F0F5; border-radius: 8px; box-sizing: border-box; overflow: hidden; position: relative; } .box2{ width: 420px; background: #E9F0F5; box-sizing: border-box; border-radius: 8px; } .video_box{ margin: 25px; box-sizing: border-box; overflow: hidden; } .video_box video{ width: 100% } .about_2{ padding:10px 25px; box-sizing: border-box; height: 270px; } .into a{ position: relative; display: inline-block; transition:transform 1s; -moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition:-o-transform 1s; } .into a:hover{ transform:translateX(18px); -moz-transform:translateX(18px); -webkit-transform:translateX(18px); -o-transform:translateX(18px); } .into i{ font-size: 2.5em; } .video-line{ margin: 0px 25px; height:1px; background: #C1D1E0 } .into a{ color: #424242; } .ha_des_real{ display: none } .box1 .about_2{ -moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition:-o-transform 1s; } .box1 .hover .ha_des{ display: none; } .ha_des_real{ color: #424242; line-height: 31px; padding-bottom: 20px; font-size: 16px; padding: 10px 0; min-height: 7em; overflow: hidden; } .box1 .hover .ha_des_real{ display:inherit; } .box3 .about_2,.box1 .about_2{ position: absolute; padding: 10px 25px; box-sizing: border-box; height: 270px; padding-top: 40px; top: 230px; -moz-transition: -moz-transform 1s; -webkit-transition: -webkit-transform 1s; -o-transition: -o-transform 1s; background: rgba(233,240,245,.5); /*overflow: hidden;*/ } .box3 .about_2 .into{ margin-top: 39px; } .about_2 .news_list .l_box{ padding-right: 20px; } .about_2 .news_list .r_box{ padding: 0 20px; } @media screen and (min-width: 1200px) { .box1:hover .about_2{ position: absolute; height: 100% !important; background: rgba(233,240,245,.9); transform:translateY(-260px); -moz-transform:translateY(-260px); -webkit-transform:translateY(-260px); -o-transform:translateY(-260px); background: rgba(233,240,245,.9) !important; } .box1:hover .about_2 .ha_des{ display: none } .box1:hover .about_2 .ha_des_real{ display: block } } @media screen and (min-width: 1200px) and (max-width:1920px){ .box3 .about_2:hover{ position: absolute; height: 100%; background: rgba(233,240,245,.9); transform: translateY(-260px); -moz-transform: translateY(-260px); -webkit-transform: translateY(-260px); -o-transform: translateY(-260px); } } @media screen and (min-width: 768px) and (max-width: 1200px){ .box3 .about_2:hover{ position: relative; height: 100%; background: rgba(233,240,245,.9); transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transform:translateY(0px); -o-transform:translateY(0px); } } .news_list li{color: #0F8FE8;display: flex;height: 85px;line-height: 85px; align-items: center;} .news_list li i{-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s; transition: all 0s; } .news_list li div{height: 35px;line-height: 35px;overflow: hidden} /*.news_t_r li:hover{ background: #0F8FE8; color: #fff; } .news_t_r li:hover .l_box{ border-right: 1px #fff dashed; }*/ .news_t_r li.hover{ background: #0F8FE8; color: #fff; } .news_t_r li.hover .l_box{ border-right: 1px #fff dashed; } .news_list li div p{display: inline-block} .news_list li div:nth-child(1){width: 20%; text-align: center;} .news_list li div:nth-child(1) p{width: 75%;background: #E9F0F5;color:#0F8FE8 } .news_list li div:nth-child(2){width: 55%;display: table-cell;text-indent: 10px;} .news_list li div:nth-child(3){width: 20%; text-align: center;} .news_list li div:nth-child(4){width: 10%; text-align: center;} .news_list li div:nth-child(4) i{font-size: 2em} .news_list .l_box{display: table-cell;border-right: 1px #17453a dotted;vertical-align: middle;} .news_list .l_box .big_num{font-size: 40px;color:#424242;font-family:"Bebas";} .news_list .l_box .day{ height: 43px;line-height: 40px;color: #424242;font-size: 40px;text-align: center;font-weight: 500;font-family:"Bebas"; } .news_list .l_box .small_num{color: #717171;} .news_list .r_box {display: table-cell;vertical-align: middle;} .news_list .r_box .tit{font-size: 16px;color: #424242;line-height: 2;} .news_list .r_box .tit:hover{color:#17453a;} .news_list .r_box .des{color: #717171;line-height: 1.5;} .news_box i{ color: #6B79A0; font-size: 35px } .news_box .last_right{ width: 5% } .vjs-big-play-centered .vjs-big-play-button { top: 44%; left: 54%; margin-top: -.75em; margin-left: -1.5em; } .video-js .vjs-big-play-button{ background: url('//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_07/20200307081937764.png') no-repeat; background-postion:center; line-height: 2.2em; height: 2.2em; width: 2.2em; border:0; } .video-js .vjs-big-play-button .vjs-icon-placeholder{ display: none } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { background-color: rgba(0,0,0,0); }.seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(//pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;} .search00{width:1200px; margin:0 auto;} .sea_in{margin-top: 13px;} .sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; } .sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;} .k_word{overflow:hidden;width:1200px;color:#666; height: 52px; line-height: 52px;} .k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;} .k_word b{font-weight: normal;}.cpBox { margin-bottom: 20px; padding-top: 20px; } /*产å“èœå•*/ .cpMu { width: 250px; height: 580px; background-color: #fff; overflow: hidden; } .cpMu h4 { padding-left: 50px; margin-bottom: 3px; height: 56px; background: url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090621223.png) no-repeat center; overflow: hidden; font-size: 18px; } .cpMu h4 a { display: inline-block; margin-top: 10px; color: #fff; } .cpMu h4 span { display: block; font-size: 14px; font-weight: normal; color: #ffffff; } .cpMu dl { margin: 0px 3px 16px 3px; } .cpMu dt { height: 60px; line-height: 60px; background-color: #ffffff; background-repeat: no-repeat; background-position: 10px center; } .cpMu dt:nth-child(2), .cpMu dt:nth-child(4), .cpMu dt:nth-child(6), .cpMu dt:nth-child(8){background-color: #e9e9e9;} .cpMu dl.mu01 dt { background-image: url(Img/Index/cpMuDt_01.png); } .cpMu dl.mu02 dt { background-image: url(Img/Index/cpMuDt_02.png); } .cpMu dl.mu03 dt { background-image: url(Img/Index/cpMuDt_03.png); } .cpMu dl.mu04 dt { background-image: url(Img/Index/cpMuDt_04.png); } .cpMu dl.mu05 dt { background-image: url(Img/Index/cpMuDt_05.png); } .cpMu dt a { margin-left: 30px; font-size: 14px; font-weight: normal; color: #333; } .cpMu dd { overflow: hidden; line-height: 40px; background: url(Img/Index/cpMuDd.png) repeat-y center top; } .cpMu dd span { float: left; width: 50%; } .cpMu dd span a { margin-left: 10px; color: #333; } /*产å“列表*/ .cpList { width: 920px; height: 580px; overflow: hidden; } .cpList .contTit { margin-bottom: 10px; height: 46px; line-height: 46px; border-top: 2px solid #17453a; } .cpList ul { overflow: hidden; } .cpList li { margin-right: 25px; margin-bottom: 16px; width: 205px; float: left; text-align: center; } .cpList li.noMr { margin-right: 0px; } .cpList li img { border: 1px solid #e7e7e7; } .cpList li h5 { margin-top: 12px; font-weight: normal; font-size: 14px; } .cpList li h5 a { color: #2b100c; } .contTit { position: relative; height: 38px; line-height: 38px; } .contTit .titA { padding-left: 18px; font-size: 16px; color: #17453a; background: url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090520566.png) no-repeat left center; } .contTit .titMore { position: absolute; right: 0px; top: 0px; padding-right: 18px; font-size: 13px; color: #2b100c; font-weight: normal; background: url(Img/Index/titMore_ico.png) no-repeat center right; } .cpBox { margin-bottom: 20px; padding-top: 20px; }.dyGgg { height: 547px; background: url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319084831578.jpg) no-repeat center; } .dyGgg .container { position: relative; } .dyGgg b { position: absolute; left: 706px; top: 84px; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #fff; } .dyGgg1 { height: 395px; background: url(//pic20_2.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2021_07_15/20210715083449618.jpg) no-repeat center; } .dyGgg2{ height: 500px; background: url(//pic20_2.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2021_07_15/20210715083824991.jpg) no-repeat center; } .Mcounter { padding-top: 325px; width: 100%; margin: 0 auto; /*! border-bottom: 1px solid rgba(0, 0, 0, .1); */} .Mcounter ul li { float: left; width: 24%;text-align: center; border-right: 1px solid rgba(0, 0, 0, .2); color:#666;font-size: 14px} .Mcounter ul li:last-child{ border-right: none } .Mcounter ul li .number .counterDX { color:#333; text-align: center;font-family:'Walsheim'; font-size: 50px;line-height: 60px;font-weight: bold;} .Mcounter ul li .number .unit {vertical-align:30px;} .Mcounter ul li .title{ font-weight:normal} /*åˆä½œä¼™ä¼´*/ .hzhb { position: relative; padding: 53px 0; background-color: #E9F0F5; overflow: hidden; } .hzhb h4 { padding: 0 5px; height: 75px; font-size: 32px;color: #036eb8;text-align: center;background-image:url(../images/h2_bg2.png); line-height: 45px; } .hzhb h4 a { position: relative; color: #131416; text-decoration: none; } .hzhb h4 span{ display:block; font-size:14px;color:#A9A9A9; font-weight:normal; line-height:32px;} .hzhb .alCont { position: relative; } .hzhb .alCont ul { margin: 0 auto; width: 1200px; overflow: hidden; padding-top: 30px; } .hzhb .alCont li img { display: block; } .hzhb .alCont li{ background-color:rgba(255,255,255,1); transition:.5s; z-index:1; position:relative; padding: 15px 15px; text-align: center; margin-right: 10px; margin-bottom: 20px; float: left; /*! width: 16.66%; */ } .hzhb .alCont li:hover { box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9 } .hzhb .alCont li h5 { margin-top: 12px; font-weight: normal; } .hzhb .alCont li h5 a { color: #333; } .hzhb .alCont .btnLeft, .hzhb .alCont .btnRight { position: absolute; top: 50%; margin-top: -20px; width: 18px; height: 26px; } .hzhb .alCont .btnLeft { left: 12px; background: url(Img/Index/huiBtnLeft.png) no-repeat center; } .hzhb .alCont .btnRight { right: 12px; background: url(Img/Index/huiBtnRight.png) no-repeat center; } .pr_prev,.pr_next{opacity: 0.7; margin-top:120px; font-weight:bold; font-size:50px; width:60px; height:60px; display:inline-block; background-color:#b9b9b9; color:white; text-align:center; line-height:45px; border-radius:30px 30px; border:2px #ffffff solid;} .pr_prev:hover,.pr_next:hover{ color:#ffffff; background-color:#a1a1a1;} .pr_carousel{ width:1055px; overflow:hidden; float:left; height:300px; margin-left:10px; display:inline-block;} .pr_carousel li{display:inline-block; text-align:center; width:250px; height:300px; overflow:hidden;text-align:center; margin:15px 15px 0px 0px; } .tuijian_img{ width:248px; height:248px; display:block; text-align:center; border:1px #cecece solid; background-color:#ffffff;} .tuijian_img img{ width:248px; height:248px; font-size:0px;} .tuijian_name { font-size:14px; color:#858484; text-align:center; line-height:20px; margin-top:10px; display:inline-block;} .g-ind-tit{font-weight: bold;position:relative;font-size:36px;padding-bottom:18px;text-align:center} .g-ind-tit:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-12px;width:24px;height:3px;background-color:#370000} /* 新闻中心 */ .f_fl{float:left;} .f_fr{float:right;} .g_news{height: 614px;margin-top: 60px;} .g_news h2{background:url() no-repeat;height: 75px;text-align: center;font-size: 32px;font-weight: bold;color: #000} .g_news h2 span{display: block;font-size: 14px;font-weight: normal;color: #c1c2c2;text-transform: uppercase;} .g_news h2 b{color: #17453a;} .g_news h2 a{color: #000;text-decoration: none;} .g_news .hd{position: relative; height: 66px;line-height: 66px; border-bottom: 1px solid #dcdcdc;margin-bottom: 33px;} .g_news .u_lst8 li{float: left;height: 66px; line-height: 66px; position: relative; } .g_news .u_lst8 li a{display: block; float: left; padding: 0 50px; height: 66px;line-height: 66px;font-size: 18px;color: #252525;font-weight: normal; text-decoration: none;} .g_news .u_lst8 li.on a,.g_news .u_lst8 li a:hover{color: #17453a;font-weight: bold;} .g_news .hd span{display: block;position: absolute;right:0;top:10px;text-transform: uppercase;font-size: 15px;color: #7f7f7f;} .g_news .newtit1 em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_07/20200307034920359.jpg) no-repeat 0 10px;width: 48px;height: 48px;position: absolute;left:0;top:0;} .g_news .newtit2 em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_07/20200307035031250.jpg) no-repeat 0 10px;width: 48px;height: 48px;position: absolute;left:0;top:0;} .g_news .newtit3 em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_07/20200307035049501.jpg) no-repeat 0 10px;width: 48px;height: 48px;position: absolute;left:0;top:0;} .g_news .newtit1:hover em,.g_news .newtit1.on em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090117849.png) no-repeat 0 10px;} .g_news .newtit2:hover em,.g_news .newtit2.on em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090050694.png) no-repeat 0 10px;} .g_news .newtit3:hover em,.g_news .newtit3.on em{background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090145164.png) no-repeat 0 10px;} .m_news .dtimg{float: left;width: 485px;position: relative;} .m_news .dtimg em{position: absolute;left:0;top:-5px;background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_19/20200319090312540.png) no-repeat;width: 86px;height: 66px;} .m_news .dtimg dt{width: 485px;height: 365px;} .m_news .dtimg dt img{display: block;width: 485px;height: 365px;} .dtr{width: 660px; margin-left: 50px;} .dtr .newtj{height: 136px;padding-top: 18px;} .dtr .newtj h3{height: 28px;line-height: 28px;overflow: hidden;font-size: 16px;font-weight: bold;color: #e62129;margin-bottom: 10px;} .dtr .newtj h3 a{color: #17453a;} .dtr .newtj p{font-size: 14px;color: #333333;line-height: 22px;height: 66px;overflow: hidden;} .dtr .u_dlst1{height: 88px;margin-bottom: 16px;clear: both;} .dtr .u_dlst1 dt{float: left;width: 80px; padding-top: 8px; height: 80px; font-size: 32px;color: #fff;text-align: center; background: #17453a} .dtr .u_dlst1 dt em{display: block;height: 22px;line-height: 22px;color: #fff;font-size: 14px;text-align: center;} .dtr .u_dlst1 dd{float: left;width: 540px; height: 66px;border: 1px solid #c2c2c2; border-left: none; padding: 20px 0 0 20px; } .dtr .u_dlst1 dd h3{height: 26px;line-height: 26px; overflow: hidden;} .dtr .u_dlst1 dd h3 a{color: #000000;font-size: 15px;font-weight: normal;} .dtr .u_dlst1 dd p{font-size: 14px;color: #555555;line-height: 24px;height: 24px;overflow: hidden;} .dtr .u_dlst1:hover dt{background: #008661;} .dtr .u_dlst1:hover dd{border: 1px solid #008661;} .links{height: 80px;} .links span{ display: block; font-size:14px; line-height: 14px; color:#666666 ; float: left;font-weight: bold; padding-right: 36px; border-right: 1px solid #e3e3e3;height: 80px;} .links span b{ display: block; font-size:28px ; line-height:28px ; color:#999999; padding-bottom: 10px;text-transform: uppercase; font-weight: normal;} .links a{ display: inline-block; font-size:14px ; line-height: 36px; color: #666666; padding: 0 27px; } /*æœåŠ¡*/ .e_box{width: 100%;height: 235px;background: #17453a;padding-top: 60px;} .p_dimage{text-align: center;padding-top: 15px;} .clear {clear: both;overflow: hidden;} .left {float: left;} .right {float: right;} .footer{background: #fff;border-top: 1px #eee solid;padding-top: 35px;padding-bottom:25px;} .f_nav { display: flex; justify-content: space-between; margin-bottom: 2em } .f_nav li{float: left;margin-right: 50px;line-height: 35px;text-align: left;} .f_nav li p{font-size: 16px;color: #535353;font-weight: bold} .f_nav li a{color: #717171;display: block;} .f_nav li a:hover{color: #17453a;} .f_nav li:last-child { margin-right: 0; } .footer_contact>p{ display: block; text-align: left; margin: 10px 0; font-size: 16px; font-weight: bold; } .contact_detail{ display: flex; flex-direction: column } .contact_detail { height: 110px; display: flex; flex-direction: column; justify-content: space-between; } .contact_detail div { display: flex; flex-direction: row; align-items: center;padding-bottom: 10px; } .contact_detail i{ color: #fff; } .contact_detail p:nth-child(1){ background: #17453a; border-radius: 50%; height: 25px; width: 25px; margin-right: 10px; text-align: center; line-height: 25px; } .footer .f_ma{text-align: left;} .footer .f_ma p{display: inline-block;} .footer .f_ma p:nth-child(2){ margin-right: 20px} .footer .f_ma p:first-child {display: block; text-align: left; margin: 10px 0; font-size: 16px; font-weight: bold; } .footer .f_ma img{display: block;} .footer .f_ma span{display: block;text-align: center;color: #adadad;line-height: 2;} .copyright{background: #212327;color: #adadad;line-height: 53px;} .main_box{width: 1200px;margin: 0 auto;box-sizing: border-box;} @media screen and (max-width: 1200px) { .main_box{padding: 0 10px;width: 100%;} .footer{padding:30px 0;} .f_nav li a{ /*display:inline-flex;*/ margin-right: 10px;} .f_nav li a:last-child{margin-right:0;} .f_nav li{margin-right: 0;padding-bottom: 15px;border-bottom: 1px #eee solid;margin-bottom: 15px;width: 100%;} }select, input, img, select { vertical-align: middle; } #share{position: fixed;right:10px;top:50%;width:48px;height:288px;margin-left:600px;z-index:9;} #share li{width:48px;height:43px;margin-bottom:6px;position:relative;cursor:pointer;} #share a{display:block;width:48px;height:43px;} #share li.sh_a a{background-color:rgba(149,149,149,.6);background-image:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_06/20200306024924809.png);background-repeat:no-repeat;} #share li.sh_li{background-color:rgba(149,149,149,.6);background-image:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_06/20200306024924809.png);background-repeat:no-repeat;} #share li.sh_li span{position:absolute;display:none;width:133px;height:126px;text-align:center;line-height:126px;right:48px;top:-39px;background:url(//pic19_1.qiyeku.com/qiyeku_pic/2019/12/18/bode/product/product_pic/image/2020_03_06/20200306023858059.png) no-repeat 0 0;} #share li.sh_li:hover,#share li.sh_a a:hover{background-color:rgba(77,168,228,.6)} #share li.sh_li:hover span{display:block;} #share li#totop a{background-position:0 0;} #share li#feed a{background-position:0 -49px;} #share li#mail a{background-position:0 -98px;} #share li#sina{background-position:0 -147px;} #share li#qq a{background-position:0 -196px;} #share li#weixin{margin-bottom:0;background-position:0 -245px;}