/* 浅绿 # 深绿 # 淡蓝 # 深蓝 #083a7e 浅灰 # 深灰 # */ .box{ width:1260px; min-width:1260px; height:auto; overflow:hidden; margin:0 auto; }/* min-width:750px; */ .h60 { width:100%; height:60px;} .h65 { width:100%; height:65px;} .h101 { width:100%; height:100px;} .h120 { width:1200px; height:120px; margin:0 auto; background:url(/upload/bg_top.jpg) right bottom no-repeat;} .h145 { width:100%; height:113px;} .h150 { width:100%; height:150px;} .h175 { width:100%; height:175px;} .wrapper {} .autow { width:auto; max-width:100%;} img { margin:0; padding:0; border:0;} .tc { text-align:center;} /* header */ .header { width:1260px; height:100px; margin:0 auto; background:#fff; min-width:1260px;} /* background:url(/upload/i_04.jpg) 220px top no-repeat #fff; */ .logo { height:100px; overflow:hidden;} .logo a{ height:100px; display:block; text-align:center; } .logo img{ } .logo i{ display:none;} .tel_head { width:100%; height:60px; margin-top:20px; display:none;} .tel_head a{ width:100%; height:60px; display: block; background:url(/upload/map.png) 64px center no-repeat;} .tel_head a i{ display:none;} .logo_head2 { height:154px; text-align:center; position:absolute; bottom:20px; margin-left:40px;} .logo_head2 .lh1 { height:122px;} .logo_head2 .lh1 img{ width:120px; height:120px; border:1px solid #aaa;} .logo_head2 .lh2 { padding-top:10px; height:22px; line-height:22px; color:#444;} .header .extra-link { padding:13px 0 0 10px; background:url(/upload/j1x11.jpg) left 55px no-repeat; color:#333;} .header .extra-link a { display: inline-block;height: 40px;width: 22px;margin-left: 15px;float: left; } .header .extra-link .link1 { background: url(/upload/ico_01.png) no-repeat center; } .header .extra-link .link2 { background: url(/upload/ico_02.png) no-repeat center; } .header .extra-link .link3 { background: url(/upload/ico_03.png) no-repeat center; } .header .extra-link .link4 { background: url(/upload/ico_04.png) no-repeat center; } .top_kf { height:26px; line-height:26px;} /* index */ .main1 { background:#083a7e; min-width:1260px;} .main11 { width:60%; background:#083a7e;} .main12 { width:40%; background:#204d8b;} .main1_1{width: 756px; overflow:hidden; padding:40px 0 50px 0;} .main1_1 li{float:left;width: 50%;padding:38px 0;} .main1_1 li .ion{float:left;display:block;width: 50px;height: 50px;line-height: 50px; transition: all 0.3s ease; transform: rotateY(0);margin:0; margin-right:20px;} .main1_1 a:hover .ion{transform: rotateY(180deg); } .main1_1 li ._t{float:left;0;} .main1_1 li ._t1{line-height: 28px;font-size: 17px;color: #fff;} .main1_1 li ._t2{line-height: 24px;font-size: 13px;color: #839cbe;} .main1_1 li:last-child ._t1{line-height: 56px;} .main1_1 li:last-child ._t2{display:none;} .main1_1 li .ion1{background-image:url(/upload/index_1.png);background-position:0 0;background-repeat: no-repeat; } .main1_1 li .ion2{background-image:url(/upload/index_1.png);background-position:-50px 0;background-repeat: no-repeat; } .main1_1 li .ion3{background-image:url(/upload/index_1.png);background-position:0 -50px;background-repeat: no-repeat; } .main1_1 li .ion4{background-image:url(/upload/index_1.png);background-position:-50px -50px;background-repeat: no-repeat; } .main1_1 .fl1_con{padding-left:5%;} .main1_2{ width:504px; overflow:hidden;} .main1_2 .right_box{width: 100%;height: 350px; padding-top:0;} .main1_2 .right_box a{display:block;padding:50px 0px 50px 68px;} .main1_2 .right_box a ._n{color:#fff; font-size: 34px;line-height: 44px;font-family: Impact;} .main1_2 .right_box a ._t{line-height: 45px;font-size: 28px;color: #fff;} .main1_2 .right_box a .border{display:block;width: 36px;height: 5px;margin:12px 0 12px 0;background-color:#fff;} .main1_2 .right_box a ._c{line-height: 22px;font-size: 13px;color: #ccc;max-height: 88px;overflow:hidden; } .main1_2 .right_box a:hover ._t{color: #ccc;} .gmenu {width: 822px; overflow:hidden; padding:30px 0 0 0;} .gmenu li{ width:250px; padding-top:102px; line-height:28px; height:28px; font-size:16px; color: #fff; text-indent:10px; float:left; display:inline; margin-right:24px; margin-bottom:30px; background-position:left top; background-repeat:no-repeat;} .gmenu li.gm_3 , .gmenu li.gm_6 { margin-right:0;} .gmenu li.gm_1{ background-image:url(/upload/gm_1.jpg);} .gmenu li.gm_2{ background-image:url(/upload/gm_2.jpg);} .gmenu li.gm_3{ background-image:url(/upload/gm_3.jpg);} .gmenu li.gm_4{ background-image:url(/upload/gm_4.jpg);} .gmenu li.gm_5{ background-image:url(/upload/gm_5.jpg);} .gmenu li.gm_6{ background-image:url(/upload/gm_6.jpg);} .main2{background-color: #fff;padding:53px 0 55px 0;min-width:1260px;} .main21{width: 360px;height: 320px;} .main2 .video_con{cursor:pointer;} .main2 .tit_box{float:left;width:80%;} .main2 .tit_box .icon_box{display: none;} .main2 .icon_box span{margin-right:10px;} .main2 .info_box{padding:30px 20px; background-color:#f0f0f0;} .main2 .tit_box .tit{font-size:24px; color:#010101; line-height:26px;padding-bottom:10px;} .main2 .arrow_box{float:left;width:20%;} .main2 .arrow_box i{font-size:30px; line-height:58px; text-align:center; color:#b3b3b3; font-weight:normal;} .main2 .video_box .mask_play{width:70px; height:70px; background:url(/upload/play.png) center center no-repeat; position:absolute; margin-left:145px; margin-top:-135px;} .main2 .type1 ._top{display:none;} .main2 .type2 .img_con{display:none;} .main2 .main21{background-color:#f0f0f0;} .ladyScroll{width:870px;height:320px; position:relative; } .ladyScroll .prev,.ladyScroll .next{width:29px;height:50px;position:absolute;top:148px;left:0;z-index:100; cursor:pointer; background:url(/upload/inews_arrs.png) no-repeat;} .ladyScroll .next{ left:auto; right:0; background-position:-29px 0;} .ladyScroll .prev:hover{ background-position:0 -50px; } .ladyScroll .next:hover{ background-position:-29px -50px; } .ladyScroll .scrollWrap{width:870px;margin-left:0px;padding-top:0px;overflow:hidden;position:absolute;} .ladyScroll dl{float:left;width:240px; height:300px; text-align:center;position:relative;padding: 20px 20px 0px 20px; background:#f0f0f0; margin-right:15px;} .ladyScroll dt{margin:0 auto;width:240px;overflow:hidden;} .ladyScroll img{display:block;width:240px;height:152px;} .ladyScroll dd{width:240px; text-align:left;overflow:hidden;} .ladyScroll dd a{color:#333;line-height:22px;font-size:18px; padding:10px 0 15px 0; display:block; } .ladyScroll dd a:hover{ text-decoration:none; } .ladyScroll dd ._c{ line-height: 20px; font-size: 13px; color: #757575; } .floor3{ height:390px; margin-bottom:60px;} .floor3 ul .item{width:20%; height:390px; text-align:center; cursor:pointer; float:left; display:inline;} .floor3 .item .item_bg{width:100%;height:100%;} .floor3 .item .mask{position:absolute; top:0; left:0;right:0;bottom:0;} .floor3 .item .mask .bg{position:absolute; top:0; left:0;right:0;bottom:0; background-color:#161A1D; opacity:0.6;filter: alpha(opacity=60);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));} .floor3 .item .mask .other_bg{opacity: 0.82; filter: alpha(opacity=82); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82));} .floor3 .item .mask .content{ position:absolute; left: 0; right: 0;top: 100px;bottom: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .content .item_img_panel{position: relative;width: 25%; height: 68px; display: inline-block;} .floor3 .item .mask .item_img,.floor3 .item .mask .item_img_hover{ position: absolute;left: 0;right: 0;top: 0;width: 100%;display: inline-block;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .item_img_hover{opacity:0; filter: alpha(opacity=0);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));} .floor3 .item .mask .line_panel{padding: 0;margin: 0;font-size: 0;line-height: 0;margin-top: 20px;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .line_panel .line{width: 20px;height: 2px;background: #fff;display: inline-block;opacity: 1;filter: alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .item_tit{color: #fff; font-size: 22px; line-height: 24px; margin: 0; padding: 0; margin-top: 24px; font-weight: bold;} .floor3 .item .mask .item_desc{font-size: 14px;color: #fff;text-align: center; margin-top: 30px; padding: 0px 23px; line-height: 24px; height: 72px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .item_desc{opacity:0; filter: alpha(opacity=0);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));} .floor3 .item .mask .item_link{display: inline-block; border: 1px solid #fff; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; text-decoration: none; margin-top: 62px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);} .floor3 .item .mask .item_link{opacity:0; filter: alpha(opacity=0);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));} .floor3 .item a:hover .mask .bg{background-color:#083a7e; opacity:0.9;filter: alpha(opacity=90);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));} .floor3 .item a:hover .mask .item_img{opacity:0; filter: alpha(opacity=0);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));} .floor3 .item a:hover .mask .item_img_hover,.floor3 .item a:hover .item_desc,.floor3 .item a:hover .item_link{opacity:1;filter: alpha(opacity=100);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));} .floor3 .item a:hover .content{top:50px;} .floor3 .item a:hover .mask .item_tit{margin-top:5px;} .floor3 .item a:hover .item_desc,.floor3 .item a:hover .item_link{margin-top:50px;} .floor3 .item a:hover .line_panel{margin-top:0;} .floor3 .item a:hover .line_panel .line{display:none;} .rolling > .rolling-box { -webkit-perspective: 1300px; -o-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .rolling .is_animated { -webkit-transition-duration:1.2s; -webkit-transition-property:-webkit-transform,opacity; -webkit-transition-delay:.15s; -webkit-transition-timing-function:'ease-in-out'; -moz-transition-duration:1.2s; -moz-transition-property:all; -moz-transition-delay:.15s; -moz-transition-timing-function:'ease-in-out'; -o-transition-duration:1.2s; -o-transition-property:transform,opacity; -o-transition-delay:.15s; -o-transition-timing-function:'ease-in-out'; -ms-transition-duration:1.2s; -ms-transition-property:transform,opacity; -ms-transition-delay:.15s; -ms-transition-timing-function:'ease-in-out'; transition-duration:1.2s; transition-property:transform,opacity; transition-delay:.15s; transition-timing-function:'ease-in-out'; -webkit-transform:rotatex(-80deg) translateZ(0); -ms-transform:rotatex(-80deg) translateZ(0); transform:rotatex(-80deg) translateZ(0); -webkit-transform-origin:0 0 0; -ms-transform-origin:0 0 0; transform-origin:0 0 0; opacity:0 } .rolling .is_animated.revealed { -webkit-transform:rotatex(0) translateZ(0); -ms-transform:rotatex(0) translateZ(0); transform:rotatex(0) translateZ(0); opacity:1 } .floor4 {margin-bottom:60px;} .floor4 .full-row li{ width:25%; float:left; display:inline;} .floor4 .num_con .number_box{text-align:center;border-right:1px solid #dadada;} .floor4 .num_con .number_box i{font-size: 45px; font-family: Impact; font-weight: normal; line-height:90px; color:#737373;} .floor4 .num_con .number{font-size: 45px; font-family: Impact; font-weight: normal; line-height:90px; color:#737373;} .floor4 .num_con .number_box .unit{margin-left:3px;} .floor4 .num_con .text_box{text-align:center; font-size:16px;color:#737373;line-height:32px;} .main3{min-width:1260px;} .main4{min-width:1260px;} /* bannner_i */ .slideBoxi{ width:100%; height:640px; overflow:hidden; position:relative; min-width:1260px; } .slideBoxi .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slideBoxi .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBoxi .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slideBoxi .hd ul li.on{ background:#f00; color:#fff; } .slideBoxi .bd{ position:relative; height:100%; z-index:0; } .slideBoxi .bd li{ zoom:1; vertical-align:middle; } .slideBoxi .bd li a{ height:640px; display:block; background-position:center top; background-repeat:no-repeat;} .slideBoxi .prev, .slideBoxi .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/upload/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBoxi .next{ left:auto; right:3%; background-position:8px 5px; } .slideBoxi .prev:hover, .slideBoxi .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBoxi .prevStop{ display:none; } .slideBoxi .nextStop{ display:none; } /* banner_l */ .n_banner{ height:286px; background:url(/upload/banner_l.jpg) center top no-repeat; min-width:1260px;} .n_banner .box_wrap{width:100%; padding-top:160px;} .n_banner .box_wrap .bread{ margin-bottom:10px;} .n_banner .box_wrap .bread .channel_current{font-size: 32px;color:#000;font-weight: normal; line-height:51px;} .n_banner .box_wrap .bread .posi{font-size: 13px;color:#000;font-weight: normal;} .n_banner .box_wrap .bread .posi a{color:#000;} .n_banner .box_wrap .detail{} .n_banner .box_wrap .detail li{float:left;margin-left:10px;width:148px;height:45px;background:#de1937;text-align: center;line-height: 45px;} .n_banner .box_wrap .detail li.cur{background:#f8fcfd;} .n_banner .box_wrap .detail li.cur a{color:#222;} .n_banner .box_wrap .detail li a{font-size: 14px;color:#fff;} .n_banner .box_wrap .box{position: relative;} .n_banner_news {background:url(/upload/n_banner_news.jpg) center top no-repeat;} .n_banner_pro {background:url(/upload/n_banner_pro.jpg) center top no-repeat;} .n_banner_case{background:url(/upload/n_banner_case.jpg) center top no-repeat;} /* end */ .mainl{min-width:1260px;} .bdmap{min-width:1260px;} .main { border-top:1px #CCC dotted;} #particles-js{ background:#f1f1f1;}/* width: 100%; height: 100%; background-color: #fff; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position:fixed; left:0; top:0; z-index:1; */ .pagenavi1 { padding:60px 0; color:#fff; text-align:center;} .pagenavi1 span{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#333; background:#eee;} .pagenavi1 a{ border-radius:4px; padding:10px; margin:0 5px; overflow:hidden; color:#fff; background:#083a7e;transition:background 0.3s linear,color 0.3s linear;} .pagenavi1 a:hover{ background:#453327; color:#fff;} .banner_l{ width:100%; height:286px; overflow:hidden; color:#fff; text-align:center; background-position:center top; background-repeat:no-repeat;min-width:1260px;} .banner_l h3{ font-size:24px; line-height:40px; margin-top:367px;} .banner_l p{ font-size:16px; line-height:24px;} .banner_newslist { background-image:url(/upload/banner_newslist.jpg) ;} .banner_about { background-image:url(/upload/banner_about.jpg) ;} .banner_zs { background-image:url(/upload/banner_zs.jpg) ;} .banner_caselist { background-image:url(/upload/banner_case.jpg) ;} .banner_gbook { background-image:url(/upload/banner_gbook.jpg) ;} .title_l , .title_l a{ font-size:12px; color:#999; line-height:30px;} /* about */ .aboutl { } .cnt_about { width:100%; padding:50px 0 30px 0;} .cnt_about img{ width:auto; max-width:800px;} .cnt_about p{ margin-bottom:10px;} /* news */ .cntlist { padding:70px 0 30px 0; } .cntlist ul{} .cntlist ul li{ float:left; width:30%; height:px; display:inline; margin:0 2% 20px 0; overflow:hidden; background:#f8f8f8;position:relative;transition:transform 0.3s linear,box-shadow 0.3s linear;-webkit-transition:-webkit-transform 0.3s linear,box-shadow 0.3s linear;-moz-transition:-moz-transform 0.3s linear,box-shadow 0.3s linear;} .cntlist ul li:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); box-shadow:3px 3px 4px #ccc;} .cntlist ul li .pic{ width:100%; height:210px; overflow:hidden;} .cntlist ul li .pic img{ width:100%; height:auto; cursor: pointer; transition: all 0.6s; } .cntlist ul li .pic img:hover{transform: scale(1.2);} .cntlist ul li h3{ padding:0 15px;} .cntlist ul li h3 a{ font-size:14px; line-height:26px; padding:30px 0 10px 0; display:block; text-align:left; color:#333; font-size:18px;} .cntlist ul li h3 a:hover{ color:#0a51a1;} .cntlist ul li .cntdesc{ height:58px;; overflow:hidden; padding:0 15px; color:#666; font-size:14px; line-height:18px; text-indent:2em;} .cntlist ul li .cntother{ height:auto; overflow:hidden; padding:10px 15px 10px 15px; font-size:12px; color:#aaa; } .cntlist ul li .cntother .fl{} .cntlist ul li .cntother .fr{} .cntlist ul li.cntlist4 , .cntlist ul li.cntlist8 , .cntlist ul li.cntlist12 , .cntlist ul li.cntlist16 , .cntlist ul li.cntlist20{ margin-right:0;} /* pro */ .menu_pro { text-align:center; padding:100px 0 10px 0; } .menu_pro a{ font-size:14px; line-height:24px; color:#666; font-family: bentonsans-thin,arial; padding:0 3px; margin-left:12px;} .menu_pro a:hover , .menu_pro a.currentNav{ color:#A82F24 ; font-weight:600; } .menu_pro #mct1{ margin-left:0;} #prolist { padding-top:50px;} /* foot */ .footer { height: auto; overflow: hidden; background-color: #e3e3e3; min-width:1260px; } .link { height: auto; overflow: hidden; padding: 73px 0 28px; } .link dl { float: left; width: 150px; height: 280px; padding-left: 13px; border-left: 1px solid #d4d4d4; } .link dt { font-size: 14px; font-weight: bold; line-height: 26px; } .link dt a { display: block; color: #444; } .link dt a:hover { color: #083a7e; } .link dd { height: auto; overflow: hidden; margin-top: 16px; } .link dd a { display: block; height: 30px; line-height: 30px; color: #555; } .link dd a:hover { color: #083a7e; } .linkList { float: left; } .footService { float: right; width: 202px;} .footTit { height: 40px; line-height: 40px; color: #666; font-size: 14px; font-weight: bold; text-align: center; border: 1px solid #cacaca; } .footService ul li { float: left; position: relative; text-align: center; margin: 0 0 0 52px; padding-top: 32px; position: relative; } .footService ul li:first-child { margin-left: 0; } .footService ul li > a { display: block; color: #666; line-height: 34px; width: 32px; } .footService ul li > a img { width: 32px; height: 32px; } .footService ul li > a:hover { color: #000; } .footService ul li > a:hover img { filter: alpha(opacity=70); opacity: 0.7; } .footService ul li .sub { position: absolute; left: -37px; bottom: 75px; background-color: #fff; display: none; } .footService ul li .sub:after { position: absolute; width: 0; height: 0; content: ''; display: block; bottom: -5px; left: 50%; margin-left: -3px; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; } .footService ul li .sub .item { width: 100px; border-top: 1px solid #e4e5e5; text-align: center; font-size: 14px; color: #555; height: 46px; line-height: 46px; } .footService ul li .sub .item a { color: #555; } .footService ul li .sub .item:first-child { border-top: none; } .footService ul li .sub .item:hover { background-color: #fc9c20; color: #fff; } .footService ul li .sub .item:hover a { color: #fff; } .ewm { position: absolute; left: -43px; top: -106px; z-index: 5; display: none; width: 120px; height: 126px; background: url(../images/wechat.png) no-repeat 0 0; } .copy {height: auto; overflow: hidden; background-color: #3e3e3e; font-size: 14px; color: #b5b5b5; line-height: 24px; text-align: center; font-family: Arial; padding: 30px 0; } .copy a { display: inline-block; margin-left: 8px; color: #b5b5b5; } .copy a:hover { color: #fff; } .shareCon { position: fixed; z-index: 888; bottom: 0; left: 0; display: none; width: 100%; height: 100%;} .shareCon .bg { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .shareRoundIcons {position: absolute; z-index: 3; bottom: 0; left: 0; box-sizing: content-box; width: 100%; height: 60px; padding: 28px 0; background-color: #fff; text-align:center;} .bdshare-button-style0-32 a{ float:none !important; display:inline-block !important; margin:14px 5px 0 !important;} .mnb6 { display:none;} /* submsg */ .opentab { width:60px; height:60px; position:fixed; z-index:200; right:5px; bottom:5px;} .opentab a{ width:60px; height:60px; background:url(/upload/gotop.png) left top no-repeat; display:block;} .opentab a:hover{background:url(/upload/gotop.png) left -60px no-repeat;} .bg_subtab { width:100%; background:url(/upload/p40x65_2.png); position:fixed; z-index:99; left:0; top:0;} .subtab { width:780px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-390px; background:#fff; z-index:100; font-size:14px; font-family:"微软雅黑", "宋体", Arial;} .tab_title { line-height:60px; text-indent:20px; background:#083a7e; color:#fff;} .tab_cnt { height:auto; overflow:hidden; padding:40px 20px; background:url(/upload/code2.png) 550px -10px no-repeat;} .tab_cnt img{ height:10px; padding:12px 4px; background:#dde8fc; margin-left:4px;} .tab_sublist { margin-bottom:16px;} .ipt1{width: 500px;height: 32px;padding:0px 12px;background-color: #fff;border: 1px solid #ccc;border-radius: 1px; font-size:12px; line-height:32px; color:#555;} .ipt2 { height:120px; vertical-align:top; line-height:18px; padding-top:6px;} .ipt3 { width:100px;} input::-webkit-input-placeholder {color: #999;font-size: 12px;} .int3 { width:333px; height:34px; background:#083a7e; color:#fff; text-align:center; line-height:32px; font-size:12px; border:none; border-radius:1px; margin-left:15px;} #closetab { width:60px; height:60px; display:block; float:right; background:url(/upload/close.png) -60px top no-repeat;} #closetab:hover{background:url(/upload/close.png) left top no-repeat;} /* 客服 */ .advrb {width: 60px;height: 60px;position: fixed;_position: absolute;right: 5px;bottom:67px; z-index:999;} #gotop #weixin {width: 60px;height: 60px;} #gotop {width: 60px;height: 60px;display: block;background: url(/upload/gotop.png) -60px top no-repeat;} #gotop:hover {background: url(/upload/gotop.png) -60px -60px no-repeat;} /*newsdetail*/ .goback{ height:28px; padding-bottom:10px; } .goback a{ width:60px; height:28px; line-height:28px; background:url(../img/p11x12.png) 10px 8px no-repeat #808080; padding-left:25px; padding-right:10px; font-size:14px; color:#fff; border-radius:4px; display:block; float:left;} #newsdetail { padding:40px 80px 80px 80px; width:920px; margin:0 auto 10px auto; height:auto; overflow:hidden; color:#333; line-height:1.8;} #newsdetail .content h2.ttl{ font-size:30px; padding:20px 0 30px 0;} #newsdetail .content h2.ttl span{ border-bottom:2px solid #666; height:auto; overflow:hidden; padding-bottom:4px;} #newsdetail .content .posts{ font-size:14px;} #newsdetail .content .posts img{ max-width:900px; padding:5px 0;} #newsdetail .content .posts p{margin:10px 0;} #newsdetail .content .posts .pages{ width:100%; height:auto; overflow:hidden; padding:20px 0; text-align:center; color:#FFF;} #newsdetail .content .posts .pages span{ border-radius:4px; padding:5px 10px; margin:0 5px; overflow:hidden; color:#fff; background:#ddd;} #newsdetail .content .posts .pages a{ border-radius:4px; padding:5px 10px; margin:0 5px; overflow:hidden; color:#eee; background:#b3b3b3;transition:background 0.3s linear,color 0.3s linear;} #newsdetail .content .posts .pages a:hover{ background:#f1f1f1; color:#808080;} .nddata { width:440px; height:40px; overflow:hidden; color:#999; } .nddata span{ margin-right:10px;} /* gbook */ #messagelist { width:45%; margin-left:5%;} .input { padding:3px 0;} #messagelist .info{ color:#f00; margin-left:5px;} #messagelist .input-text{ width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#333; background:#fff;} #messagelist .textarea-text {width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#333; background:#fff;} #messagelist .submit{width:98%; height:40px; line-height:40px; text-indent:2em; border:1px solid #f1f1f1; border-radius:4px; color:#fff; background:#333; font-size:16px;} .ctitle { font-size:24px; line-height:30px; margin-bottom:20px;} .lxxx { width:45%; height:auto; overflow:hidden; font-size:16px; color:#555; line-height:2;} .lxxx h2{ font-size:24px; line-height:30px; margin-bottom:20px; color:#333;} /* end */ /* 渐进 */ .active .danru11{-webkit-animation:fadeInUp 1s 0.2s ease both;-moz-animation:fadeInUp 1s .2s ease both;} .active .danru12{-webkit-animation:fadeInUp 1s 0.4s ease both;-moz-animation:fadeInUp 1s .4s ease both;} .active .danru13{-webkit-animation:fadeInUp 1s 0.6s ease both;-moz-animation:fadeInUp 1s .6s ease both;} .active .danru14{-webkit-animation:fadeInUp 1s 0.8s ease both;-moz-animation:fadeInUp 1s .8s ease both;} .active .danru15{-webkit-animation:fadeInUp 1s 1.0s ease both;-moz-animation:fadeInUp 1s 1s ease both;} .active .danru16{-webkit-animation:fadeInUp 1s 1.2s ease both;-moz-animation:fadeInUp 1s 1.2s ease both;} .active .danru17{-webkit-animation:fadeInUp 1s 1.4s ease both;-moz-animation:fadeInUp 1s 1.4s ease both;} .active .danru18{-webkit-animation:fadeInUp 1s 1.6s ease both;-moz-animation:fadeInUp 1s 1.6s ease both;} .active .danru19{-webkit-animation:fadeInUp 1s 1.8s ease both;-moz-animation:fadeInUp 1s 1.8s ease both;} .active .danru20{-webkit-animation:fadeInUp 1s 2.0s ease both;-moz-animation:fadeInUp 1s 2s ease both;} @-webkit-keyframes fadeInUp{ 0%{opacity:0;-webkit-transform:translateY(20px)} 100%{opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp{ 0%{opacity:0;-moz-transform:translateY(20px)} 100%{opacity:1;-moz-transform:translateY(0)} } @media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1366px) { } @media only screen and (max-width: 1280px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 800px) { } @media only screen and (max-width: 640px){ } @media only screen and (max-width: 480px) { } @media only screen and (max-width: 320px) { }