@CHARSET "UTF-8"; ::-webkit-scrollbar { width: 0; } :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; padding: 0; border: 0; } body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,nav,section { margin: 0; padding: 0; border: 0; } body { background: #ffffff; color: #000; position: relative; font: 14px/1.42857143 ËÎÌå,sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden; } a { text-decoration: none; outline: none; } a:link { color: #333; } a:visited { color: #333; } a:hover,a:active,a:focus { color: #333; text-decoration: none; outline: none; } input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; } img { border: none; vertical-align: middle; } ul,ol,li { list-style-type: none; } select,input,img,select { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0 } table, th, td { vertical-align: middle } .clearfix { zoom: 1 } .clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clear { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } h1,h2,h3,h4,h5,h6 { font-weight: bold; } h1{ font-size:24px; } h2{ font-size:22px; } h3{ font-size:20px; } h4,h5,h6 { font-size:14px; } hr { border: 0; border-top: 1px solid #ccc; height: 0; } .w1200 { width: 1200px; margin: 0 auto; } .fr { float: right; } .fl { float: left; } header, footer { width: 100%; } .banner{overflow:hidden;width: 100%;} .slideBox{ width:100%; overflow:hidden; position:relative; } .slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:8px; bottom:65px; z-index:1; text-align: center;width: 100%;} .slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center; } .slideBox .hd ul li{ display: inline-block; margin-right: 16px; width: 60px; height: 5px; line-height: 14px; text-align: center; cursor: pointer; border: 1px solid #fff; border-radius: 5px; } .slideBox .hd ul li.on{background: #313131;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; display:block; } .head{ width: 100%; height: 100px; background: rgba(0,0,0,.3); position: fixed; top: 0; z-index: 9999; } .head .logo{ margin-left:100px; } .head .logo img{ height: 70px; margin-top: 15px; } .head .language{ margin-right:100px; } .head .language a{ margin-top: 28px; display: inline-flex; margin-right: 5px; } .head .language img{} .head .ment{ margin-left: 11%; min-width: 52%; } .head .ment ul{} .head .ment ul li{ float: left; position: relative; width: 12.5%; } .head .ment ul li> a{ height: 100px; line-height: 100px; display: block; text-align: center; font-size: 20px; color: #fff; } .head .ment ul li .xiala{ width: 100%; position: absolute; background: #202b44; display: none; } .head .ment ul li .xiala a{ display: block; text-align: center; line-height: 40px; font-size: 16px; color: #fff; } .head .ment ul li a:hover, .head .ment ul li.cur> a{ background: #202b44; } .head .ment ul li:hover .xiala{ display: block; } .head .ment ul li .xiala a:hover{ background: #448aca; } .bjds { background-color: #202b44 !important; } .hRight { float: right; margin-right: 6%; display: none; } .hRight i { font-size: 40px; color: #fff; } .ment_sj { position: fixed; width: 50%; height: 100%; top: 0; right: -50%; background: #202b44; z-index: 99999; text-align: center; line-height: 40px; display: none; } .zzc{ width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 9999; position: fixed; left: 0; top: 0; display: none; } .ment_sj ul li { border-bottom: 1px solid #444444; } .ment_sj ul li a { display: inline-block; width: 100%; height: 100%; color: #fff; } .isActive { background: #3caac5; } footer{ background: #313131; } .foot{ padding: 35px 0 45px 0; width: 1600px; margin: 0 auto; } .foot .ditu_box{ position: relative; width: 600px; height: 300px; float: left; } .foot .ditu_box .ditu_f{ width: 600px; height: 300px; border-radius: 10px; } .foot .ditu_box .ditu_con{ position: absolute; top: 10px; left: 15px; background: rgba(0,0,0,.6); padding-top: 35px; padding-bottom: 20px; } .foot .ditu_box .ditu_con p{ font-size: 12px; color: #fff; padding: 12px 20px; } .foot .weixin_f{ float: left; padding: 15px 35px; /* margin: 0 50px 0 70px; */ margin: 0 100px 0 100px; border: 2px solid #fff; } .foot .weixin_f img{ width: 198px; height: 198px; margin-bottom: 10px; } .foot .weixin_f p{ font-size: 14px; color: #fefefe; text-align: center; margin-top: 8px; } .foot .ment_f{ float: left; } .foot .ment_f ul{ float: left; margin-right: 30px; margin-top: 20px; } .foot .ment_f ul:nth-last-child(1){ margin-right: 0; } .foot .ment_f ul li{ margin-bottom: 10px; } .foot .ment_f ul li a{ font-size: 12px; color: #fefefe; } .foot .ment_f ul li:nth-child(1) a{ font-size: 14px; color: #fefefe; } .corpyright{ height: 50px; background: #1b1b1b; line-height: 50px; text-align: center; } .corpyright p{ color: #fff; } .corpyright p a{ color: #fff; } .BMap_omCtrl, .BMap_stdMpCtrl, .anchorBL, .BMap_cpyCtrl, .BMap_scaleCtrl{display: none !important;} .BMapLabel { background: #a0a0a0 !important; border: 0 !important; padding: 5px 5px !important; color: #fff; border-radius: 5px; } .banner_b{ position: relative; } .banner_b .banner_btab{ width: 100%; text-align: center; position: absolute; margin-top: -35px; } .banner_b .banner_btab ul{ width: 1000px; margin: 0 auto; } .banner_b .banner_btab ul li{ width: 166px; height: 35px; float: left; position: relative; } .banner_b .banner_btab ul li a{ display: block; font-size: 18px; color: #fff; background: #313131; line-height: 35px; } .banner_b .banner_btab ul li.on> a{ color: #000; background: #fff100; } .banner_b .banner_btab ul li .btab_xl{ z-index: 999; position: absolute; width: 100%; display: none; } .banner_b .banner_btab ul li .btab_xl a{ font-size: 16px; } .banner_b .banner_btab ul li:hover .btab_xl{ display: block; } .banner_b .banner_btab ul li .btab_xl a:hover{ color: #000; background: #fff100; } .banner_b .banner_bcon{ padding: 40px 0; /* background-image: url(../img/banner_b_bg.jpg); */ background-repeat: no-repeat; background-size: cover; position: relative; background: #3caac5; } .banner_b .banner_bcon .qiehuan01{ display: none; width: 1000px; margin: 0 auto; } .qiehuan01 .slideBox01{ width: 100%; overflow: hidden; position: relative; } .qiehuan01 .slideBox01 .hd{ height: 20px; overflow: hidden; position: absolute; left: 285px; bottom: 0; z-index: 1; } .qiehuan01 .slideBox01 .hd ul{ overflow:hidden; zoom:1;} .qiehuan01 .slideBox01 .hd ul li{ display: inline-block; margin-right: 10px; width: 18px; height: 18px; line-height: 20px; text-align: center; cursor: pointer; border: 1px solid #fff; border-radius: 18px; } .qiehuan01 .slideBox01 .hd ul li.on{background: #313131;} .qiehuan01 .slideBox01 .bd{ position:relative; height:100%; z-index:0; } .qiehuan01 .slideBox01 .bd li{ zoom:1; vertical-align:middle; } .qiehuan01 .slideBox01 .bd li .text{ width: 550px; float: left; text-align: center; margin: 0 40px; } .qiehuan01 .slideBox01 .bd li .text .tit{ font-size: 18px; color: #fff; margin-bottom: 40px; } .qiehuan01 .slideBox01 .bd li .text p{ font-size: 16px; color: #fff; } .qiehuan01 .slideBox01 .bd li .pic{ width: 290px; float: right; margin: 0 40px; margin-top: 5px; } .qiehuan01 .slideBox01 .bd li .pic img{ height: 180px; } .banner_b .banner_bcon .show{ display: block !important; } .banner_bcon_sj{ display: none; } .banner_b .banner_bcon_sj { padding: 7% 0; background-repeat: no-repeat; background-size: cover; position: relative; background: #3caac5; } .banner_b .banner_bcon_sj .qiehuan01 { width: 96%; padding: 0 2%; margin: 0 auto; } .qiehuan01 .slideBox01_sj { width: 100%; /* overflow: hidden; */ position: relative; } .qiehuan01 .slideBox01_sj .bd { position: relative; height: 100%; z-index: 0; } .qiehuan01 .slideBox01_sj .bd { position: relative; height: 100%; z-index: 0; } .qiehuan01 .slideBox01_sj .bd li .text { width: 96%; float: none; margin: 0 0; text-align: center; padding: 0 2%; } .qiehuan01 .slideBox01_sj .bd li .text .tit { font-size: 18px; color: #fff; margin-bottom: 15px; } .qiehuan01 .slideBox01_sj .bd li .text p { font-size: 14px; color: #fff; } .qiehuan01 .slideBox01_sj .bd li .pic { width: 100%; float: none; margin: 3% 0 0 0; } .qiehuan01 .slideBox01_sj .bd li .pic img { height: auto; width: 100%; } .qiehuan01 .slideBox01_sj .hd { height: 10px; overflow: hidden; position: absolute; bottom: -5%; text-align: center; z-index: 999; width: 100%; } .qiehuan01 .slideBox01_sj .hd ul { overflow: hidden; zoom: 1; text-align: center; display: inline-block; } .qiehuan01 .slideBox01_sj .hd ul li { width: 10px; height: 10px; line-height: 12px; text-align: center; cursor: pointer; border-radius: 10px; background: #ffffff; margin-right: 10px; color:#fff; float: left; } .qiehuan01 .slideBox01_sj .hd ul li.on { background: #313131; color:#313131; } .kefu_l{ position: fixed; top: 58%; z-index: 999; left:-224px; } .kefu_l .kefu_box{ position: relative; } .kefu_l .kefu_box .con_kf{ padding: 15px 0; width: 248px; background: #313131; border-bottom-right-radius: 45%; opacity: 0; } .kefu_l .kefu_box .con_kf p{ font-size: 12px; color: #fff; line-height: 30px; padding-left: 10px; } .kefu_l .kefu_box .tit_lx{ font-size: 18px; color: #000; height: 105px; width: 105px; line-height: 105px; text-align: center; background: #ffff00; border-radius: 50%; position: absolute; top: -40px; right: -50px; display: none; } .kefu_l .kefu_box .kh_tel{ font-size: 18px; color: #000; height: 105px; width: 105px; line-height: 105px; text-align: center; background: #ffff00; border-radius: 50%; position: absolute; top: -40px; right: -50px; } .kefu_l .kefu_box .kh_tel img{ width: 100%; } .foot .ment_f .ditu_con{ margin-left: 80px; } .foot .ment_f .ditu_con p { margin-top: 30px; color: #fff; font-size: 16px; } .foot .ment_f .ditu_con p:first-child{margin-top: 0;} @media screen and (min-width: 1000px) and (max-width: 1440px){ .w1200 { width: 1000px; margin: 0 auto; } .foot { width: 94%; } .foot .ditu_box { width: 36%; height: 300px; } .foot .ditu_box .ditu_f { width: 100%; height: 300px; } .foot .weixin_f { padding: 30px 2%; margin: 0 5% 0 5%; } .foot .ment_f { float: right; width: 32%; } .foot .weixin_f img { width: 169px; height: 169px; } .foot .ment_f .ditu_con { margin-left: 0; } .head .logo { margin-left: 30px; } .head .ment { margin-left: 5%; min-width: 72%; } }