/* CSS Document */ .animated .s_t02{visibility:visible;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t05{visibility:visible;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t1{visibility:visible;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t15{visibility:visible;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t2{visibility:visible;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t25{visibility:visible;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_t3{visibility:visible;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated .s_up {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} .animated .s_left {-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} .animated .s_right {-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} .animated .s_down {-webkit-animation-name:fadeInDown;animation-name:fadeInDown} .animated .s_r{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} .animated .s_d{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} h3{ color:red!important; font-weight:bold;} /**手机隐藏**/ .m_nav_btn{ display: none;} .mainnav .tit{ display: none;} .swiper_a{ display: none;} .swiper_c{ display: none;} .m_rongyum_rongyu{ display: none;} /**手机隐藏**/ .wbox1200{ width: 1200px; margin: 0 auto;} .maintop{ position: fixed;; top: 0; width: 100%; z-index: 999;} .header{ height: 30px; background: #fff;} .header .wbox1200{ position:relative;} .header .logo{ width: 280px; margin-top: 0px; text-align: center; padding-top: 0px; float: left; position: absolute; left: 0; background: #f2f2f2; height: 80px;} .header .logo img{ width: 240px; margin:5px;} .header .tel{ float: right; color: #283d80; font-size: 24px; line-height: 20px; margin-top: 6px;;font-weight: bold; font-family:verdana; letter-spacing: -1px;} .header .tel i{ display: inline-block; height: 19px; width: 19px; background:url(../images/ico_tel.png) no-repeat center; vertical-align: middle; margin-right: 10px;;} .header .wx{ float: right; margin-left: 20px; margin-top: 3px; position: relative; height: 24px; width: 0px; cursor: pointer;} .header .wx i{ display: inline-block; background:url(../images/ico_wx1.png); height: 24px; width: 24px; background-size: 24px auto;} .header .wx .box{ position: absolute; right: -50px; border: 1px solid #ddd; padding: 6px; top: 60px; opacity: 0; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; background: #fff; visibility: hidden;} .header .wx.on .box{ top: 40px; opacity: 1; visibility: visible;} .header .tel p{ font-size: 12px; padding-left: 30px; color: #888; font-weight:normal; display: none;} .mainnav{ height: 50px; background: rgba(40,61,128,0.9);} .mainnav ul{ width: 900px; margin: 0 auto; padding-left: 300px;} .mainnav ul li{ float:left; height:50px; line-height: 50px;} .mainnav ul li a{ color: #fff; font-size: 15px; display: block; width: 110px; text-align: center;-webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .mainnav ul li a:hover{ background: #0f193b;} .mainnav ul li a.on{ background: #0f193b;} .subnav{ background:url(../images/bg3.png); width: 100%; height: 0; line-height: 0; visibility:hidden; overflow: hidden; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; text-align: center;} .subnav dl{ width: 1200px; margin: 0 auto; position: relative; left: 100px; margin: 30px auto; opacity: 0;} .subnav dl dd{margin-right: 20px; display: inline-block;} .subnav dl dd a{ display: block; color: #fff; text-align: center; line-height: 20px; font-size: 14px;} .subnav dl dd a img{ width: 140px;} .subnav dl dd a:hover{ color:#e6b647;} .subnav.on{ display: block; height: auto; visibility: visible; } .sn1,.sn2,.sn3,.sn4,.sn5,.sn6{ display:none;} .sn3{display:none!important;} /* 全屏轮播FocusImg */ .FocusImg{width:100%; min-width:1080px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1080?"1080px":""); height:600px;position:relative;z-index:99; margin-top: 80px;} .FocusImg .pic{ width:100%; height:100%;position:relative; z-index:98; overflow:hidden; background:#000;} .FocusImg .pic li{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute;z-index:100;} .FocusImg .num{width:100%; height:28px; bottom:20px;position:absolute; z-index:101; left:0; font-size:0px; text-align:center; display: none;} .FocusImg .num .bbg{ background:rgba(0,0,0,0.5); padding:8px; display:inline-block; filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99000000, endColorstr=#99000000); -moz-border-radius:14px;-webkit-border-radius:14px;-o-border-radius:14px;-ms-border-radius:14px;border-radius:14px; } .FocusImg .num a{ width:12px; height:12px; display:inline-block; background:#fff; margin:0 5px; -moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;border-radius:6px; } .FocusImg .num a.current{background:#d30830;} .FocusImg .bun{ width:30px; height:60px; position:absolute; top:50%; margin-top:-30px; z-index:100; display:block; cursor:pointer; background:url(../style/banner/images/bun.png) no-repeat left top; display: none;} .FocusImg .bun.lbun{ left:50%; margin-left:-540px; background-position:0 0;} .FocusImg .bun.lbun:hover{ background-position:0px -60px;} .FocusImg .bun.rbun{ right:50%; margin-right:-540px; background-position:-30px 0px;} .FocusImg .bun.rbun:hover{background-position:-30px -60px;} .FocusImg .fudong{ position: absolute; bottom: 80px; z-index: 999; width: 1200px; left: 50%; margin-left: -600px;} .FocusImg .fudong .link{ width: 330px; height: 150px; float: left; margin-right: 20px; display: block; position: relative; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2);} .FocusImg .fudong .link i{ opacity: 1; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .FocusImg .fudong .link .txt{ position: absolute; padding: 20px;;} .FocusImg .fudong .link .txt h2{ color: #fff; font-size: 20px; font-weight: bold; margin-top: 24px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .FocusImg .fudong .link .txt p{ color: #fff; font-size: 12px;text-transform:uppercase} .FocusImg .fudong .link:hover i{ opacity: 0;} .FocusImg .fudong .link:hover .txt h2{ margin-top: 0;} .FocusImg .fudong .cjwt{ background: #273c7f; width: 500px; height: 210px; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; position: absolute; right: 0; bottom: 0px; overflow: hidden; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } .FocusImg .fudong .cjwt .tit{ background: #1d2f68; height: 50px; color: #fff; padding: 10px 0 0 20px;font-size: 20px; line-height: 20px;text-transform:uppercase} .FocusImg .fudong .cjwt .tit span{ font-size: 12px;} .FocusImg .fudong .cjwt .tit a{ position: absolute; right: 15px; top: 17px;} .FocusImg .fudong .cjwt ul{ padding:10px 20px 20px 20px;} .FocusImg .fudong .cjwt ul li{ line-height: 33px;} .FocusImg .fudong .cjwt ul li a{ color: #c1c8dc; display: block; background:url(../images/i_30.png) no-repeat left center; padding-left: 10px;} .FocusImg .fudong .cjwt ul li a:hover{ color: #fff;} .FocusImg .fudong .cjwt.on{ height: 400px;} /* 弹窗 */ .layer_tishi{width:500px; margin-left:-250px; left:50%; background:#fff; top:20%; height:200px; box-shadow:0 0 6px #888;} .layer_tishi .close{ position:absolute; right:-10px; top:-10px; background:#D52000 url(../images/ico_close.png) no-repeat center; height:30px; width:30px; border-radius:25px; cursor:pointer;-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out; -ms-transition: all .53s ease-out;} .layer_tishi .close:hover{transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */} /* 弹窗end */ .fahuo{ position: absolute; height:50px; background: url(../images/bg2.png); width: 100%; z-index: 999; bottom: 0;} .fahuo .tit{ float: left; background:#283d80; color:#fff; height: 50px; line-height: 50px; width: 180px; text-align: center; font-size: 14px;} .fahuo .tit i{ margin-right: 10px; vertical-align: middle;} .fahuo .bd{ float: left; margin-left: 20px; overflow: hidden;} .fahuo .bd ul{} .fahuo .bd ul li{ height: 50px; line-height: 50px;} .fahuo .bd ul li a{ color: #bfbfbf;} .fahuo .bd ul li span{ color: #bfbfbf; margin-left: 40px;} .fahuo .bd ul li a:hover{ color: #fff;} .fahuo .hd{ float: right;} .fahuo .hd a{ display: inline-block; height: 17px; width: 17px; display: block; margin-top: 5px;} .fahuo .hd .next{ background:url(../images/qh_44.png)} .fahuo .hd .prev{ background:url(../images/qh_39.png)} .fahuo .hd .next:hover{ background: url(../images/qh_43.png);} .fahuo .hd .prev:hover{ background: url(../images/qh_37.png);} .fenleiico{ overflow:hidden; padding: 20px 0;} .fenleiico ul{ width: 1350px;} .fenleiico li{ float: left; margin-right: 125px; -webkit-transform: scale(0.2,0.2); -moz-transform: scale(0.2,0.2); -ms-transform: scale(0.2,0.2); transform: scale(0.2,0.2);} .fenleiico a{ display: block;} .fenleiico i{ display:block; height: 96px; width: 96px; border-radius: 96px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; } .fenleiico span{ display: block; text-align: center; font-size: 16px; margin-top: 5px;} .fenleiico .i1{background: url(../images/fl1.png) no-repeat center;} .fenleiico .i2{background: url(../images/fl2.png) no-repeat center;} .fenleiico .i3{background: url(../images/fl3.png) no-repeat center;} .fenleiico .i4{background: url(../images/fl4.png) no-repeat center;} .fenleiico .i5{background: url(../images/fl5.png) no-repeat center;} .fenleiico .i6{background: url(../images/fl6.png) no-repeat center;} .fenleiico a:hover i{ background-color:#283d80 ;transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */ -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */ -o-transform:rotate(360deg); /* Opera */} .i_about_box{ padding: 30px 0; background: #eee;} .i_about{ width: 1200px; margin: 0 auto; position: relative; bottom: 0; height: 431px;} .i_about img{ float: right; height: 431px; width: 666px;;-webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} .i_about .txt{ position: absolute; left: 0; width: 550px; height: 305px; background: url(../images/bg5.png); bottom: 0px; padding: 60px 0 0 50px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); z-index: 99;} .i_about .txt h2{ color: #fff; font-size: 24px;} .i_about .txt span{ font-size:40px; font-family: Georgia; color: #fff;;} .i_about .txt p{ color: #fff; margin-top: 10px; font-size: 15px; line-height: 24px; padding-right: 100px;} .i_about .txt a.more{ background: #e6b647; height: 50px; width: 115px; text-align: center; line-height: 50px; position: absolute; right: -75px; bottom: 0; color: #fff;} .i_about_box .link{ width: 1200px; margin: 0 auto; margin-top: 21px; overflow:hidden;} .i_about_box .link ul{ width: 1300px;} .i_about_box .link ul li{ float: left; width: 386px; margin-right: 21px; background: #fff; -webkit-transform: scale(0.2,0.2); -moz-transform: scale(0.2,0.2); -ms-transform: scale(0.2,0.2); transform: scale(0.2,0.2);} .i_about_box .link ul li:nth-child(2){ -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; transition-delay: 0.4s;} .i_about_box .link ul li:nth-child(3){ -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; transition-delay: 0.6s;} .i_about_box .link ul li a{ display: block; text-align: center; font-size: 18px; height: 166px; padding-top: 50px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; border-bottom: 5px solid #fff;} .i_about_box .link ul li a i{ display: inline-block;height: 65px; width: 65px; margin-bottom: 10px;} .i_about_box .link ul li a i.i1{ background: url(../images/a1.png);} .i_about_box .link ul li a i.i2{background: url(../images/a2.png);} .i_about_box .link ul li a i.i3{background: url(../images/a3.png);} .i_about_box .link ul li a:hover{ border-bottom: 5px solid #283d80;} .i_about_box .link ul li a:hover .i1{ background: url(../images/a1a.png);} .i_about_box .link ul li a:hover .i2{ background: url(../images/a2a.png);} .i_about_box .link ul li a:hover .i3{ background: url(../images/a3a.png);} .i_news{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #eee;} .i_news .navtit{ color: #222; font-size: 24px; font-weight: bold; padding: 24px 0; border-bottom: 1px solid #ddd; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);} .i_news .tita{ font-weight: bold; color: #666; color: #222; font-weight: bold; font-size: 24px; margin-bottom: 40px; border-bottom: 1px solid #ddd; padding-bottom: 20px;} .i_news .navtit span{ color: #888; font-size: 14px; font-weight: normal; margin-left: 10px;} .i_news .navtit a{ float: right; color: #888; font-size: 16px;font-weight: normal; margin-top: 10px;} .i_news .txtlist{ float: left; padding: 30px 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .i_news .txtlist ul{ border-left: 1px solid #ddd; margin-bottom: 40px;} .i_news .txtlist li{ margin-bottom: 25px;} .i_news .txtlist li a{ color: #444; padding-left: 30px; position: relative; font-size: 16px;} .i_news .txtlist li a i{ text-align: center; line-height: 8px; border: 1px solid #cccccc; display: inline-block;height: 14px; width: 14px; border-radius: 14px; position: absolute; left: -9px; background: #fff; top: 3px;} .i_news .txtlist li a i em{ height: 6px; width: 6px; background: #aaa; display: inline-block; border-radius: 6px;;} .i_news .txtlist li span{ color: #999; display: block; margin-left: 30px;} .i_news .txtlist li a:hover{ color: #273c7f;} .i_news .txtlist li a:hover i{ border: 1px solid #273c7f;} .i_news .txtlist li a:hover i em{ background: #273c7f;} .i_news .imglist{ float: right; width: 600px; padding: 30px 0;} .i_news .imglist ul{} .i_news .imglist li{ float: left; height: 180px; margin-left: 20px; margin-bottom: 20px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2);} .i_news .imglist a{ width: 280px; height: 180px; display: block; position: relative; overflow: hidden;} .i_news .imglist a span{ position: absolute; bottom: 0; height: 40px; left: 0; line-height: 40px; text-align: center; color: #fff; background: url(../images/bg2.png); width: 100%;} .i_news .imglist a img{height: 180px; width: 280px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .i_news .imglist a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2);} .i_news .more{ font-size: 18px;} .i_news .more i{ display: inline-block; background: url(../images/ico_jt_r.png); height: 17px; width: 17px; margin-left: 10px;} .navtitall{-webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);} .navtitall h2{ border-bottom:1px solid #ddd; width: 300px; margin: 0 auto; position: relative;} .navtitall h2 span{ top: -20px; font-size: 26px; font-weight: bold; color: #333333; background: #fff; width: 140px; position: absolute; left: 50%; margin-left: -70px; text-align: center;} .navtitall p{ text-align: center; margin-top: 24px; font-size: 16px;} .navtitall.mb4s{ margin-bottom: 40px;} .rongyu{ padding: 50px 0;} .rongyu .navtitall{ } .rongyu .navtitall h2{ width: 300px;} .rongyu .navtitall h2 span{ width: 140px; position: absolute; left: 50%; margin-left: -70px; } .rongyu .con{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);} .rongyu .con .bd{ width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 40px;} .rongyu .con .bd ul{ width: 1230px;} .rongyu .con .bd ul li{ width: 275px; height: 180px; float: left; margin-right: 32px;} .rongyu .con .bd ul li a{} .rongyu .con .hd{ position: relative; width: 1200px; margin:0 auto;} .rongyu .con .hd a{ display: block; height: 37px; width: 37px; background: #eee; top: -110px;} .rongyu .con .hd .prev{ position: absolute; left: -50px; background: url(../images/ico_jt_l.png);} .rongyu .con .hd .next{ position: absolute; right: -50px; background: url(../images/ico_jt_r-30.png);} .ipro{ background: #eee; padding-top: 60px; padding-bottom: 30px;} .ipro .navtitall{ } .ipro .navtitall h2{ border-bottom: 1px solid #ddd; width: 700px;} .ipro .navtitall h2 span{ background: #eee;} .dwo-control { display: none;} .dwo-control span { position: fixed; z-index: 1000; cursor: pointer;} .dwo-close { right: 30px; top: 30px; width: 54px; height: 54px; background: url(../images/dwo.png) 0 bottom no-repeat;} .dwo-prev { left: 30px; top: 45%; width: 47px; height: 93px; background: url(../images/dwo.png) 0 0 no-repeat;} .dwo-next { right: 30px; top: 45%; width: 47px; height: 93px; background: url(../images/dwo.png) 0 -98px no-repeat;} .iproleft{ background: #fff; width: 280px; height: 510px; margin-top: 50px; float: left; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .iproleft .navtit{ background: #ffb15d; height: 60px; line-height: 60px; color: #fff; font-weight: bold; font-size: 20px; padding-left: 10px;;} .iproleft .navtit i{ display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/ico_tit1.png); height: 28px; width: 28px;;} .iproleft .list{} .iproleft .list ul{} .iproleft .list ul li{ border-bottom: 1px dotted #808fbb; line-height: 42px; padding-left: 20px;} .iproleft .list ul li a{ color: #666; } .iproleft .list ul li a i{ display: inline-block; background:#4a5e9e; color: #fff; height: 22px; width: 22px; text-align: center; line-height: 22px; border-radius: 22px; font-style: normal; margin-right: 10px;} .iproleft .list ul li a .img{ display: none;} .iproleft .list ul li a .img img{ width: 130px; height: 120px;} .iproleft .list ul li a .img p{ line-height: 24px; color: #666; padding-bottom: 20px; font-size: 12px;} .iproleft .list ul li a .info{ display: none;} .iproleft .list ul li a.on{ color: #ffb15d;} .iproleft .list ul li a.on .img{ display: block; line-height: 22px;} .iproleft .list ul li a.on i{ background: #da7407;} .iproleft a .info{ color: #888; line-height: 21px; display: none; padding-bottom: 10px; display: none;} .iproleft .list ul li a.on .info{ display: block;} .iproright{ height: 510px; width: 920px; float: right; margin-top: 50px; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} .iproright ul{} .iproright li{ float: left; margin-bottom: 15px; margin-left: 20px;} .iproright a{ display: block; position: relative; height: 100%; width: 100%;} .iproright .txt{ position: absolute; background: url(../images/bg2.png); bottom: 5px; left: 0; width: 100%; height: 90px; padding-top: 10px; text-align: center; opacity: 0; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .iproright .txt h2{ color: #fff; text-align: center; font-size: 20px;} .iproright .txt span{ color: #fff; text-align: center; margin-top: 10px; display: inline-block; background: #e6b646; color: #fff; border-radius: 3px; padding: 5px 12px;} .iproright a:hover .txt{ opacity: 1;} .huoqu{ background: #273c7f; height: 74px; width: 1200px; margin: 0 auto; margin-top: 30px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);} .huoqu .tit{ background:#e6b646 url(../images/i_129.png) no-repeat right top; height: 60px; width: 170px; position: relative; padding-left: 100px; line-height: 24px; padding-top: 14px; float: left;} .huoqu .tit h2{ color: #fff; font-size: 26px; color:#1e316d; font-weight: bold;} .huoqu .tit i{ display: inline-block; background: url(../images/ico_ren.png); height: 130px; width: 100px; position: absolute; top: -26px; left: 0;} .huoqu .tit p{ font-size: 14px; color: #1e316d;} .huoqu .con{ float: left; padding-top: 14px; width:930px;} .huoqu .con .form{ float: left; padding-left: 20px;} .huoqu .con .form input[type=text]{ height: 45px; width: 270px; background: #1e316d; border: 1px solid #34498c; color:#fff} .huoqu .con .form .i1{ padding-left: 10px;} .huoqu .con .form .i2{ background: #e6b646; height: 45px; width: 88px; text-align: center; line-height: 45px; color: #1e316d; font-weight: bold; font-size: 20px; border: none;} .huoqu .tel{ float: right; width: 220px; color: #fff; line-height: 20px; text-align: left;} .huoqu .tel i{ display: inline-block; background: url(../images/ico_tel2.png); height: 30px; width: 30px; vertical-align: middle;; margin-right: 10px;;} .huoqu .tel span{ font-size: 20px; font-weight: bold;} .huoqu .tel p{ display:inline-block; vertical-align: middle;} .icase{ background: url(../images/bg3.jpg) no-repeat center bottom; background-size: 100%; padding-top:30px;} .caselist .caselist_tab{ padding:60px 0 44px 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2);} .caselist .caselist_tab ul{ text-align:center;} .caselist .caselist_tab li{ display:inline-block; height:34px; width:96px; line-height:34px; text-align:center; border-radius:4px; border:1px solid #a8a8a8; cursor:pointer; margin: 0 15px;} .caselist .caselist_tab li.on{ background:#273c7f; border:1px solid #273c7f; color:#fff; font-size:14px; position:relative;} .caselist .caselist_tab li.on i{ position:absolute; background:url(../images/i_138.png) no-repeat; width:9px; height:5px; left:50%; margin-left:-5px; bottom:-5px;} .caselist_con_list{ width: 1200px; /*overflow: hidden;*/} .caselist_con_list ul{ width:1240px; display: none;} .caselist_con_list ul li{ width:270px; float:left; height:370px; margin-right:40px; margin-bottom:30px; position:relative; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2);} .caselist_con_list ul li a{ display:block; background: #fff; box-shadow: 0 0 6px #aaa; overflow: hidden;} .caselist_con_list ul li a .img{ height: 250px; width:270px; overflow: hidden;} .caselist_con_list ul li img{ width: 270px; height:250px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} .caselist_con_list ul li a .txt{ color: #222; height:auto; line-height: 20px; padding-left: 20px; font-size: 14px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; padding-top: 10px;} .caselist_con_list ul li a .txt .name{ height: 40px;;} .caselist_con_list ul li a .txt p{ font-size: 14px; padding-top: 10px;} .caselist_con_list ul li a .txt p em{ color: #1d2f68;} .caselist_con_list ul li a .txt p span{ text-decoration: underline;} .caselist_con_list ul li a:hover img{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2);} .caselist_con_list ul li a:hover .txt{ background: #273c7f; color: #fff;} .caselist_con_list ul li a:hover .txt p em{ color:#ffdc88;} .icontact{ padding: 30px 0; border-top: 1px solid #dedede; background: #f2f2f2;} .icontact .navtit{ margin-bottom: 30px; font-size: 18px; font-weight:normal; color: #282828; text-transform: uppercase;} .icontact .contact{ float: left; border-right: 1px solid #ddd; width: 580px; padding-top: 30px; height: 220px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .icontact .contact .txt{ line-height: 25px;} .icontact .contact .link{ padding-top: 30px; display: none;} .icontact .contact .link a{ display: inline-block; height: 40px; -webkit-transition:all 1s 0s; -moz-transition:all 1s 0s; -ms-transition:all 1s 0s; transition:all 1s 0s; width: 40px; margin-right: 10px;} .icontact .contact .link .qq{ background: url(../images/ico_qq.png);} .icontact .contact .link .wx{background:url(../images/ico_wx1-50.png);} .icontact .contact .link .qq:hover{ background: url(../images/ico_qqa.png); transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} .icontact .contact .link .wx:hover{background:url(../images/ico_wx1a-52.png); transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);} .icontact .weixin{ float: left;border-right: 1px solid #ddd; width: 380px; height: 220px;text-align: center; line-height: 30px; padding-top: 30px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2);} .icontact .weixin img{ padding: 6px; background: #fff;} .icontact .form{ float: right; padding-top: 30px; height: 270px; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} .icontact .form p{ margin-bottom: 10px;} .icontact .form p .i1{ width: 306px; height: 28px; background: #f2f2f2; border: none; font-size: 14px; line-height: 28px; padding-left: 10px;} .icontact .form p .i2{ background: #f2f2f2; width: 296px; height: 50px; border: none; padding: 10px;} .icontact .form p .i3{ background: #273c7f; height: 35px; width: 110px; color: #fff; line-height: 35px; border: none;} .icontact .link2{ padding-left: 100px; float: left; padding-top: 30px;} .icontact .link2 p{} .icontact .link2 p a{ display:block; font-size: 14px; margin-bottom: 20px;} .ani{ opacity:0; -webkit-transition:all 1s 0.2s; -moz-transition:all 1s 0.2s; -ms-transition:all 1s 0.2s; transition:all 1s 0.2s; } .ani.ani-active{ opacity:1; -webkit-transform:translate(0,0) scale(1,1) !important; -moz-transform:translate(0,0) scale(1,1) !important; -ms-transform:translate(0,0) scale(1,1) !important; transform:translate(0,0) scale(1,1) !important; } .ny_banner{ height:360px; background:#333; margin-top: 80px; position: relative;} .ny_banner h2{ text-align:center;color:#b06666; font-family: Verdana; font-size:38px; font-weight:bold; padding-top:0px; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); text-transform: uppercase; position: absolute; width: 500px; left: 50%; margin-left: -250px; top: 66px;} .ny_banner p{ text-align:center; color:#b06666; font-weight:400;font-size:16px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 120px;} .ny_banner .bg{ background: rgba(255,255,255,0.5); height: 100px; width: 300px; position: absolute; left: 50%; margin-left: -150px; top: 60px;} .ny_banner i{ height:13px; width:1px; background:#fff; display:inline-block; margin:0 15px; vertical-align:middle;} .about_banner{ background: url(../images/ny_banner2.jpg) no-repeat center top; height: 240px; position: relative;} .about_banner.about{ background: url(../images/about_banner.jpg) no-repeat center top; height: 400px; position: relative;} .about_banner.about h2{ padding-top:0px; color: #444;} .about_banner.about p{ color: #666;} .about_fenlei{ background: #fff;} .about_fenlei ul{ width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;} .about_fenlei li{ display: inline-block; margin: 0 6px;} .about_fenlei li a{ background: #fff; display: inline-block; height:40px; padding: 0 40px; line-height: 40px; font-size: 16px; border-radius: 4px; box-shadow: 0 0 5px #aaa} .about_fenlei li a.on{background: #283d80; color: #fff;} .about_fenlei li a:hover{background: #283d80; color: #fff;} .about_fenlei.about{ position:absolute; bottom: 0; left: 0; width: 100%;background:url(../images/bg1.png);} .about_fenlei.about li a{ box-shadow: none;} .about_fenlei2{ } .about_fenlei2 ul{ width: 1200px; margin: 0 auto; text-align: center; padding: 40px 0;} .about_fenlei2 li{ display: inline-block;color: #666; height:40px; padding: 0 30px; margin: 0 6px; cursor: pointer; line-height: 40px; font-size: 16px; border-radius: 55px; box-shadow: 0 0 5px #aaa} .about_fenlei2 li.on{background: #283d80; color: #fff;} .about_fenlei2 li.on a{color:#fff;} .about_about{ background:#f2f2f2;} .about_about .logo{ float:left; height: 369px;} .about_about .logo img{} .about_about .txt{ float:left; width:750px; text-align:center;} .about_about .txt h2{ font-size:34px; color:#444; padding-top:42px;} .about_about .txt span{ font-size:12px; font-family:Arial, Verdana; color:#eee;} .about_about .txt .xian{ height:2px; width:26px; background:#d01019; margin:20px auto;} .about_about .txt p{ font-size:13px; color:#666; text-align:left; line-height:25px; padding:0 80px;} .ceozc{ padding-bottom: 60px;} .ceozc .navtit{ padding-top:75px; background:#f2f2f2; padding-bottom:26px;} .ceozc .navtit h2{ font-size:36px; color: #333;} .ceozc .navtit i{ display:block; height:2px; background:#283d80; margin:5px 0; width:30px;} .ceozc .navtit span{ font-size:14px; color:#888;} .ceozc .c{font-size:14px; position:relative; background:#fff;padding-top:50px; height:300px; width:740px; margin:0 auto; padding:50px 460px 0 0;} .ceozc p{ color:#666; } .ceozc .qm{ position:absolute; right:484px; bottom:0px;} .ceozc .ren{ position:absolute; right:0; top:-123px; background:url(../images/about_07.png); width:385px; height:440px; padding:5px 0 0 5px;} .lnyj{ background: url(../images/bg5.jpg) no-repeat center bottom; padding: 50px 0;} .lnyj .navtit{ color: #222; font-size: 30px; text-align:center; padding: 10px 0;} .lnyj .des{ color: #888; text-transform: uppercase; text-align:center; } .lnyj .con{ line-height: 26px; color: #fff; padding: 30px 100px; margin: 0 auto; color: #666; margin-bottom: 40px;} .lnyj .left{ float: left; width: 100%;} .lnyj .right{ float: right; width: 100%;} .dashiji{ padding:70px 0 50px 0; background:#eee;} .dashiji .bd{ background:url(../images/about_60.png); width:1132px; height:418px; margin:0 auto;} .dashiji .bd li{} .dashiji .bd li .img{ display:block; float:left; margin:3px 0 0 16px; height:411px; width:548px; position:relative;} .dashiji .bd li .img img{ height:411px; width:548px;} .dashiji .bd li .img span{ position:absolute; right:0; top:0; background:url(../images/about_56.png) repeat-y; width:149px; height:411px;} .dashiji .bd li .txt{ float:left; width:548px; height:344px; padding-top:40px;} .dashiji .bd li .txt h2{ font-size:50px; color:#283d80; font-family:Arial, Verdana; text-align:center; line-height:30px; margin-bottom: 20px;} .dashiji .bd li .txt span{ text-align:center; display:block; text-align:center; margin:15px 0;} .dashiji .bd li .txt p{ width:100%; padding-left: 40px; box-sizing: border-box; line-height: 28px; margin:0 auto; border-radius:3px; font-size:14px; } .dashiji .bd li .txt a{ text-decoration:underline;} .dashiji .hd{ width:1200px; margin:0 auto; margin-bottom:60px; height: 19px; text-align: center; background:url(../images/xian2.jpg) repeat-x left center;} .dashiji .hd li{ display: inline-block; list-style:none; margin:0 10px; position:relative; cursor:pointer;} .dashiji .hd li i{ display:block; height:16px; width:16px; background:#fff; border: 1px solid #aaa; border-radius:16px;} .dashiji .hd li.on i{ background:#314585; border:1px solid #fff; height:16px; width:16px;} .dashiji .hd li span{ position:absolute; top:-20px; color:#283d80; border: 1px solid #283d80; background: #fff; border-radius:55px; padding:2px 5px; font-family:Arial, Verdana; text-align:center; width:80px; left:-40px; opacity:0; visibility:hidden;-webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; font-size:12px; font-family: verdana;} .dashiji .hd li.on span{ opacity:1; visibility:visible;top:-30px;} .dashiji .hd li:hover span{ opacity:1; visibility:visible;top:-30px;} .game163{ position: relative; border: 1px solid #dcdddd; padding: 16px; overflow: hidden; width: 800px; } .game163 .bigImg{ height: 524px; position: relative;} .game163 .bigImg li img{ vertical-align:middle; width:800px; height:524px; } .game163 .bigImg h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; } .game163 .smallScroll{ height: 37px;} .game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 37px; height: 37px; text-indent: -9999px; margin-top: 30px;} .game163 .sNext{ background: url(../images/ico_jt_r-30.png) no-repeat;} .game163 .sPrev{ background: url(../images/ico_jt_l.png) no-repeat;} .game163 .smallImg{ float:left; margin: 0 6px; display:inline; width: 700px; overflow: hidden;} .game163 .smallImg ul{ height:98px; width: 9999px; overflow: hidden; } .game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:143px; cursor:pointer; display: inline; } .game163 .smallImg img{ border: 3px solid #dcdddd; width:141px; height:91px; } .game163 .smallImg .on img{ border-color: #ff0000;} .game163 .pageState{ position: absolute; top: 550px; right: 14px; font-family: "Times New Roman", serif; letter-spacing: 1px;} .game163 .pageState span{ color: #f00; font-size: 16px;} /*guojihezuo*/ .guoji{ width:1200px; margin: 0 auto; margin-bottom:25px; overflow:hidden;} .gj-wz{ border-bottom:1px solid #e5e5e5; margin-bottom:16px;} .gj-wz p{ margin-bottom:15px; text-indent:2em; margin-top: 15px;} .gj-wz span{ font-size:19px; color:#ed1c24; font-weight:bold; display:block;} .gj-wz em{ display:block; color:#999; font-style:normal; margin-bottom:15px;} .hezuo{ width:100%; margin-bottom:10px; overflow:hidden;} .hezuo h3{ color:#333; font-size:20px; margin-bottom:15px;} .hezuo ul{ width:100%;} .hezuo ul li{ float:left; width:19%; margin-right:1%;} .hezuo ul li span{ display:block; text-align:center; margin-top:8px;} .sdys{ margin-top: 0px;} .sdys{} .sdys ul{ padding: 40px 0 0 0 ;} .sdys ul li{ width: 1200px; margin: 0 auto; margin-bottom: 40px;} .sdys ul li .txt{ width: 450px; padding-top: 20px;} .sdys ul li .txt h2{ font-weight: bold; color: #333; font-size: 30px; line-height: 46px;} .sdys ul li .txt h3{ font-weight: bold; color: #333; font-size: 20px; line-height: 46px; font-weight: normal;} .sdys ul li .txt p{ padding-top: 40px; line-height: 26px;} .sdys ul li .img{ width: 700px; height: 300px; overflow: hidden;} .sdys ul li .img img{ width: 100%;} .sdys dl{ width: 1160px; margin: 0 auto; background: #f2f2f2; padding:10px 20px;; margin-top: 30px; border: 1px dotted #aaa; border-left: none; border-right: none;} .sdys dd{ width: 33%; float: left; font-size: 20px; font-weight:bold; color: #444;} .sdys dd i{ display: inline-block; text-align: center; padding-top: 5px; height: 40px; width: 50px; background: #fff; vertical-align: middle; margin-right: 10px; border-radius: 50px;} .sdys dd i img{ width: 80%;} .prolist{ margin-top: 60px;} .first_pro{ width: 1200px; margin: 0 auto; margin-top: 20px;} .first_pro .img{ float: left; width: 420px;} .first_pro .img img{width: 410px;height: 280px;} .first_pro .txt{ float: right; width: 740px; box-sizing: border-box;} .first_pro .txt h2{ font-size: 24px; font-weight: bold; color: #333;} .first_pro .txt p{ padding: 20px 0;} .first_pro .txt ul{} .first_pro .txt ul li{ line-height: 30px;} .first_pro .txt ul li span{ color: #283d80;} .prolist .list{ width: 1200px; margin: 0 auto; padding-top: 40px;} .sub_product .tittle { width: 100%; border-bottom: #d8d8d8 1px solid; margin-bottom: 30px; height: 40px; line-height: 40px; } .sub_product .tittle h3 { font-size: 22px; color: #000; float: left; width: 40%; text-align: left; } .sub_product .tittle span { width: 87px; float: right; height: 30px; line-height: 30px; text-align: left; text-indent: 12px; background: url(/images/pmore.png) no-repeat 92% center #3d3d3d; font-size: 14px; } .sub_product .tittle span a { color: #fff; } .sub_product_left { float: left; width: 24.8%; overflow: hidden; position:static; z-index:-10 } .imagedesc1 { display: block; width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 15px; } .imagedesc1 img{ width:100%; height:auto;_height:224px;} .core_desc1 { position: absolute; bottom: 0px; left: 0px; width: 100%; } .core_bg1 { position: absolute; left: 0px; top: 0; width: 100%; height: 100%;_height:39px; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .core_text1 { position: relative; overflow: hidden; padding: 8px 10px; width: 205px; line-height: 23px; font-size: 16px; } .core_text1 a { color: #fff; } .core_text1 a:hover { color: #ff4a00; } .sub_product{ width: 1240px; margin: 0 auto;} .sub_product li { float: left; width:270px; margin-right: 40px; margin-bottom: 50px;} .sub_product li .sub_prolist { width: 100%; } .sub_product li .sub_prolist img { width: 100%; height: auto;_height:141px; height: 250px;} .sub_product li .sub_prolist p { text-align: center; background: #f2f2f2; font-size: 15px; height: 38px; line-height: 38px; } .r_pic { height: 18px; overflow: hidden; width: 99%; margin: 0 auto; margin-top: 20px; text-align:center} .r_pic span.r_pic2, .r_pic span.r_pic1 { margin:0 20px;background: url(../images/nav.png) no-repeat 0 4px; height: 18px;/* width: 49%;*/ text-indent: 17px; line-height: 18px; text-align: left; display:inline-block; overflow: hidden; } .r_pic span.r_pic2 a, .r_pic span.r_pic1 a { color: #666; } .r_pic span.r_pic2 { background: url(../images/nav.png) no-repeat 0px -11px; height: 18px; text-indent: 17px; text-align: left; } .xgal{ padding-bottom: 40px;} .xgal .navtitall{ margin-bottom: 40px; margin-top: 60px;} .xgal .caselist_con_list{} .xgal .sub_product li{ margin-bottom: 10px;} .prolist.style2{ margin-top: 0;} .prolist.style2 .list{ padding-top: 0;} .news_list{ width: 1200px; margin: 0 auto;} .news_list ul{} .news_list li{ height:135px; margin-top:30px; webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; border-bottom:1px dotted #ddd; float: left; width: 50%; box-sizing: border-box;} .news_list li .img{ float:left; display:block; width:200px; height:auto; margin-right: 20px; display:none;} .news_list li .img img{ width:200px; height:auto; border-radius:1px; } .news_list li .txt{ float:left; margin-left:0px; width:500px;-webkit-transition: all .53s ease-out; -moz-transition: all .53s ease-out; -o-transition: all .53s ease-out; -ms-transition: all .53s ease-out;} .news_list li .txt .tit{ font-size:16px; color:#333333; margin-bottom:10px; display:block; font-weight:400; background: url(../images/jt2.gif) no-repeat left center; padding-left: 20px;} .news_list li .txt p{ font-size:13px; color:#444; line-height:19px; height: 40px; overflow: hidden; padding-left: 18px;} .news_list li .date{ padding: 0px 0; margin-bottom: 10px; border: 1px solid #ddd; display: inline-block; margin-left: 18px; text-align: center; border-radius: 2px; color: #888; padding: 0px 6px;} .news_list li .date span{ font-size:12px; color:#ddd; border-top:1px solid #ddd; padding-top:10px; display:block; margin:0 auto; width:30px; text-align:center; font-family:Arial, Verdana;} .news_list li:hover{} .news_list li:hover .img{ box-shadow:none;} .news_list li:hover .img img{box-shadow:none;} .news_list li:hover .txt{ padding-left:10px;} .news_list li:hover .txt .tit{ color: #283d80; font-weight: bold;} .news_more{ padding-top: 30px;} .news_more a{ display: block; width: 100%;height: 40px; -webkit-transition:all 1s 0s; -moz-transition:all 1s 0s; -ms-transition:all 1s 0s; transition:all 1s 0s; border: 1px solid #ddd; color: #666; line-height: 40px; margin: 0 auto; background: #fff; color: #555; text-align: center; border-radius: 3px;} .news_more a:hover{ background: #283d80; color: #fff;} .fenye{ padding:50px 0;} .fenye ul{ text-align:center;} .fenye li{ display:inline-block; margin:0 5px;} .fenye li a{ display:inline-block; height:40px; width:40px; line-height:40px; text-align:center; background:#eee; color:#666; font-family:Arial, Verdana; border-radius:40px; font-size:16px;} .fenye li span{ background:#283d80; color:#fff;display:inline-block; height:40px; width:40px; line-height:40px; text-align:center; color:#fff; font-family:Verdana; border-radius:40px;} .fenye li a:hover{ background:#283d80; color: #fff;} .pro_con .con{ display: none;} .where{ margin: 0 auto; height: 60px; line-height: 60px; border-bottom: 1px solid #dedede;} .where.mt{ margin-top: 90px;} .pro_show{ width: 1200px; margin: 0 auto; padding: 30px 0;} .pro_show .ps_left{ background: #fff; width: 480px; float: left;} .pro_show .ps_right{ width: 670px; float: right;} .pro_show .ps_right .tit{ font-weight: bold; color: #222; font-size: 30px;} .pro_show .ps_right .cs{ margin-top: 10px; font-size: 14px; border-bottom: 1px solid #ddd; padding-bottom: 25px; line-height: 34px; font-weight: bold; color: #000;} .pro_show .ps_right .cs span{ font-weight:normal; color: #444 !important;} .pro_show .ps_right .dl1{} .pro_show .ps_right .dl1 dt{ font-size: 14px; margin-bottom: 6px; margin-top: 10px; color: #222;} .pro_show .ps_right .dl1 dd{ font-size: 14px;} .pro_show .ps_right .tel{ padding: 30px 0; margin-bottom: 10px;} .pro_show .ps_right .tel strong{ color: #ff0000; font-size: 22px;} .pro_show .ps_right .a1{ background: #283d80; color: #fff; padding: 10px 30px; margin-right: 10px;} .pro_show .ps_right .a2{ background: #fff; border: 1px solid #283d80; color: #283d80; padding: 9px 30px;} /* DB_gallery */ #DB_gallery{width:480px;margin:0px auto 0 auto;} #DB_gallery .DB_imgSet {position:relative;height:300px;overflow:hidden;} #DB_gallery .DB_imgSet .DB_imgWin{height:100%} #DB_gallery .DB_imgSet .DB_imgWin img{width:auto;height:100%;} #DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff} #DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00} #DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00} #DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;} #DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;} #DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:480px;overflow:hidden} /**缩略图开始**/ #DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0} #DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px} #DB_gallery .DB_thumSet .DB_thumMove li img{width:110px; height:73px;} #DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0px;} #DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;} #DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #FC0;;left:0;top:0} /**缩略图选中效果**/ .pro_content{ width: 880px; float: left;} .pro_content .tab{ border-bottom: 1px solid#283d80;} .pro_content .tab ul{} .pro_content .tab ul li{ float: left; margin-right: 5px;} .pro_content .tab ul li a{ display: block; background: #f2f2f2; padding: 15px 40px; font-size: 18px;} .pro_content .tab ul li.on a{ background: #283d80; color: #fff;} .pro_content .jianjie{ padding:0px; line-height: 24px;} .pro_content .navtit,.case_show .navtit{ font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; margin-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd;} .pro_content .tcys{ } /*.pro_content .jscs{margin-bottom: 40px;}*/ .pro_content .jscs th{ padding: 10px 0;} .pro_content .jscs td{ padding: 10px;} .fenlei_menu{ width: 260px; float: right; background: #eee;} .fenlei_menu dl{} .fenlei_menu dl dt{ position: relative; background: #fff; border-bottom: 1px solid #ddd; height: 50px; line-height: 50px; padding-left: 20px; color: #fff; font-size: 16px; cursor: pointer;} .fenlei_menu dl dt i{ position: absolute; right: 10px; height: 20px; width: 20px; background: #aaa; top: 15px; background:url(../images/jt2.gif) no-repeat center;} .fenlei_menu dl dt a{ color: #333;} .fenlei_menu dl dd{ line-height: 36px; padding: 0 20px; display: none;} .fenlei_menu dl.on{} .fenlei_menu dl.on dt{ background: #283d80; color: #fff;} .fenlei_menu dl.on dt a{ color: #fff;} .fenlei_menu dl.on dt i{ background:url(../images/jt1.gif) no-repeat center;} .fenlei_menu dl.on dd{ display: block;} .fenlei_menu.on{ position: fixed; top: 100px; right: 50%; margin-right: -600px; z-index: 99;} .tcys{} .tcys p{ margin-bottom: 20px;} .tcys p b{ color: #283d80; background: #283d80; color: #fff; border-radius: 55px; height: 34px; width: 34px; text-align: center; line-height: 34px; display: inline-block; margin-right: 10px;} .tcys p strong{ font-size: 16px; color: #222;;} .sideMenu{ border:1px solid #ddd; } .sideMenu h3{ height:32px; line-height:32px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer; font:normal 14px/32px "Microsoft YaHei"; } .sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; } .sideMenu h3.on em{ background-position:16px -57px; } .sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ } .fengkou_show{ width:1100px; margin:0 auto; padding:60px 0;} .fengkou_show .tit{ font-size:30px; color:#222;text-align:center;} .fengkou_show .date{ display:block; height:22px; width:90px; text-align:center; line-height:22px; border-radius:55px; border:1px solid #aaa; font-family:Arial, Verdana; margin:20px auto; color:#999; text-align:center;} .fengkou_show .show{ font-size:16px; line-height:35px; font-weight:400;} .fengkou_show .show p{ text-indent:2em; margin-bottom:30px;} .lianxi_bg { background: url(../images/contact_ban.jpg) repeat-x center top; height: 600px; width: 100%; overflow: hidden; } .lianxi { margin-top: 30px; margin-bottom: 40px; } .lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; } .lianxi h3 { font-size: 24px; color: #fff; text-align: left; line-height: 59px; width: 100%; float: left; margin-bottom: 15px; overflow: hidden; font-weight: bold;} .lx_list { max-width: 1230px; overflow: hidden; margin: 40px auto 60px; } .lx_list{} .lx_list h3 { font-size: 30px; margin: 8px 0; font-weight: bold; text-align: center; color: #444; } .lx_list .des { font-size: 16px; text-align: center; color: #888; border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px; } .lx_list li { float: left; width: 33%; margin-bottom: 35px; margin-top: 10px;} .lx_list li img { display: block; margin: 0 auto; text-align: center; -webkit-transition:all 0.3s 0s; -moz-transition:all 0.3s 0s; -ms-transition:all 0.3s 0s; transition:all 0.3s 0s; width: 70%;} .lx_list li:hover img{ -webkit-transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); transform: scale(1.5,1.5);} .lx_list li h4 { text-align: center; width: 100%; font-size: 14px;* font-size: 14px; margin-top: 16px;} .zixun1 { display: block; margin-top: 15px; width: 250px; height: 50px; text-align: center; line-height: 50px; background: #283d80; font-size: 18px; } .zixun1 a { color: #fff; } .lxfl .t1 { font-size: 32px; font-weight: bold; color: #e6b646; line-height: 150%; } .lxfl p strong { font-size: 16px; color: #fff; } .lxfl p{ line-height: 30px;} .p2 { font: 16px 'Microsoft Yahei'; color: #aaa; line-height: 26px;} .lxfl { width: 50%; float: right; padding: 30px 0 50px 50px; background: url(../images/bg2.png) repeat; margin-top: 50px; } .lianxi_bg{ margin-top:80px;} .lx_list ul{ width: 400px; float: right;} .lx_list dl{} .lx_list dl dt{ width: 100%;} .lx_list dl dd{ width: 50%; float:left; padding: 0 20px 0 0; box-sizing: border-box; height: 100px;} .lx_list .lx_tel{ float: left; width: 800px;;} .lx_list .lx_tel h2{ color: #222; font-weight:bold; font-size: 20px; margin-bottom: 15px;} .lx_list .lx_tel p{ font-size: 14px; line-height: 25px; margin-bottom: 15px; line-height: 20px;} .about_scnl{ line-height: 35px; font-size: 14px; width: 1100px; margin: 0 auto; padding-bottom: 40px; padding-top: 30px;} .xmjs{ margin-top: 40px; margin-bottom: 60px;} .news_q_list { max-width: 1200px; margin: 0 auto; overflow: hidden; border-top: 1px solid #ddd; padding-top: 40px;} .news_q_list h2 { font-size: 24px; margin-bottom: 40px; } .news_q_list li { padding-bottom: 25px; width: 47%; float: left; margin: 0 3% 25px 0; overflow: hidden; border-bottom: 1px solid #eaeaea; } .news_q_list li img { float: right; margin-top: 40px; } .news_q_list li ._date { float: left; width: 10%; background: #e9e9e9; text-align: center; height: 68px; font-family: arial; color: #182133; } .news_q_list li ._date span { display: block; } .news_q_list li ._date ._d1 { font-size: 34px; line-height: 36px; padding-top: 6px; } .news_q_list li ._nr { float: left; width: 77%; margin-left: 3%; } .news_q_list li ._title { font-size: 17px; font-weight: normal; color: #000; margin-bottom: 10px; } ._time1 { color: #666; margin: 3px 0; background: url(http://www.hxjq.cn/images/b.jpg) no-repeat left center; padding-left: 20px; } .news_q_list ._sum { line-height: 24px; height: 48px; overflow: hidden; color: #565656; margin-top: 8px; } .news_q_list li :hover ._title { color: #182133; } .news_q_list li :hover ._date { background: #182133; color: #fff; } .zxfh{ width: 1200px; margin: 0 auto;} .zxfh ul{} .zxfh ul li{ border-bottom: 1px solid #ddd; padding:20px 0;} .zxfh ul .img{ width: 180px; float: left; margin-right: 20px;} .zxfh ul .img img{ width: 100%; border-radius: 4px;} .zxfh ul .txt{ width: 800px; float: left;} .zxfh ul .txt h2{ margin-bottom: 10px; color: #222;} .zxfh ul .txt p{ color: #aaa;} .zxfh ul .date{ width: 100px; float: right; font-size: 18px; font-family: verdana; color: #283d80;} .shouhou_4{ width: 1000px; margin: 0 auto;} .shouhou_4 .tit{ text-align: center; font-size: 20px; color: #333; margin-bottom: 30px;} .shouhou_4 .txt{ text-align: left; border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 30px; margin-top: 15px;} .shouhou_4 .ditu{ text-align: center;} .shouhou_4 .ditu h2{ font-weight: bold; color: #333;} .shouhou_4 .ditu img{} .shouhou_4 dl{ margin-bottom: 40px;} .shouhou_4 dl dt{ width: 100%; border-bottom: 1px solid #ddd; height: 100px;padding-left: 20px; box-sizing: border-box;} .shouhou_4 dl dd{ width: 50%; float: left; border-bottom: 1px solid #ddd; height: 100px; margin-top: 20px; padding-left: 20px;box-sizing: border-box;} .shouhou_4 dl h2{ color: #222; font-size: 20px; margin-bottom: 10px; font-weight: bold;} .shouhou_4 dl p{} .wybm{ background: #f2f2f2; padding-top: 30px;} .wybm{ padding-bottom: 40px;} .wybm .wybm1{ width: 100%; margin: 0 auto; margin-bottom: 20px; font-weight: bold; font-size: 16px; padding: 10px 10px; border-radius: 4px; border: 1px dotted #e6b647; color:#e6b647; background: #fff; color: #e6b647} .wybm .form{ width: 1060px; margin: 0 auto; border: 1px dotted #ddd; background: #fff; padding: 60px;} .wybm .form ul{} .wybm .form ul li{ margin-bottom: 30px;} .wybm .form ul li select{ height: 50px; border: 1px solid #ccc; width: 300px; font-size: 16px; color: #666; padding: 0 10px;} .wybm .form ul li .i1{ border-radius: 3px; border: 1px solid #ccc; background: #fff; height: 50px; line-height: 50px; padding: 0 10px; width: 400px;} .wybm .form ul li .i2{ border-radius: 3px; border: 1px solid #ccc; background: #fff; height: 100px; line-height: 20px; padding: 10px 10px; box-sizing: border-box; width: 100%;} .wybm .form ul li .i3{ font-size: 18px; background: #283d80; color: #fff; border: none; height: 46px; line-height: 46px; width: 160px; text-align: center; border-radius:3px;} /*报名框*/ .com_index_apply_bg {padding: 30px 0;background: #ededed;} .com_index_apply {overflow: hidden;background: #fff;border-top: #ff5a00 solid 2px;} .com_index_apply_tit {float: left;width: 290px;height: 248px;background: #ff5a00;} .com_index_apply_tit dl {margin: 47px -14px 0 0;padding: 0 0 0 16px;display: block;float: right;width: 272px;height: 133px;font-family: "黑体";color: #fff;background: url(http://img.oppein.cn/images/com_index_apply_tit.png) no-repeat center center;} .com_index_apply_tit dl dt {padding: 30px 0 28px;line-height: 38px;font-size: 28px;font-weight: bold;} .com_index_apply_tit dl dd {padding-left:18px;line-height: 24px;font-size: 24px;} .com_index_apply_com {padding: 47px 60px 0 50px;position: relative;float: left;width: 530px;height: 200px;border-bottom: #e8e8e8 solid 1px;} .com_index_apply_hint {padding: 0 0 20px;line-height: 14px;font-size: 14px;color: #4c4c4c;} .com_index_apply_hint span {color: #ff5a00;} .com_apply_message {float: left;width: 250px;} .com_apply_message .cont {margin: 0 0 34px;width: 248px;height: 38px;line-height: 38px;} .com_apply_prsub {float: right;width: 270px;} .com_apply_prsub .sel_con {margin: 0 0 34px;padding: 0;overflow: hidden;} .com_apply_prsub .sel_con .sel_bg {width: 128px;height: 38px;line-height: 38px;} .com_apply_prsub .sel_con .sel_bg:first-child {margin-right: 9px;} .com_apply_prsub .sel_con .sel_bg .jt {height: 38px;} .com_apply_prsub .sel_con .sel_bg .jt i {top: 16px;} .com_apply_prsub .sel_con .sel_bg .sel {height: 38px;line-height: 38px;} .com_apply_prsub .desing_submit {padding: 0;} .com_apply_prsub .desing_submit .des_sub {height: 38px;line-height: 38px;font-weight: bold;} .com_index_apply_com .tips {*margin-top: 20px;*float: left;position: absolute;left: 50px;height: 12px;line-height: 12px;font-size: 12px;color: red;} .com_index_apply_right {float: right;width: 280px;height: 248px;background: url(http://img.oppein.cn/images/com_index_apply_nav.jpg) no-repeat right top;} .liucheng{ text-align: center;} .liucheng2{ border-bottom: 1px solid #ddd; text-align:center;} .mianfeihq{ background: #f2f2f2; padding: 30px 0;} .mianfeihq .ad{ width: 1200px; margin: 0 auto;} .mianfeihq ul{ margin: 0 auto; width: 1230px;} .mianfeihq ul li{ float: left; width: 386px; height: 120px; margin-right: 20px;} .mianfeihq ul li a{ display: block; background: #ddd; width: 100%; height: 120px;} .mianfeihq .form{ background: #fff; width: 1200px; margin: 0 auto; margin-bottom: 20px;} .mianfeihq .form .left{ background: #e5b547; color: #fff; width: 240px; float: left; height: 250px;} .mianfeihq .form .left h2{ text-align: center; font-size: 42px; font-weight: bold; line-height: 50px; /* padding-top: 30px; */ border: 2px solid #fff; width: 200px; margin: 0 auto; border-left: none; border-right: none; padding: 10px 0; margin-top: 62px;} .mianfeihq .form .right{ width: 650px; float: left; height: 200px; padding: 50px 0 0 50px;} .mianfeihq .form .input select{ height: 40px; line-height: 40px; border: 1px solid #aaa;} .mianfeihq .form .input input{ height: 40px; line-height: 40px; border: 1px solid #aaa;} .mianfeihq .form .input .i1{ padding: 0 10px; width: 280px;} .mianfeihq .form .input .i2{ background:#283d80; color: #fff; border: none; padding: 0 30px;} .mianfeihq .form .input .i3{height: 40px; line-height: 40px; border: 1px solid #aaa; width: 200px; padding: 0 10px; margin: 20px 0;} .mianfeihq .middle{ width: 260px; background: #eee; float: right; height: 250px;} .mianfeihq .middle dl{ padding-top: 30px;} .mianfeihq .middle dl dd{ width: 33.3%; float: left; text-align: center; text-align: center; margin-bottom: 30px;} .mianfeihq .middle dl dd span{ text-align: center; padding-top: 8px; border-radius: 55px; display: inline-block; height: 52px; width: 60px; background: no-repeat; border: 1px solid #aaa;} .mianfeihq .middle dl dd span img{ width: 70%;} /*solution*/ .case {width: 100%; float:left} .case dl { width: 100%; overflow: hidden;border-bottom:#ddd 1px solid; padding-bottom: 20px; padding-top: 20px; float:left } .case dl dt { width:250px; float: left; } .case dl dt img { width: 100%!important;width:250px; height: auto!important;height:250px;} .case dl dd { float: right; width:520px; } .case dl dd .tit { width: 100%; overflow: hidden; } .case dl dd h3 { font-size: 16px; font-weight: bold; color: #333; line-height: 26px; float: left; width: 50%; } .case dl dd a:hover { color: #e00000; text-decoration: none; } .case dl dd p { margin-bottom: 6px; width: 100%; overflow: hidden; color: #444; } .case dl dd p strong { font-weight: normal; color: #666; } .case-more { float: right; width: 48%; } .case-more a { height: 28px; line-height: 28px; display: inline-block; float: left; padding: 0 15px; } .case-more a.case-detail { background: #3d3d3d; color: #fff; font-weight: normal; } .case-more a.case-shihe { background: #ebebeb; color: #000; font-weight: normal; } .case-more a.case-detail:hover, .case-more a.case-shihe:hover { color: #ffd953; } .Contentbox p { text-indent: 20px; margin-bottom: 10px; line-height: 30px; position: relative; } .Contentbox h3 { line-height: 30px; margin-top: 20px; margin-bottom: 10px; font-size: 16px;} .scgy{} .scgy .left{ width: 800px; float: left; padding: 30px 0 0 0;} .scgy .left .navtit{ font-size: 24px; font-weight: bold; color: #333;} .scgy .right{ width: 370px; float: right;} .listcon { margin-top:30px;border: #ddd 1px solid; } .listcon h3, .hotpro h3 { padding: 0 10px; background: #283d80; color: #fff; height: 40px; line-height: 40px; border-bottom: #ddd solid 1px; font-size: 18px; } .listcon ul { overflow: hidden; padding: 5px 10px 8px 10px; } .listcon ul li { border-bottom: 1px dotted #aaa; line-height: 34px; height: 34px; overflow: hidden; width: 100%; background: url(/images/bg_title.gif) no-repeat 5px 13px; text-indent: 19px; } .listcon ul li a { font-size: 14px; color: #666; } .listcon ul li a:hover { color: #ff4a00; } .hotpro { padding-bottom: 20px; overflow: hidden; border: #ddd 1px solid; margin-top: 20px;} .hotpro dl { width: 94%; margin-left: 15px; overflow: hidden; margin-top: 20px; } .hotpro dl dt { width: 38%; float: left; } .hotpro dl dt img { width: 100%; height: auto; } .hotpro dl dd { width: 57%; float: right; margin-top:8%;} .hotpro dl dd a { font-weight: bold; color: #333; font-size: 16px; } .hotpro dl dd a:hover { color: #e00000; } .hotpro dl dd p { color: #787878; } .sol_tj_left { min-width: 300px; width: 40%; float: left; margin:3% 2% 1% 0; } .sol_tj_left img{ width:100%; height:auto} .sol_tj_right { float:right; width: 55%; margin-bottom:4%} .sol_tj_right h1 { font: bold 28px 'microsoft yahei'; height: 30px; line-height: 30px; margin-top:40px; color: #000; float: left; width: 100%; margin-bottom: 10px; } .sol_tj_right{ list-style:23px} .sol_tj_right .tit6 { background:#283d80; display: block; text-indent: 15px; color: #fff; width:100px; margin-top: 10px; margin-bottom: 0px; overflow: hidden; height: 29px; line-height: 29px; font-size: 15px; font-weight: bold; } .sol_tj_right table { display: table; border-collapse: separate; border-spacing: 1px; border-color: gray; text-align: center; overflow: hidden; } .sol_tj_right table td{ padding: 3px 0;} .sol_tj_right .cont { width: 100%; } .sol_tj_right .cont p { color: #333; } .cont dt { background: url(/images/zixun-icon.png) no-repeat 15px center #E30F00; padding-left: 55px; float: left; width: 140px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; } .cont dl { margin-top: 15px; margin-bottom: 25px; } .cont dt a { color: #fff; } .cont dd { float: left; margin-left: 20px; } .cont dd .left { float: left; font-size: 17px; content: #333; font-weight: bold; } .cont dd .right { float: left; margin-left: 10px; font-size: 26px; color: #E30F00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .sol_product_bg { padding: 40px 0px 0 20px; width: 100%; margin: 40px auto; overflow: hidden; background:#f5f5f5; } .sol_product li { float: left; margin-left:1%; width: 18%; margin-bottom:1%; } .sol_product li img { width: 100%; height:auto; margin-bottom:2%;} .sol_product li p { width: 100%; height: 30px; line-height: 30px; text-align: center; position: relative; } .sol_product li p a { color: #000; } .sol_product .lir { margin-right: 0px; } ul.relateproduct { width:1300px; margin: 0 auto; overflow:hidden;padding-top:20px;} ul.relateproduct li { width:33.3%; float: left; padding: 0 30px; box-sizing: border-box; margin-bottom: 40px;} ul.relateproduct li p { text-align: left; text-indent: 10px; padding:3%; background:#f8f8f8; color:#504e4e } ul.relateproduct li h4 { text-align: center; margin-bottom: 0; font-size:20px; font-weight: bold; margin: 15px 0; color: #222; } ul.relateproduct li a { display: block; overflow: hidden; text-align: center;} ul.relateproduct li img { width: 174px; height: 174px; border-radius: 174px; border: 10px solid #eee;} .casea{ padding: 50px 0;} .casea ul { margin: 0 auto; } .casea li { float: left; width: 48%; float:left; margin:0 2% 0 0; } .casea li img { float: left; width:40%; height:140px } .casea li span { float: right; width: 55%; } .con_form2 { width: 100%; margin-top:35px; overflow: hidden; margin-bottom: 30px; } .left_form2 { width:62%; overflow: hidden; float: left; border-right:#d8d8d8 1px solid; padding:0 3% 1% 0; } .left_form2 h3 { font-size: 16px; border-bottom: #d8d8d8 1px solid; margin-bottom: 5px; padding-bottom: 7px; margin-top: 20px; } .left_form2 form { overflow: hidden; } .left_form2 ul li { height: 45px; line-height: 45px; margin-bottom: 5px; overflow: hidden; } .left_form2 ul li.message { height: 130px; position: relative; _height: 138px; } .left_form2 ul li span { display: block; width: 128px; text-align: right; margin-right: 10px; float: left; font-size: 14px; line-height:50px;} .left_form2 ul li input.intxt { width:60%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; line-height: 32px; height: 32px; color: #999; padding: 0 4px; overflow: hidden; } .left_form2 ul li textarea { border: 1px solid #CCC; width: 68%; height: 100px; margin-bottom: 0; line-height: 20px; margin: 6px 0 0; padding: 4px; color: #999; resize: none; } .left_form2 .btnclick { padding-left: 140px; overflow: hidden; } .left_form2 .btnclick input { display: block; width: 110px; height: 34px; line-height: 34px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; } .left_form2 .btnclick input.btn_submit { background: #EB2002; border: 0; } .left_form2 .btnclick input.btn_reset { background: #454545; border: 0; } .right_contact { float: right; width: 28%; overflow: hidden; } .right_contact p { line-height: 30px; } .right_contact p.nosame, .right_contact p.onlinetalk { font-size: 14px; margin-bottom: 6px; clear: both; } .right_contact h6 { font-size: 24px; color: #000; font-weight: bold; margin-bottom: 15px; } .right_contact a { display: block; background: #ededed; width: 90px; height: 35px; line-height: 35px; float: left; font-size: 15px; font-weight: bold; text-align: center; margin: 10px 10px 10px 0px; overflow: hidden; } .about_fenlei3{ padding: 30px 0;} .about_fenlei3 ul{ text-align: center;} .about_fenlei3 li{ display: inline-block; padding: 0 20px;} .about_fenlei3 a{ color: #666; padding: 10px 10px; font-size: 16px;} .about_fenlei3 a.on{ color:#283d80; font-weight: bold;border-bottom: 2px solid #233d80;} .bzrd{ width: 1200px; overflow: hidden; margin: 0 auto; padding: 35px 0;} .bzrd .navtitall{ margin-bottom: 40px;} .bzrd ul{ width: 1300px; margin: 0 auto; padding-bottom: 60px;} .bzrd li{ float: left; margin-right:20px; width: 285px; ;} .bzrd li a{ display: block; height: 200px; width: 285px;} .bzrd li a img{ width:100%; height: 200px;} .bzrd li a h2{ font-size: 14px; margin-top: 10px;} .news_show{ width: 1200px; margin: 0 auto; padding:0px 0 40px 0;} .news_show .left{ width: 860px; float: left;} .news_show .left .tit{ font-size: 30px; text-align: center; color:#222; font-weight: bold; padding: 40px 0;} .news_show .left .bdsharebuttonbox{ float: left;} .news_show .left .zz{ float: right;} .news_show .left .des{ padding: 15px; color: #666; background: #f2f2f2; border: 1px solid #ddd; border-radius: 3px; margin-top: 25px;} .news_show .left .con{ padding: 30px 0; line-height: 34px; font-size: 16px;} .news_show .left .news_list2{} .news_show .left .news_list2 li{ line-height: 52px; border-bottom: 1px dotted #ddd;background: url(../old/images/ico_jt_r.png) no-repeat left center; padding-left: 30px;} .news_show .left .news_list2 li a{ font-size: 14px; } .news_show .left .news_list2 li span{ float: right; font-family: arial; color: #888} .news_show .right{ width: 300px; float: right;} .news_show .right .navtit{ background: #283d80; color: #fff; height: 50px; line-height: 50px; padding: 0 10px;} .news_show .right .txtlist{ background: #fff; border: 1px solid #ddd; margin-top: 30px;} .news_show .right .txtlist ul{ padding: 20px;;} .news_show .right .txtlist ul li{ line-height: 20px; padding: 10px 0; border-bottom: 1px dotted #ddd; background: url(../images/jt2.gif) no-repeat left center; padding-left: 16px;} .news_show .right .txtlist ul li a{} .news_show .right .imglist{margin-top: 30px;border: 1px solid #ddd;} .news_show .right .imglist ul{padding: 20px;;} .news_show .right .imglist li{ padding: 10px 0; border-bottom: 1px solid #eee;} .news_show .right .imglist li a{} .news_show .right .imglist li .img{ display: block; width: 100px; margin-left: 0; float: left;} .news_show .right .imglist li .img img{width: 110px; height: 85px;} .news_show .right .imglist li .txt{ display: block; float: right; width:130px} .news_show .right .imglist li .txt h2{} .news_show .right .imglist li .txt p{} .dajialove{ width:860px; overflow: hidden; margin: 0 auto; padding: 20px 0;} .dajialove .navtit{ margin-bottom: 30px; font-weight: bold; font-size: 30px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 10px;} .dajialove .navtit span{ float: right; font-size: 14px; color: #ddd; padding-top: 10px;} .dajialove .navtit span a{ font-size: 16px; padding:0 10px;font-weight: normal;} .dajialove ul{ width: 880px; margin: 0 auto;} .dajialove li{ float: left; margin-right:25px; margin-bottom: 30px; width: 266px; ;} .dajialove li a{ display: block; height:auto; width: 236px; } .dajialove li a img{ width:100%; height:150px;} .dajialove li a h2{ font-size: 14px; margin-top: 0px; padding: 10px 0; background: #f2f2f2; text-align: center;} .WenDaItem { clear: left; width: 100%;padding-bottom: 20px; margin-top:30px; position: relative; } .WenDaItem .topLine { clear: left; float: left; width: 625px; } .WenDaItem .userIcon { display: block; width: 50px;border-radius: 50%; border:#d8d8d8 1px solid; height: auto; float: left; margin-left: 0px; margin-right: 24px; } .WenDaItem .right1 { float:right; width: 90%; min-height: 60px; } .WenDaItem .icons { background:#283d80; color: #fff; border-radius: 22px; height: 22px; width: 22px; background-repeat: no-repeat; font-style: normal; display: inline-block; text-align: center; } .WenDaItem .right1 .title { clear: left; float: left; display: inline-block; font-size: 20px; padding-top: 10px; line-height: 26px; word-break: break-all; } .WenDaItem .right1 .title a { color: #000; } .WenDaItem .right1 .title b { color: #EB2002; font-weight: 500; margin-right: 8px; } .WenDaItem .right1 .title:hover { color: #DE0000; } .WenDaItem .right1 .cardLine { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 35px; } .WenDaItem .right1 .cardLine .card { float: left; line-height: 24px; text-align: left; font-size: 14px; width: 40%; margin-right: 1%; padding-left: 10px; } .WenDaItem .right1 .cardLine .card .fenlei:hover { color: #DE0000; } .WenDaItem .right1 .time { color: #666; float: right; font-family: Arial; font-size: 14px; width: 20%; padding-top: 12px; text-align: right; } .ZJword { clear: left; float: left; width: 96%; margin-top: 0px; background-color: #F7F7F7; _overflow: hidden; position: relative; padding: 20px;} .ZJword.short { padding-bottom: 30px; } .ZJword .userIcon2 { width: 40px; height: auto;border-radius: 50%; border:#d8d8d8 1px solid; margin-right:7px; float: left; } .ZJword .title { float: left; font-size: 15px; color: #283d80; margin-left: 7px; margin-top: 12px; } .ZJword .word { clear: left; float: left; margin-top: 20px; width: 99%; overflow: hidden; } .ZJword.short .word { height: auto; overflow: visible; } .ZJword .updown { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; background-position: center bottom; cursor: pointer; padding-top: 0px; background-repeat: repeat-x; } .ZJword .updown.on { } .WenDaContentBT .WenDaContentLeft { width: 100%; padding-right: 10px; background-color: #FFF; } #prompt { width: 100%; line-height: 28px; overflow: hidden; margin: 0 auto; } #prompt p { line-height: 30px; } .WenDaContentLeft .middleBox {width: 94%; padding-right: 20px; border:#999 1px dashed;margin: 30px 0; padding:3% 2%; position: relative; overflow: hidden; } .WenDaContentLeft .middleBox .title { clear: left; float: left; font-size: 18px; font-weight: bold; } .WenDaContentLeft .middleBox .time { clear: left; float: left; font-size: 14px; color: #000; margin-top: 10px; margin-bottom: 10px; background-repeat: no-repeat; background-position: left center; padding-left: 20px; } .WenDaContentLeft .middleBox .w1 { clear: left; float: left; font-size: 18px;margin-top: 10px; margin-bottom: 10px; } .WenDaContentLeft .middleBox .cpxl { clear: left; float: left; font-size: 14px; margin-bottom: 8px; } .WenDaContentLeft .middleBox .cpxl span { float: left; } .WenDaContentLeft .middleBox a { float: left; font-size: 14px; line-height: 24px; padding-left: 8px; padding-right: 8px; margin-right: 4px; color: #444; } .WenDaContentLeft .middleBox a.on { background-color: #ED1C24; } .WenDaContentLeft .middleBox .w1 span { font-size: 14px; color: #A7A7A7; padding-left: 5px; } .WenDaContentLeft .middleBox .textarea { clear: left; float: left; display: block; width: 98%; padding: 3px; border: 2px solid #dadbdc; height: 100px; margin-bottom: 17px; color: #AAA; font-size: 14px; font-family: "\5FAE\8F6F\96C5\9ED1"; } .WenDaContentLeft .middleBox .textarea.on { color: #000; } .WenDaContentLeft .middleBox .link { display: block; width: 130px; height: 37px; padding-right: 38px; background-position: right center; background-repeat: no-repeat; border: none; font-size: 16px; text-align: center; line-height: 15px; color: #FFF; background-color: #2D2D2D; background-image: url(/images/r_.jpg); float: right; margin-right: 10px; cursor: pointer; } .WenDaContentLeft .middleBox .link:hover { color: #000; background-color: #FDCE00; background-image: url(/images/r.jpg); } .tj_wenti { width: 100%; overflow: hidden; clear: both; } .tj_wenti .name { width: 25%; float: left; margin-right: 2%; } .tj_wenti .qus_tel { width: 41%; float: left; } .tj_wenti input { width: 100%; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 1px solid #dadbdc; background: #fff; color: #999; padding: 11px 0 11px 8px; font-size: 12px; } .tj_wenti1 { width: 96%; margin: 0 auto; overflow: hidden; position: absolute; top: 400px; _left: 0; } .tj_wenti1 .name { width: 22%; float: left; margin-right: 2%; margin-left: 8%; } .tj_wenti1 .tel { width: 34%; float: left; margin-right: 2%; } .tj_wenti1 input { width: 100%; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border: 1px solid #dadbdc; background: #fff; color: #999; padding: 8px 0 8px 8px; font-size: 12px; } .WenDaContent .WenDaContentLeft .Title2 { font-size: 30px; width: 100%; margin: 0 0 25px 0; overflow: hidden; color: #000; font-weight: 600; } .WenDaContentLeft .Title2{ color: #222; font-weight: bold; font-size: 30px; margin-bottom: 14px;} .peijian{ width: 1200px; margin: 0 auto;} .peijian .des{ /*border: 1px solid #ddd;*/ padding: 20px; margin: 20px 0;} .peijian .list{ width: 1200px; margin: 0 auto;;} .peijian .list ul{ width: 1300px;;} .peijian .list li{ width: 285px; margin-right: 20px;; float: left; border: 1px solid #ddd; margin-bottom: 20px; -webkit-transition:all 1s 0.2s; -moz-transition:all 1s 0.2s; -ms-transition:all 1s 0.2s; transition:all 1s 0.2s;} .peijian .list li a{ display: inline-block;} .peijian .list li .img{ width: 285px; height: 200px; overflow:hidden;} .peijian .list li .img img{ width: 100%; height: 200px; -webkit-transition:all 1s 0s; -moz-transition:all 1s 0s; -ms-transition:all 1s 0s; transition:all 1s 0s;} .peijian .list li .txt{ padding:10px 10px 20px 10px;} .peijian .list li .txt h2{ color: #222; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 20px;} .peijian .list li .txt p{ line-height: 26px;} .peijian .list li .txt span{ color: #444; margin-right: 10px;} .peijian .list li .txt em{ background: #f2f2f2; display: inline-block; margin-top: 3px; border: 1px solid #ddd; color: #444; border-radius: 2px; padding:0 4px; color: #444; font-size: 12px; margin-right: 4px;} .peijian .list li:hover{ box-shadow: 0 0 16px #aaa;} .peijian .list li:hover img{ -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2);} .content { width: 1170px; margin: 0px auto; overflow: hidden; } .supportTitle { font-size: 22px; line-height: 40px; margin-bottom: 15px; color: #000; } .pro_list_right { width: 28%; float: right; } .supportTitle { font-size: 22px; line-height: 40px; margin-bottom: 15px; color: #000; } .supportLeft { background: url(../images/bg.jpg) no-repeat; width: 70%; height: 199px; float: left; } .sLeftCon { width: 68%; float: right; margin: 25px 10px 0 0;color: #666666; } .sLeftCon .pt { font-size: 16px; font-weight: 600; color: #ED1C24; } .sLeftCon .pb { padding: 15px 0; } .aMore { background: #99999A; width: 76px; height: 22px; line-height: 22px; display: block; color: #fff; text-align: center; display: none; } .supportRight { background: #E6E6E6; width: 30%; height: 199px!important;height: 0; float: right;} .sRightTop { height: 125px!important;height: 10px; border-bottom: #CECECE 1px solid; } .sRightTop div { color: #666666; font-size: 15px; text-align: center; float: left; } .sRightTop .sRdv { background: url(../images/smallIcon.png) no-repeat center 30px; width: 33%; height:125px!important;height:0; border-right: #CECECE 1px solid; line-height:200px!important;line-height:140px; cursor: pointer; padding: 0 10px; } .sRightTop .sRdv:hover { background: url(../images/smallIcon_1.png) no-repeat center 30px; color: #ED1C24; } .sRightTop .sRdv1 { background: url(../images/smallIcon01.png) no-repeat center 30px; width: 30%; height:125px!important;height:0;border-right: #CECECE 1px solid; line-height:200px!important;line-height:140px; cursor: pointer; } .sRightTop .sRdv1:hover { background: url(../images/smallIcon01_1.png) no-repeat center 30px; color: #ED1C24; } .sRightTop .sRdv2 { background: url(../images/smallIcon03.png) no-repeat center 30px; width: 30% ;height:125px!important;height:0;line-height:200px!important;line-height:140px; cursor: pointer; } .sRightBot { color: #666666; } .sRightTop .sRdv2:hover { background: url(../images/smallIcon03_1.png) no-repeat center 30px; color: #ED1C24; } .sRightBot .label { width:100px; line-height:36px!important;line-height:75px; height: 36px!important; height: 60px; overflow: hidden; text-indent: 12px; float: left; } .sRightBot .form { /*width: 210px;*/ height: 33px; margin: 20px 0 0 10px; overflow:hidden;} .sRightBot .form .txtInput { width: 160px!important;width: 150px; height: 49px!important;height: 30px; line-height49px!important;line-height:30px; text-indent: 6px; color: #666666; border: 0; background:#fff; } .sRightBot .form .btnSearch { width: 48px; height: 33px; border: 0; background: url(/images/btnSearch.jpg) no-repeat left 4px; cursor: pointer; } .supportBox01 { margin: 40px 0 0 0; padding-top: 20px; width:100%; overflow:hidden } .supportBox01 dl { border-right: #E5E5E5 1px solid; padding: 20px 40px 0 42px; float: left; width: 17% } .supportBox01 dl dt { color: #222; font-size: 22px; padding-bottom:2%; margin:4% auto } .supportBox01 dl dd { color: #666666; line-height: 26px; height: 26px; overflow: hidden; background: url(/images/a_bg.png) no-repeat left 9px; padding-left: 17px; max-width: 270px; } .supportBox01 dl.bdNone { border: none; padding: 20px 0px 0 40px; } .supportBox01 dl.bdNone dt { text-align: left; } .supportBox01 dl p { width: 260px; color: #666666; line-height: 26px; font-size:14px;} .enter{ line-height:50px; color:#ff4a00; float: right;} .supportBox01 .dt { text-align: center;} .supportBox01 .dt .si { background: url(../images/bigIcon_1.jpg) no-repeat; width: 69px; height: 75px; display: inline-block; } .supportBox01 .dt01 .si { background: url(../images/bigIcon_2.jpg) no-repeat; width: 74px; height: 75px; display: inline-block; } .supportBox01 .dt02 .si { background: url(../images/bigIcon_3.jpg) no-repeat; width: 68px; height: 75px; display: inline-block; } .supportBox01 .dt03 .si { background: url(../images/bigIcon_4.jpg) no-repeat; width: 84px; height: 75px; display: inline-block; } .supportBot { background: #F2F2F2; height: 280px; padding: 10px 0; } .sBotList { width: 1200px; margin: 0 auto; padding-top: 25px; } .sBotList ul{ width: 1230px;;} .sBotList li { width: 380px; margin-right: 30px; height: auto; position: relative; z-index: 0; overflow: hidden; float: left; } .sBotList li img { width: 100%; height: auto; } .sBotList li .title { background: #fff; width: 100%; height: 35px; line-height: 35px; position: absolute; bottom: 0; z-index: 20; font-size: 14px; text-align: center; color: #000; } .sub_left .tj_new { width: 100%; } .tj_new_left { width: 25%; float: left; } .tj_new_left img{ width:100%; height:auto;_height:153px;} .tj_new_right { float: right; width: 72%; } .tj_new_right h3 { font-size: 16px; margin-bottom: 10px; } .tj_new_right p { line-height: 30px; margin-bottom: 10px; } .tj_new_right .date { width: 100%; text-align: left; } .sub_new { width: 100%; overflow: hidden; } .sub_new_tit { border-bottom: #d8d8d8 1px solid; line-height: 40px; margin: 10px 0px 20px 0px; padding:2% 0; width: 100%; overflow: hidden; } .sub_new_tit span { float: right; width: 20%; text-align: right; } .sub_new h3 { font-size: 22px; float: left; width: 40%; text-align: left; color: #000; } .sub_new li{ line-height:36px; height:36px;} .newar { float: right; width: 12%; color: #BFBFBF; } .newal { float: left; width: 87%; } .sub_right { float: right; width: 25%; margin-top: 15px; } .listcon { margin-bottom: 10%!important; margin-bottom:3%; border: #ddd 1px solid; } .listcon h3, .hotpro h3 { padding: 0 10px; background: #e8e8e8; color: #000; height: 40px; line-height: 40px; border-bottom: #ddd solid 1px; font-size: 18px; } .listcon ul { overflow: hidden; padding: 5px 10px 8px 10px; } .listcon ul li { line-height: 40px; height: 40px; overflow: hidden; width: 100%; background: url(../images/jt2.gif) no-repeat right center; text-indent: 19px; } .listcon ul li a { font-size: 14px; color: #666; } .listcon ul li a:hover { color: #ff4a00; } .hotpro { padding-bottom: 20px; overflow: hidden; border: #ddd 1px solid; } .hotpro dl { width: 94%; margin-left: 15px; overflow: hidden; margin-top: 20px; } .hotpro dl dt { width: 38%; float: left; } .hotpro dl dt img { width: 100%; height: auto; } .hotpro dl dd { width: 57%; float: right; } .hotpro dl dd a { font-weight: bold; color: #333; } .hotpro dl dd a:hover { color: #e00000; } .hotpro dl dd p { color: #787878; } .liuc{ margin-bottom:0px;} .xgcp h3, .pro_case h3,.prolist_case h3 { font-size: 20px; border-bottom: #dedede 1px solid; color: #000; margin:4% 0; padding-bottom:2%; } .xgcp { width: 100%; float:left; } .xgcp li { width: 21%; float: left; text-align: center; margin-right:3.8%; } .xgcp li img { margin-bottom: 8px; width:100%; height:auto;height:150px;} .xg_pro li p{ height:20px; overflow:hidden} .pro_case { margin: 0 auto; width: 100%; overflow: hidden; margin-top: 20px; } .pro_case li { float: left; width: 47%; *width: 46%; margin-right: 3%!important; margin-right:2%; } .pro_case li .pro_case_img{ width:42%; float:left} .pro_case li img { width:100%; height:auto ;_height:119px;} .pro_case li span { float: right; width: 53%; } .pro_case li h5 { font-size: 14px; color: #000; margin: 0px 0px 10px 0px; } .pro_case p { text-indent: 0px; line-height: 25px; margin: 0; padding: 0; } .left_form{ width:100%; margin-top:35px; background:#f0f0f0; overflow:hidden; margin-bottom: 50px; padding-bottom: 40px;} .left_form .mes_tit{ width:100%;background:url(../images/ly.jpg) no-repeat left top;} .left_form .mes_tit2{ width:100%;background:url(../images/ly2.jpg) no-repeat left top; height:172px;} .left_form .mes_tit h3{font-size:24px;height:30px; color:#eb0001; padding:40px 0 0; text-indent:20px; } .left_form .mes_tit2 h3{font-size:28px;height:30px; color:#eb0001; padding:30px 0 10px; text-indent:40px; } .left_form .mes_tit p{ font-size:14px; width:97%; margin:0 auto; color:#666; line-height:32px; text-indent:20px; margin-top:15px; margin-bottom:15px;} .left_form .mes_tit2 p{ font-size: 15px;width: 80%;margin: 0 auto; color: #666; line-height: 32px; text-indent: 20px;margin-top: 15px;margin-bottom: 15px; float: left; margin-left: 40px;} .left_form .mes_tit span,.message .mes_tit2 span{ background:#65AFFA; padding:5px 7px; margin:0 8px; color:#fff; font-size:16px;} .left_form ul{ width:95%; margin:0 auto; overflow:hidden} .left_form li{ width:47%; float:left; margin:0 1.5% 2%;} .left_form li span{ float:left; width:95px; line-height:36px; font-size:16px;} .message li b{ color:#f33; margin-left:10px; line-height:44px;} .left_form input.intxt { width: 66%; margin: 5px 0 2px; border: 1px solid #D9D9D9; border-top: 1px solid silver; background:#fff; line-height: 36px; height: 36px; color: #999; padding: 0 4px; overflow: hidden; float: left; border-radius: 0; } .left_form textarea { border: 1px solid #CCC; width: 85.8%; height: 100px; line-height: 20px; margin: 6px 0 0; padding: 4px; background: #fff; color: #999; resize: none; float: right; border-radius: 0; } .left_form .btn { margin-left: 40%; overflow: hidden; width:100%; border:none; margin-top: 10px; margin-bottom:30px; } .left_form .btnclick { padding:2% 0 0 35%; overflow: hidden; } .left_form .btnclick input { display: block; width: 110px; padding:10px 40px; text-align: center; color: white; float: left; margin-right: 15px; cursor: pointer; font-size: 16px; overflow: hidden; } .left_form .btnclick input.btn_submit { background: #EB2002; border: 0; } .left_form .btnclick input.btn_reset { background: #454545; border: 0; } .scroll_nav_ul { position: relative; top: 0px; max-width: 1170px; z-index: 99; float: left; width: 100%; overflow: hidden; padding:6px 0;background:#f1f1f1; margin-bottom:20px;} .weizi{ float:right; width:37%!important;width:39%; margin-right:2%} .weizi li { float: left;font-size: 15px; font-weight: bold; margin-left:20px; color: #E3131E; line-height: 40px; text-align: center; } .s_main { width:60%; float:right; } .s_pic { width: 35%; float:left; } .m_l { margin-bottom: 20px; float: left; width: 62%; padding-right: 2%; border-right: 1px dotted #dcdcdc; margin-right: 2%; padding-bottom: 20px; } .pro_contact { width: 26%; float: right; margin-top:30px; } .slide-pic img { width:400px; height:280px } .m_l { float: left; width:65%; padding-right:4%; border-right: 1px dotted #dcdcdc; margin:30px 30px 30px 0; } .pro_special p { padding-bottom: 15px; } .pro_special h4{ margin-bottom:10px; font-size:14px;} .pro_special table td { line-height: 25px; padding-left: 10px; border: 1px solid #dcdcdc; } #relative ul li { width:18%; float: left; margin-right: 2%; float: left; margin-bottom: 20px; } #relative ul li img { padding-bottom: 10px; width:100%; height:180px } #relative ul li p { line-height: 12px; text-align: center; height: 14px; overflow: hidden; padding: 0; margin: 0; } #relative .r_pic { padding-top: 10px; height: 14px; overflow: hidden; width: 99%; margin: 0 auto; margin-top: 10px; border-top: 1px dotted #dcdcdc;} .r_pic p.r_pic3, .r_pic p.r_pic2, .r_pic p.r_pic1 { background: url(/images/nav1.png) no-repeat 0px 0px; height: 12px; width: 33%; text-indent: 13px; line-height: 12px; text-align: left; float: left; overflow: hidden; } .r_pic p.r_pic2 { background: url(../images/nav1.png) no-repeat 0px -12px; height: 12px; text-indent: 14px; text-align: left; } .r_pic p.r_pic3 { background: url(../images/nav1.png)no-repeat 0px -24px; height: 12px; text-indent: 16px; text-align: left; } #topic{ width:100%; overflow:hidden} #topic ul{ margin-top:2%} #topic ul li { width:48%; margin-right:2%; float: left; } #topic ul li img { width: 40%; padding-right: 3%; float: left; height:193px } #topic ul li p {float: left; width: 57%; } #topic ul li p a{ font-size:14px; font-weight:600; margin-bottom:10px;} .top_info{ margin-top:10px; line-height:25px;} .pro_bot { margin:30px 0 20px 0 } .pro_bot h3 { font-weight: bold; font-size:30px; padding-bottom: 10px; color: #333; } .m_l { float: left; width:65%; padding-right:4%; border-right: 1px dotted #dcdcdc; margin:30px 30px 30px 0; } .ultable { width: 100%; } .ultable li { height: 44px; margin-top: 20px; line-height: 44px; } .ultable span { display: block; font-weight: bold; float: left; width: 90px; color: #ff9000; } .ultable li input { width: 80%; height: 38px; color: #afafaf; padding-left: 10px; border: 1px solid #dcdcdc; } .ultable li textarea { width: 80%; color: #afafaf; border: 1px solid #dcdcdc; padding-left: 10px; font-size: 14px; line-height: 25px; } .ultable li.spa { padding-top: 10px; height: 30px; } .ultable li.spa input { padding-left: 0px; } .ultable li.spa .submit { text-align: center; line-height: 40px; background: #283d80; width: 140px; height: 40px; color: #fff; cursor: pointer; margin-right:10px; border: 0} .ultable li.spa .reset { text-align: center; line-height:40px; background-color: rgb(203,203,203); width: 140px; height:40px; color: #666; cursor: pointer; border: 0 } .proName { height: 40px; width: 100%; display: block; text-align: left; padding-bottom: 20px;} .proName h1 { font-size:24px; font-weight:600; color: #333; line-height: 40px; } .p_list { line-height: 40px; font-size: 16px; } .p_list strong{ color: #444;;} .case_show{ margin-top: 90px;} .p_intro{ margin-bottom: 30px;} .casemessage{ padding:8px 0;text-align:center;width:150px; font-size:18px; margin:25px 0; color:#fff; background:#283d80} .casemessage a{ color:#fff;} .swiper_b{width:100%;position:relative;overflow:hidden; margin-top: 0px; display:block; padding-bottom: 10px;} .swiper_b .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center} .swiper_b .swiper-slide img{ width: 270px;height: 250px;margin: 15px 0;display: block;} .swiper_b_btn{text-align:center;position:absolute;bottom:50px !important;z-index:10;width:100%} .swiper_b_btn .swiper-pagination-bullet{background:#fff;opacity:1} .swiper_b_btn .swiper-pagination-bullet-active{background:#F60} .shouhou_ad{padding: 10px 0;} .shouhou_ad .ad{ width: 1200px; margin: 0 auto;} .shouhou_ad ul{ margin: 0 auto; width: 1230px;} .shouhou_ad ul li{ float: left; width: 386px; height: 120px; margin-right: 20px;} .shouhou_ad ul li a{ display: block; background: #ddd; width: 100%; height: 120px;} /*---------------------2017-12-08-----*飞哥*--------------------*/ /*---------------首页关于双金下边加图-------------------*/ .i_about_box .link ul li .anli_text{ position:absolute; width:100%; height:100%; z-index:99999; bottom:0px; display:none; } .i_about_box .link ul li:hover .anli_text{ width:100%; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out; height:100%; display:block; } .i_about_box .link ul li .anli_text a{ width:100%; height:100%; display:block; padding:0px; margin:0px; } .anli_text img{ width:100%; height:100%; } .i_about_box .link ul li .anli_text h1{ height:53px; line-height:53px; background:rgba(0,0,0,0.55); position:absolute; bottom:0px; width:100%; color:#fff; } /*-------------------热销榜--------------------------*/ .iproleft .list ul li .rx_pic{ float:left; width:130px; height:auto; text-align:center; clear:both; overflow:hidden; margin-right:20px; } .iproleft .list ul li .rx_pic img{ display:inline-block; } /*-----------------------------关于我们导航-----------------------*/ .about_nav{ width:1200px; height:62px; background:url(../images/mainnavbg.png) repeat; margin:auto; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .about_fenlei_add{} .about_fenlei_add ul{ width: 1200px; margin: 0 auto; text-align: center;} .about_fenlei_add li{ display: inline-block; margin: 0 6px; position:relative;} .about_fenlei_add li a{/* background: #fff;*/ display: inline-block; height:62px; padding: 0 40px; line-height: 62px; font-size: 16px;/* border-radius: 4px; box-shadow: 0 0 5px #aaa*/} .about_fenlei_add li a.on{/*background: #283d80; */color: #283d80;} .about_fenlei_add li a:hover{/*background: #283d80; */color: #283d80;} .about_fenlei_add.about{ position:absolute; left: 0; width: 100%;/*background:url(../images/bg1.png);*/ margin-top:31px; top:50%;} .about_fenlei_add.about li a{ box-shadow: none;} .about_fenlei_add li a.on em{position:absolute; background:url(../images/navhover_03.png) top center no-repeat; width:28px; height:16px; top:15px; left:10px;} .about_fenlei_add li a em{ position:absolute; background:url(../images/navhover_03.png) top center no-repeat; width:0; height:16px; top:0px; left:0px;} .about_fenlei_add li a:hover em{position:absolute; background:url(../images/navhover_03.png) top center no-repeat; width:28px; height:16px; top:15px; left:10px; -webkit-transition: all .33s ease-out; -moz-transition: all .33s ease-out; -o-transition: all .33s ease-out; -ms-transition: all .33s ease-out;} /*-----------------------------关于我们text-----------------------*/ /*-----------------------------产品内——案例滚动(箭头)-----------------------*/ .caselist_add{width:auto;} .caselist_add .bd{ width: 1200px; overflow: hidden;} .caselist_con_list .hd{ position: relative; width: 1200px; margin:auto; top:-220px; } .caselist_con_list .hd a{ display: block; height: 37px; width: 37px; background: #eee; } .caselist_con_list .hd .prev{ position: absolute; left:-70px; background: url(../images/ico_jt_l.png); } .caselist_con_list .hd .next{ position: absolute; right: -70px; background: url(../images/ico_jt_r-30.png); } /*-----------------------------案例内——产品滚动(箭头)-----------------------*/ .prolist .hd{ position: relative; width: 1200px; margin:auto; top:-160px; } .prolist .hd a{ display: block; height: 37px; width: 37px; background: #eee; } .prolist .hd .prev{ position: absolute; left:-70px; background: url(../images/ico_jt_l.png); } .prolist .hd .next{ position: absolute; right: -80px; background: url(../images/ico_jt_r-30.png); } /*------------------------------常见问题图标--------------------------*/ .supportBox01 .dt .si1 { background: url(../images/bigIcon_1a.jpg) no-repeat; width: 69px; height: 75px; display: inline-block; } .supportBox01 .dt .si2{ background: url(../images/bigIcon_1b.jpg) no-repeat; width: 69px; height: 75px; display: inline-block; } .supportBox01 .dt .si3{ background: url(../images/bigIcon_1c.jpg) no-repeat; width: 69px; height: 75px; display: inline-block; } .supportBox01 .dt .si4{ background: url(../images/bigIcon_1d.jpg) no-repeat; width: 69px; height: 75px; display: inline-block; } /*-----------------------------案例详情添加当前位置-----------------------*/ .location{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-bottom:15px; color:#333; } .location em{ font-family:'宋体'; font-size:12px; font-weight:bold; color:#666; margin:0 10px; } .location a{ color:#666; } .location a:hover{ color:#283d80; } .location .on{color:#283d80;} /*-----------------------------荣誉相册更改-----------------------*/ .game163{ display:none; } #certify { position: relative; width: 1200px; margin: 0 auto } #certify .swiper-container { padding-bottom: 60px; } #certify .swiper-slide { width: 520px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certify .swiper-slide img{ display:block; } #certify .swiper-slide p { line-height: 50px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #283d80; background-color: #fff; } #certify .swiper-button-prev { left: 20px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: 20px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } #certifya { position: relative; width: 1200px; margin: 50px auto } #certifya .swiper-container { padding-bottom: 60px; } #certifya .swiper-slide { width: 440px; height:560px; background: #fff; box-shadow: 0 8px 30px #ddd; } #certifya .swiper-slide img{ display:block; height: 515px; width: 100%; } #certifya .swiper-slide p { line-height: 40px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certifya .swiper-paginationa { width: 100%; bottom: 20px; text-align: center } #certifya .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certifya .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #283d80; background-color: #fff; } #certifya .swiper-button-preva { position: absolute; top: 40%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; left: 20px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certifya .swiper-button-preva:hover { background-position: 0 -46px; background-size: 100% } #certifya .swiper-button-nexta { position: absolute; top: 40%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; right: 20px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certifya .swiper-button-nexta:hover { background-position: 0 -139px; background-size: 100% } /*-----------------------------发展历程修改-----------------------*/ .page_mainNavv{ border-top: 1px solid #fff; height: 141px; position: relative; top:100px; width:100%; margin-bottom:50px;} .page_mainNavv .bracket{ background:url(../images/course_bg1.png); height:78px; width: 240px; position: absolute; top: -41px; left: 50%; margin-left: -120px; border:2px solid #fff;} .page_mainNavv .bracket span{background:url(../images/course_bg2.png); height: 82px; width: 200px; position: absolute; top: -2px; left: 50%; margin-left: -100px; font-size:36px; font-weight:bold; color:#000; text-align:center; line-height:34px;} .page_mainNavv .bracket p{ font-size:18px; color:#000; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;} .dashiji{display:none;} .page_brands{width:1200px; margin:0 auto;} .brands_img{ position: relative; height:320px; width:404px;} .brands_img .bracket{height:308px; width: 258px; position: absolute; top:0; left:0; border:6px solid #eee;} .brands_img .bracket span{height:272px; width:380px; position: absolute; top:0px; left:0; margin:18px 0 18px 18px;} .brands_about{ width:720px; margin-top:30px;} .brands_about .img{ width:720px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:16px; } .brands_about p{ font-size:12px; line-height:30px;} .page_course{ height:600px; width:100%; background:url(../images/course_bg.jpg) center top no-repeat; margin-top:0px;} .courseNav{ width:1197px; margin:0 auto; text-align:left; } .courseNav .hd{ height:80px; padding:0; position:relative; margin-bottom:10px; width: 1100px; margin: 0 auto; } .courseNav .hd ul{ float:left; position:absolute; height:32px;} .courseNav .hd ul li{ float:left; cursor:pointer; background:url(../images/course_nav1.png) 0 28px no-repeat; width:133px; height:80px; line-height:28px; text-align:center; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; font-weight:bold;} .courseNav .hd ul li.on{ height:80px; background:url(../images/course_nav2.png) 0 28px no-repeat; color:#283d80;} .courseNav .bd{background:rgba(0,0,0,0.6); } .courseNav .bd ul{ padding:40px; zoom:1; } .courseNav .bd li{ height:24px; line-height:24px; clear:both;} .courseNav .bd .year{background:#283d80; font-size:60px; line-height:60px; color:#fff; height:120px; text-align:center;font-family: "Lucida Console", Monaco, monospace; padding:20px; display:inline-block} .courseNav .bd .course{ color:#fff; line-height:32px; font-size:16px; margin-left:40px; display:inline-block;width:892px;} .fl{float:left!important;} .about_con_a{ width: 1090px; margin: 0 auto; padding: 40px 0; line-height: 30px;} .news_tt{ padding-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 40px;margin-bottom: 20px;} .news_tt .img{ width: 391px; display: inline-block; float: left; margin-right: 20px; width: 391px;} .news_tt .img img{width:335px; height:235px;} .news_tt .txt{ display: inline-block; float: right; width: 440px;} .news_tt .txt h2{ font-size: 20px; color: #000; margin-bottom: 20px;} .news_tt .txt p{ line-height: 26px;} .footer{ background: #111111; border-top: 4px solid #273b7b; padding-top:40px; position: relative;} .footer .left{ width: 800px; float: left;} .footer .backtop{ position: absolute; top: 0; right: 40px; background: #273c7f url(../images/ico_backtop.png) center no-repeat; height: 46px; width: 46px;;} .footer ul{ border-bottom: 1px solid #383838; padding-bottom: 40px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);} .footer ul li{ float: left;} .footer ul li.line{ color: #333; margin: 0 16px;} .footer ul li a{ font-size: 14px; color: #888;} .footer ul li a:hover{ color: #fff;} .footer .copyright{ padding: 40px 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .footer .copyright .flink{} .footer .concerned{ width:300px; float:right; margin-top:0px;} .footer .concerned .ewm{ width:106px; float:left; padding:5px; background:#fff; -moz-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -o-box-shadow:0px 1px 5px rgba(0,0,0,0.1); -ms-box-shadow:0px 1px 5px rgba(0,0,0,0.1); box-shadow:0px 1px 5px rgba(0,0,0,0.1); } .footer .concerned .ewm img{ display:block; width:106px; height:106px;} .footer .concerned p{ line-height:1; margin-top:5px; color:#999; text-align:center;} .footer .concerned .cnt{ width:165px; float:right;} .footer .concerned .cnt .title{ height:30px; line-height:30px; font-size:16px; color:#fff; padding-left:35px; position:relative;} .footer .concerned .cnt .title .ico-tel{ width:27px; height:17px; display:block; position:absolute; left:0; top:50%; margin-top:-8.5px; background:url(../images/smallIcon_1.png) no-repeat center; background-size: 17px auto;} .footer .concerned .cnt .num{ line-height:1; border-bottom:#dbdbdb 1px solid; color:#fff; font-size:24px; padding-bottom:10px; margin-top:5px;} .footer .concerned .cnt .time{ margin-top:10px; line-height:1; font-size:13px; color:#999;} .moreaa{ text-align: center;} .moreaa a{ display: inline-block; background: #283d80; color: #fff; padding: 5px 25px; border-radius: 55px; font-size: 18px;} .txt2{ text-align: center; padding-bottom: 50px;} .scnl{} .scnl .m1{ width: 1000px; margin: 0 auto; padding-bottom: 80px;} .scnl .m1 img{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5);} .scnl .m1 h2{ -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); font-size: 30px; color: #111; text-align: center; padding-top: 20px;} .scnl .m1 span{ display: block; width: 200px; height: 1px; background: #333; margin: 10px auto 30px auto; -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5);} .scnl .m1 p{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); color: #666; font-size: 14px; line-height: 24px; width: 790px; margin: 0 auto;} .scnl .m2{ padding: 50px; background: #f2f2f2;} .scnl .m2 .con{ width: 1000px; margin: 0 auto;} .scnl .m2 .con ul{} .scnl .m2 .con ul li{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5); float: left; width: 500px; background: #fff; height: 300px;} .scnl .m2 .con .l1{} .scnl .m2 .con .l2{} .scnl .m2 .con .l2 h2{ padding: 30px 0 0 60px; font-size: 30px; color: #222;} .scnl .m2 .con .l2 span{ display: block; width: 40px; margin: 20px 0; background: #283d80; height: 1px; margin-left: 60px;} .scnl .m2 .con .l2 p{ padding: 0 60px 0 60px;} .scnl .m2 .con .l3{} .scnl .m2 .con .l3 h2{ text-align: center; color: #333333; font-size: 24px; margin: 70px 0 30px 0;} .scnl .m2 .con .l3 h2 span{ display: inline-block; width: 20px; height: 1px; vertical-align: middle; background: #333; margin: 0 10px;} .scnl .m2 .con .l3 p{ text-align: center; padding: 0 60px;} .scnl .m2 .con .l4{ background: #283d80;} .scnl .m2 .con .l4 h2{ text-align: center; color: #fff; font-size: 24px; margin: 70px 0 30px 0;} .scnl .m2 .con .l4 h2 span{ display: inline-block; width: 20px; height: 1px; vertical-align: middle; background: #fff; margin: 0 10px;} .scnl .m2 .con .l4 p{ text-align: center; padding: 0 60px; color: #fff;} .scnl .m3{ text-align: center; padding: 60px 0;} .scnl .m3 img{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5);} .scnl .m3 h2{ -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); margin: 20px 0; font-size: 36px; color: #222; text-align: center;} .scnl .m3 p{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); color: #666; width: 750px; margin: 0 auto;} .scnl .m4{ padding: 60px 0; background: url(../images/scnl_17.jpg) repeat-x left border-box;} .scnl .m4 ul{ width: 900px; margin: 0 auto;} .scnl .m4 ul li{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5); width: 50%; float: left; text-align: center;} .scnl .m4 ul li img{ width: 432px;} .scnl .m4 ul li h2{ font-size: 32px; text-align: center; color: #333; padding: 20px 0;} .scnl .m4 ul li p{ font-size: 14px; line-height: 24px; padding: 0 40px;} .scnl .m5{ background: url(../images/scnl_21.jpg) no-repeat center; height: 461px; background-size: 100% auto;} .scnl .m5 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:80px 0 50px 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .scnl .m5 p{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); font-size: 16px; color: #fff; width: 800px; margin: 0 auto; text-align: center;} .ppqs{} .ppqs .c1{ width: 1000px; margin: 0 auto;} .ppqs .c1 .img{ float: left; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);} .ppqs .c1 .txt{ width: 380px; float: right; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);} .ppqs .c1 .txt h2{ font-size: 24px; text-align: center; padding-bottom: 20px; font-weight: bold; } .ppqs .c1 .txt span{ width: 100%; display: block; height: 1px; background: #333;} .ppqs .c1 .txt p{ color: #666; font-size: 14px; padding-top: 60px; line-height: 26px;} .ppqs .c2{ background: url(../images/ppqs_06.jpg) center top no-repeat; background-size: 100% auto;} .ppqs .c2 h2{ font-size: 32px; color: #333; text-align: center; padding: 90px 0 50px 0; font-weight: bold; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);} .ppqs .c2 p{ -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); width:1000px; margin: 0 auto; text-align: center;} .ppqs .c2 ul{ width: 1000px; margin: 15px auto;} .ppqs .c2 ul li{ float: left; width: 25%; -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5);} .ppqs .c2 ul li a{ background: #fff; border-radius: 200px; box-shadow: 0 0 20px #ccc; display: block; width: 200px; height: 200px; text-align: center; overflow: hidden;} .ppqs .c2 ul li a img{ margin-top: 30px;} .ppqs .c3{ width: 1000px; margin: 0 auto; padding: 60px 0;} .ppqs .c3 .txt{ float: left; width: 500px; -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5);} .ppqs .c3 .txt h2{ font-size: 48px; color: #222; line-height: 40px; font-weight: bold; margin-top: 40px;} .ppqs .c3 .txt h2 span{ font-size: 30px; font-weight: normal;} .ppqs .c3 .txt p{ padding: 40px 0 60px 0; line-height: 26px;} .ppqs .c3 .txt a{ background: #283d80; width: 127px; height: 47px; color: #fff; text-align: center; line-height: 47px; display: inline-block;} .ppqs .c3 .img{ float: right; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);} .ppqs .c3 .img img{} .ppqs .c4{ background: url(../images/ppqs_28.jpg) no-repeat center; height: 343px; background-size: 100% auto;} .ppqs .c4 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:80px 0 50px 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .ppqs .c4 p{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); font-size: 14px; color: #fff; width: 800px; margin: 0 auto; text-align: center;} .ppqs .c5{ background: url(../images/ppqs_31.jpg); height: 526px; width: 1000px; margin: 50px auto; position: relative;} .ppqs .c5 .txt{ position: absolute; width: 460px; height: 340px; background: #fff; right: 20px; bottom: 0; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);} .ppqs .c5 .txt h2{ text-align: center; color: #222; font-size: 32px; padding: 50px 0 30px 0;} .ppqs .c5 .txt p{ text-align: center; padding: 0 50px; line-height: 30px; color: #666;} .ppqs .c6{ background:#f2f2f2; padding: 10px 0;} .ppqs .c6 .navtit{ font-size: 34px; color: #333; text-align: center; padding-bottom: 50px;} .ppqs .c6 ul{ width: 1000px; margin: 0 auto;} .ppqs .c6 li{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5); width:20%; text-align: center; float: left;} .ppqs .c6 li .img{ background: #283d80; height: 88px; width: 108px; text-align: center; margin: 0 auto; border-radius: 108px; padding-top: 20px;} .ppqs .c6 li h2{ color: #333; font-size: 22px; margin: 20px 0;} .ppqs .c6 li p{ color: #666; font-size: 14px; line-height: 24px; width: 120px; margin: 0 auto;} .ppqs .c7{ width: 1000px; margin:60px auto 20px auto} .ppqs .c7 .txt{ -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); float: right; width: 499px;} .ppqs .c7 .txt h2{ color: #333; font-size: 34px; padding: 60px 0 40px 0; text-align: center;} .ppqs .c7 .txt p{ text-align: left; padding: 0 20px;} .ppqs .c7 .img{ -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); float: left; width: 501px; height: 296px;} .ppqs .c8{ width: 1000px; margin: 20px auto 60px auto;} .ppqs .c8 .txt{ -webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); transform: scale(0.5,0.5); float: left; width: 499px;} .ppqs .c8 .txt h2{ color: #333; font-size: 32px; padding: 60px 0 40px 0; text-align: center;} .ppqs .c8 .txt p{ text-align: left; padding: 0 50px;} .ppqs .c8 .img{ -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); float: right; width: 501px; height: 296px;} .ppqs .c9{ background: url(../images/ppqs_60.jpg) no-repeat center; height: 390px; background-size: 100% auto;} .ppqs .c9 .tit{ color: #fff; font-size: 44px; line-height: 50px; text-align: center; font-weight: bold; padding:110px 0 50px 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .ppqs .c9 p{ -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); font-size: 14px; color: #fff; width: 600px; margin: 0 auto; text-align: center;} .foot{ background: #f2f2f2; padding: 20px 0;} .foot dl{ width:120px; float:left; margin-right: 50px; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px);} .foot dl:nth-child(1){ -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; -ms-transition:all 0.5s 0.2s; transition:all 0.5s 0.2s;} .foot dl:nth-child(2){ -webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s;} .foot dl:nth-child(3){ -webkit-transition:all 0.5s 0.6s; -moz-transition:all 0.5s 0.6s; -ms-transition:all 0.5s 0.6s; transition:all 0.5s 0.6s;} .foot dl:nth-child(4){ -webkit-transition:all 0.5s 0.8s; -moz-transition:all 0.5s 0.8s; -ms-transition:all 0.5s 0.8s; transition:all 0.5s 0.8s;} .foot dl:nth-child(4){ -webkit-transition:all 0.5s 1s; -moz-transition:all 0.5s 1s; -ms-transition:all 0.5s 1s; transition:all 0.5s 1s;} .foot dl:nth-child(5){ -webkit-transition:all 0.5s 0.4s; -moz-transition:all 0.5s 0.4s; -ms-transition:all 0.5s 0.4s; transition:all 0.5s 0.4s; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} .foot dl:nth-child(6){ -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; -ms-transition:all 0.5s 0.2s; transition:all 0.5s 0.2; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px);} .foot dl dt{ margin-bottom: 25px; border-bottom: 1px solid #aaa; padding-bottom: 10px;} .foot dl dt a{ color: #111; font-size: 18px;} .foot dl dd{} .foot dl dd a{ color: #333; display: block; padding:3px 0; font-size: 14px;} .foot dl dd a:hover{ color: #222;} .foot dl.address{ width:250px; color: #c4cce8; line-height: 30px;} .foot dl.address span{ font-size: 34px; font-family: arial; color: #111;} .foot dl.ewm{ float: right;} .foot dl.ewm img{ background: #fff; padding: 5px;;} .foot dl.ewm dd{ text-align: center; color: #555;} .foot dl dd{ color: #666;} .copyright{ text-align:center; background: #ddd; color: #222; padding: 10px 0;} .copyright .flink{ border-top: 1px solid #ccc;padding-top: 10px; margin-top: 10px;} .copyright .flink a{ padding: 0 10px; color: #666;} #map { width: 552px; height: 447px; margin: 20px auto 0px; background: url(../images/map.png) no-repeat left top; } #map span { display: block; font-weight: normal; position: absolute; height: 20px; line-height: 20px; } .mapl a, .mapr a { color: #402f00; background: url(../images/map-d1.png) no-repeat 0 center; } .mapl a { padding-left: 20px; } .mapr a { background-position: right center; padding-right: 20px; } .mapl a:hover { background: url(../images/map-d2.png) no-repeat left center; color: #d80000; } .mapr a:hover { background: url(../images/map-d2.png) no-repeat right center; color: #d80000; } .contact { margin-top: 40px; line-height: 2; font-size: 16px; } .contact .bt { padding-bottom: 20px; font-size: 24px; } .maps { border: #eee 10px solid; border-radius: 10px; line-height: 0px; margin-top: 20px; } .c5 { color: #44b83b; } .fs5 { font-size: 30px; } .pshow-pic { width: 300px; height: 300px; float: left; line-height: 0px; border: #dfdfdf 1px solid; margin-top: 40px; } .pshow-pic img { width: 300px; height: 300px; } .pshow-right { width: 650px; float: right; height: auto; margin-top: 40px; } .pshow-right .title { border-bottom: #ebebeb 3px solid; height: 40px; line-height: 38px; } .pshow-right .title .name { border-bottom: #44b83b 3px solid; height: 40px; float: left; display: block; padding: 0 10px; margin-bottom: -3px; font-weight: bold; font-size: 15px; } .pshow-right .text-box { margin-top: 20px; line-height: 2; font-size: 14px; color: #666; } .datexz{ overflow: visible !important; overflow-y: hidden;} .swiper-button-prev{ position: absolute; right: -20px !important;} #map2{ display: none;} .pg-honor4{ display: none;} .caselist_add{ display: block;} .caselist_adda{ display: none;} .xgcpa{ display:block;} .xgcpb{ display:none;} .about_fenlei3{} .about_fenlei3 ul{ text-align: center;} .about_fenlei3 ul li{display: inline-block; margin: 0 10px; font-size: 16px;} .about_fenlei3 ul li a{ display: block;} .about_fenlei3 ul li i{ background:#e8e8e8; height:63px; width:63px; border-radius: 100px; margin-bottom: 10px; color: #333; overflow: hidden; display: inline-block; padding:10px;} .about_fenlei3 ul li i img{ width: 100%;} .about_fenlei3 ul li span{ display: block; color: #222;} #dituContent{width:100%;height:500px;} /*-------------------add20180117飞哥---------------*/ .waptitle{ display:none;} .txt font{text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow:hidden; height:40px;} .ani em{float:left;} .title1{text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow:hidden;height:20px; display:inline-block} .title2{text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:40px} .wtt{ display:none!important;} .pccase{ display:none!important;} @media all and (min-width:320px) and (max-width:768px){ .title2{ display:block; height:auto;} .supportLeft {height:auto; font-size:13px;line-height:23px;} .pccase{ display:block!important;} .pctitle{ display:none;} .icase{padding-top:0px;} .waptitle{ display:block; font: bold 20px 'microsoft yahei';height: 50px;line-height: 50px; margin-top: 30px;color: #000; border-bottom:solid 1px #ddd; width:90%; margin-bottom:10px; margin:auto; } .wap_con img{width:100%!important; height:auto!important; } .newspro li{width:33.33%!important;} .about_fenlei2 ul li{width:33.33%;} .hotpro dl dd{margin-top:5%;} .r_pic span.r_pic2, .r_pic span.r_pic1{width:48%; margin:0px;} .ppqs .c5 .txt h2{ padding: 30px 0 15px 0;} .ppqs .c5 .txt p{ line-height:28px;} .caselist_con_list ul li a .txt .name{text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow:hidden;height:40px;} #newscontent{width:100%!important; padding:0px!important;} .marbott{ text-indent:0px!important;} .pro_content .jianjie{padding:10px;} .wapleft{ text-align:left!important; line-height:25px;padding: 0 20px!important;} .wptitle{ display:none;} .wtt{margin-top:100px; display:block!important;} .xgcp li img{height:120px!important; } .casemimg{margin:0 20px;} .moreaass{ display:none!important;} .about_fenlei2{margin:10px;} .about_fenlei2 li { display: block; color: #666; float:left; height: 35px; padding: 0px!important; width:23%!important; cursor: pointer; line-height: 35px; font-size: 14px; border-radius: 55px; box-shadow: 0 0 5px #aaa; margin-left:0.2%; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden; } } .page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; } .page a,.page span{display:block;color:#444;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */ .page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */ .page input{padding:0px;color:#444;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */