@charset "utf-8"; html { min-width: 1300px; } body { overflow-x: hidden; overflow-y: auto; background: #FAFAFA; } body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; } input, button, ul, ol { margin: 0px; padding: 0px; } body, input, button, form { font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333; } h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight: normal; } ul, ol, li { list-style: none; } input { background: none; border: 0 none; } img, iframe { border: 0px; } em, i { font-style: normal; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } .red { color: #ba292e; } .fl { float: left; } .fr { float: right; } .tac { text-align: center; } .tar { text-align: right; } .poa { position: absolute; } .por { position: relative; } .hidden { display: none; } .w1200 { width: 1310px; margin: 0 auto; padding:0px 20px 0 20px; } .w1300 { width: 1300px; margin: 0 auto; } .ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle; } .itit-ico { background: url(../images/itit-ico.png) no-repeat; display: inline-block; vertical-align: middle; } .ilink { background: url(../images/ilink.png) no-repeat; display: inline-block; vertical-align: middle; } .bicon { background: url(../images/bicon.png) no-repeat; display: inline-block; vertical-align: middle; } .icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle; } .right { float: right; } a { color: #333; text-decoration: none; } a:hover { color: #004391; text-decoration: none; } a:visited { text-decoration: none; } .ease, .ease * { transition: all ease 300ms; } .noease, .noease * { transition: none; } :-moz-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; } .clearfix { *zoom: 1; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*top_main*/ .top_main { position: relative; width: 100%; height: 34px; line-height: 34px; background: #282d34; } .top_main .top_l { color: #fff; font-size: 12px; } .top_main .top_r { margin-right: 0px; } .top_main li { position: relative; float: left; display: inline-block; text-align: center; color: #999; } .top_main li a { color: #999; font-size: 12px; } .top_main li a:hover { color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .top_main .top_r .line { display: block; width: 1px; height: 14px; margin: 10px 10px 0px; background: #999; } .top_main .top_r .line1 { margin-left: 0px; } /*header*/ .header_main { width: 100%; height: 145px; overflow: hidden; z-index: 100; background: #05357F; } .header_main .header { position: relative; } .header_main .logo { float: left; display: block; padding-top: 25px; } .header_main .logo img { width: 100%; height: 100%; display: block; } .header_main .tel { float: right; margin-top: 23px; } .header_main .tel .tit { font-size: 14px; color: #333; text-indent: 50px; line-height: 20px; } .header_main .tel .con { font-size: 26px; color: #004391; text-indent: 50px; font-weight: bold; } .nav_main { position: relative; width: 100%; float: left; height: 50px; color: #fff; z-index: 13; background:url(../images/m_bg.jpg) bottom repeat-x #052764; } .nav_main .nav { width: 1310px; margin: 0 auto; } .nav_main .nav li { position: relative; color: #fff; line-height: 32px; float: left; border-radius: 0px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; background:url(../images/sjx.gif) -100% 110% no-repeat; } .nav_main .nav li a.aLink { width: 109.1px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; display: block; color: #fff; font-weight: bold; } .nav_main .nav li.hover, .nav_main .nav li:hover { background:url(../images/sjx.gif) 50% 110% no-repeat; } .nav_main .nav li.subnav:hover {background:none;} .nav_main .nav li.hover a, .nav_main .nav li:hover a { color: #fff; } .nav_main li.hover .subnav a { background: none; } .nav_main .nav .subnav { height: auto; left: 0px; top: 50px; position: absolute; width: 100%; z-index: 199; background: rgba(255,255,255,0.86); border-radius: 0px; } .nav_main .nav .subnav { filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .nav_main .nav li:hover .subnav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .nav_main .nav .subnav li { width: 100%; background: none; } .nav_main .nav .subnav .nav1 a { color: #333; display: block; font-size: 14px; font-weight: 500; line-height: 40px; text-align: center; border-bottom: #ddd 1px solid; } .nav_main .nav .subnav li:hover { background: none; } .nav_main .nav .subnav li:hover a { color: #004391; } .nav_main .nav .subnav li:last-child a { border-bottom: 0; } .announ_main { width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid #eee; } .announ_main .announ_right { width: 282px; padding-top: 20px; } .announ_main .announ_right .search { width: 282px; height: 35px; line-height: 35px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f6f6f6; position: relative; } .announ_main .announ_right .search input { outline: none; border: 0 none; height: 35px; line-height: 35px; } .announ_main .announ_right .search .txt { width: 200px; background: none; padding-left: 15px; display: block; color: #999; } .announ_main .announ_right .search .btn { width: 50px; background: url(../images/sou.png) no-repeat center #004391; position: absolute; right: 0; top: 0; cursor: pointer; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; } .announ_main .announ_right .search .btn:hover { background-color: #01bc66; } .announ_main .announ_left span { display: inline-block; } .announ_main .announ_left a { display: inline-block; padding: 0 10px 0 0; } .announ_main .announ_left a s { width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle; } .announ_main .announ_left a:first-child s { display: none; } .banner { top: 0px; width: 1310px; margin:0 auto; min-width: 1310px; height: 516px; z-index: 9; position: relative; overflow: hidden; } .banner .list { width: 100%; } .banner li { width: 100%; height: 516px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff; } .banner li img { width: 1310px; height: 100%; display: block; position: relative; left: 50%; top: 0; margin-left: -650px; } .banner li a { width: 100%; display: block; height: 100%; } .banner .tip { width: 100%; height: 6px; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 10; } .banner .tip span { width: 48px; height: 6px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; border-radius: 12px; opacity: 0.5; filter: alpha(opacity=50); background: #fcfcfc; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .banner .tip span.cur { background: #004391; opacity: 1; filter: alpha(opacity=100); } .banner .prev, .banner .next { width: 32px; height: 34px; position: absolute; z-index: 12; top: 50%; margin-top: -17px; cursor: pointer; transition: none; background: url(../images/banner-btn.png) no-repeat 0 center; transition: all ease 300ms; } .banner .prev:hover, .banner .next:hover { opacity: 0.8; filter: alpha(opacity=80); } .banner .prev { left: 3%; background-position: 1px center; } .banner .next { right: 3%; background-position: -50px 0; } /*nybanner*/ .nybanner { width: 100%; height: 300px; overflow: hidden; position: relative; } .nybanner img { width: 1310px; display: block; position: absolute; left: 50%; margin-left: -650px; top: 0; } #techers{float:left; width:1310px; margin-top:10px;} #techers .pe_u_thumb_title{ text-align:center;width:107px;overflow:hidden;} #techers .tempWrap{ width:1310px !important; margin:0px;} .picList{padding:20px 0;} .picList li{float:left; margin-right:20px;} /*footer*/ .footer { margin: 0 auto; width: 1350px; color: #fff; background: url(../images/f_bot.jpg) center no-repeat; } .footer .links { padding: 20px 0; font-size: 16px; border-bottom: 1px solid #1a1d21; } .footer .links span { color: #fff; display: inline-block; } .footer .links a { display: inline-block; font-size: 14px; color: #939393; padding-right: 10px; } .footer .links a:hover { color: #dc0000; } .footer .bottom { position: relative; } .footer .bNav { width: 1310px; height: 127px; margin-top: 80px; text-align:center; font-size: 20px; line-height: 33px; } .footer .di_logo img { width: 111px; height: 111px; background-size: 100%; } .footer .bNav dl { display: inline-block; float: left; width: 124.5px; overflow: hidden; text-align: left; padding-top: 10px; } .footer .bNav dl dt { height: 16px; display: block; padding-bottom: 32px; } .footer .bNav dl dt a { display: block; font-size: 16px; color: #fff; line-height: 16px; } .footer .bNav dl dd { display: block; height: 14px; padding-bottom: 16px; } .footer .bNav dl dd a { display: block; font-size: 14px; color: #939393; line-height: 14px; } .footer .bNav dl dd a:hover { color: #dc0000; } .footer .ewm { width: 225px; text-align: center; padding-left: 0px; margin-top: 0px; position: absolute; top:10px; right: 0px; } .footer .ewm dl { width: 200px; float: left; display: block; margin-right: 30px; margin-top: 10px; height: 164px; } .footer .ewm dl:nth-child(2) { margin-right: 0px; } .footer .ewm dl:first-child+dl { margin-right: 0px; } .footer .ewm dl dt { width: 213px; height: 140px; text-align: center; } .footer .ewm dl dt img { width: 118px; display: inline-block; background-size: 100%; margin-top: 35px; } .footer .ewm dl dd { font-size: 14px; color: #939393; line-height: 24px; padding-top: 5px; } .footer .contact_info { width: 345px; height: 180px; padding-left: 75px; border-right: 1px solid #1a1d21; border-left: 1px solid #464a50; margin-top: 48px; } .footer .contact_info p.p1 { font-size: 14px; color: #fff; line-height: 14px; padding-top: 10px; } .footer .contact_info p.dh { font-size: 36px; color: #004391; font-family: "Arial"; line-height: 36px; padding-top: 4px; font-weight: bold; padding-bottom: 12px; } .footer .contact_info h3 { font-size: 20px; padding-top: 8px; } .footer .contact_info p.tel { font-size: 14px; color: #939393; line-height: 22px; width: 270px; } .footer .contact_info i { display: block; padding-top: 8px; font-size: 14px; color: #fff; } .footer .contact_info i a { display: inline-block; color: #fff; padding-right: 12px; } /*copyright*/ .copyright { height: 50px; line-height: 50px; color: #666; font-size: 12px; background: #27292B; } .copyright p { color: #939393; } .copyright span { margin: 0 6px; } .copyright a { color: #939393; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .copyright a:hover { color: #dc0000; } .gridlist { width: 100%; } .gridlist .list { width: 105%; } .gridlist .item { width: 260px; margin: 0 20px 24px 0; float: left; position: relative; overflow: hidden; } .gridlist .item img { width: 100%; height: 195px; display: block; transition: all ease 300ms; } .gridlist .item h3 { color: #666666; line-height: 50px; padding: 0 10px; transition: all ease 300ms; height: 50px; background: #f7f7f7; overflow: hidden; } .gridlist .item:hover img { filter: brightness(110%); } .gridlist .item:hover h3 { color: #fff; background: #d9261d; } .newslist { overflow: hidden; width: 100%; } .newslist li { height: 30px; line-height: 30px; overflow: hidden; } .newslist li a { width: 100%; color: #666666; display: block; transition: all ease 300ms; } .newslist li .time { color: #999999; float: right; } .newslist li s { width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; background: #e8e8e8; border-radius: 100%; } .newslist li:hover a { color: #d9261d; } /*******index css*******/ .index { width: 100%; } .index .scrollBox { height: 48px; line-height: 48px; overflow: hidden; position: relative; padding-bottom: 58px; } .index .scrollBox .btn { width: 202px; background: url(../images/ibtnbg.png) no-repeat center center; position: absolute; top: 0; right: 0; text-align: center; font-weight: bold; color: #fff; font-size: 18px; } .index .scrollBox .btn s { width: 19px; height: 19px; margin-right: 6px; background-position: -130px 0; } .index .iscroll { width: 966px; height: 48px; position: relative; overflow: hidden; background-color: #f1f1f1; border: 1px solid #e5e5e5; } .index .iscroll .t { width: 22px; height: 20px; display: block; position: absolute; left: 128px; top: 16px; background-position: -34px 0; } .index .iscroll .prev, .index .iscroll .next { width: 38px; height: 15px; position: absolute; z-index: 10; cursor: pointer; left: 31px; top: 8px; background-position: 15px -30px; } .index .iscroll .prev { border-bottom: 1px solid #e5e5e5; } .index .iscroll .next { top: 24px; background-position: 15px -46px; } .index .iscroll .list { padding-left: 166px !important; position: relative; } .index .iscroll .list a { width: 100%; display: block; color: #848484; font-size: 16px; } .index .iscroll .list a:hover { color: #d9261d; } .index .iscroll .list .time { float: right; padding-left: 16px; height: 16px; line-height: 16px; margin-top: 15px; margin-right: 20px; font-size: 16px; color: #848484; border-left: 2px solid #a4a4a4; } .index .ilinks { height: 191px; margin-bottom: 40px; } .index .ilinks .list .item { width: 288px; float: left; margin-left: 16px; } .index .ilinks .list .item a { width: 100%; display: block; } .index .ilinks .list .item img { width: 286px; height: 63px; border: 1px solid #dddddd; display: block; } .index .ilinks .list .item:first-child { margin-left: 0; } .index .ilinks .list .item h3 { height: 40px; line-height: 40px; overflow: hidden; width: 100%; text-align: center; } .indexTit { padding-top: 76px; } .indexTit .tit { font-size: 40px; color: #646464; text-align: center; height: 40px; line-height: 40px; margin-bottom: 18px; } .indexTit i { display: block; width: 29px; height: 1px; margin: 0 auto; background: url(../images/wrap.png) center center no-repeat; margin-bottom: 30px; } .index_title { text-align: center; padding-top: 35px; padding-bottom: 40px; } .index_title h3 { font-size: 38px; font-weight: 100; padding-bottom: 12px; color: #333; font-weight: bold; } .index_title p { background: url(../images/line.png) center center no-repeat; width: 320px; height: 22px; margin: 0 auto; } /*f1*/ .floor_1 { } .floor_1 .floor_1_main { } .floor_1 .floor_1_main .content { } .floor_1 .floor_1_main .content .menu { margin-bottom: 42px; } .floor_1 .floor_1_main .content .menu .list { padding: 0; text-align: center; } .floor_1 .floor_1_main .content .menu .list .item { display: inline-block; width: 130px; height: 40px; line-height: 40px; background-color: #f4f4f4; border: 1px solid #f1efef; margin: 0 8px; border-radius: 6px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_1 .floor_1_main .content .menu .list .item:last-child { margin-right: 0px; } .floor_1 .floor_1_main .content .menu .list .item a { font-size: 14px; color: #666; text-align: center; display: block; } .floor_1 .floor_1_main .content .menu .list .item:hover { background-color: #004391; color: #FFFFFF; } .floor_1 .floor_1_main .content .menu .list .item:hover a { color: #FFFFFF; } .floor_1 .floor_1_main .content .menu .list .item.hover { background-color: #004391; color: #FFFFFF; } .floor_1 .floor_1_main .content .menu .list .item.hover a { color: #FFFFFF; } .floor_1 .floor_1_main .content .product { } .floor_1 .floor_1_main .content .product .bd { position: relative; overflow: hidden; height: 290px; } .floor_1 .floor_1_main .content .product .bd .list { width: 104%; overflow: hidden; } .floor_1 .floor_1_main .content .product .bd .list li { position: relative; float: left; display: block; width: 290px; height: 290px; margin-right: 13px; cursor: pointer; } .floor_1 .floor_1_main .content .product .bd .list li:hover { background: url(../images/f2_1.jpg) center center no-repeat; } .floor_1 .floor_1_main .content .product .bd .list li a { display: block; width: 288px; height: 290px; } .floor_1 .floor_1_main .content .product .bd .list li img { margin: 0 auto; display: block; height: 218px; width: 290px; } .floor_1 .floor_1_main .content .product .bd .list li p { height: 70px; line-height: 70px; text-align: center; color: #666666; font-size: 16px; font-weight: bold; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_1 .floor_1_main .content .product .bd .list li:hover p { color: #0d97f4; } .floor_1 .floor_1_main .content .product .hd { width: 100%; top: 0px; position: relative; padding-bottom: 80px; } .floor_1 .floor_1_main .content .product .hd .prev { position: absolute; left: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -0px -0px; cursor: pointer; } .floor_1 .floor_1_main .content .product .hd .next { position: absolute; right: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -80px -0px; cursor: pointer; } .floor_1 .floor_1_main .content .product .hd .prev:hover { opacity: 0.8; background-position: -160px -0px; } .floor_1 .floor_1_main .content .product .hd .next:hover { opacity: 0.8; background-position: -240px -0px; } .floor_1 .floor_1_main .content .product .hd .amore { position: absolute; left: 570px; top: -0px; display: block; width: 61px; height: 32px; background-position: -0px -76px; cursor: pointer; } .floor_1 .floor_1_main .content .product .hd .amore:hover { opacity: 0.8; background-position: -80px -76px; } .floor_1 .floor_1_main .content .product .bd .list li a .More { margin-top: 32px; margin-left: 60px; overflow: hidden; opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .floor_1 .floor_1_main .content .product .bd .list li:hover a .More { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .floor_1 .floor_1_main .content .product .bd .list li a .More i { background-position: -30px -300px; width: 12px; height: 7px; margin-top: -17px; margin-left: 100px; float: left; } .floor_1 .floor_1_main .content .product .bd ul li a .bg { width: 290px; height: 218px; background: url(../images/framebg1.png) no-repeat center center; background-size: 290px 218px; opacity: 0; margin-top: -288px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_1 .floor_1_main .content .product .bd ul li:hover a .bg { display: block; z-index: 999; position: relative; opacity: 1; } .floor_1 .floor_1_main .content .product .bd ul li a .txtIco { position: absolute; top: 0px; left: 0px; display: block; width: 290px; height: 290px; z-index: 1000; } .floor_1 .floor_1_main .content .product .bd ul li a .txtIco s { width: 54px; height: 54px; background-position: 0px -270px; position: absolute; left: 145px; top: 80px; margin-left: -20px; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco s { opacity: 1; } .floor_1 .floor_1_main .content .product .bd ul li a .txtIco .stit { padding-top: 220px; font-size: 18px; line-height: 18px; text-align: center; transition: all ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); color: #fff; } .floor_1 .floor_1_main .content .product .bd ul li:hover a .txtIco .stit { padding-top: 160px; transition: all ease-in-out .2s; opacity: 1; filter: alpha(opacity=100); color: #fff; } /******floor_2******/ .floor_2 { background-color: #f4f5f6; position: relative; height: 876px; } .floor_2 .floor_2_main { } .floor_2 .floor_2_main .content { } .floor_2 .floor_2_main .content .advantage { position: relative; height: 600px; margin-top: 50px; } .floor_2 .floor_2_main .content .advantage .list { position: relative; z-index: 99; } .floor_2 .floor_2_main .content .advantage .list .item { width: 350px; height: 100px; float: left; } .floor_2 .floor_2_main .content .advantage .list .item.it1, .floor_2 .floor_2_main .content .advantage .list .item.it3, .floor_2 .floor_2_main .content .advantage .list .item.it5, .floor_2 .floor_2_main .content .advantage .list .item.it7 { padding-right: 400px; } .floor_2 .floor_2_main .content .advantage .list .item a { display: block; } .floor_2 .floor_2_main .content .advantage .list .item a h2 { font-size: 20px; color: #000000; height: 24px; line-height: 24px; padding-bottom: 16px; font-weight: bold; text-indent: 230px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_2 .floor_2_main .content .advantage .list .item:hover a h2 { color: #01bc66; } .floor_2 .floor_2_main .content .advantage .list .item a h2 i { display: block; width: 23px; height: 23px; background: url(../images/f2_1.png)center center no-repeat; float: right; } .floor_2 .floor_2_main .content .advantage .list .item.it2:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it4:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it6:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it8:hover a h2 i { display: block; width: 23px; height: 23px; background: url(../images/f2_3.png)center center no-repeat; float: left; } .floor_2 .floor_2_main .content .advantage .list .item.it1:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it3:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it5:hover a h2 i, .floor_2 .floor_2_main .content .advantage .list .item.it7:hover a h2 i { display: block; width: 23px; height: 23px; background: url(../images/f2_3.png)center center no-repeat; float: right; } .floor_2 .floor_2_main .content .advantage .list .item a p { font-size: 14px; color: #999999; line-height: 20px; transition: all ease 600ms; } .floor_2 .floor_2_main .content .advantage .list .item:hover a p { margin-top: -12px; transition: all ease 600ms; } .floor_2 .floor_2_main .content .advantage .f2_bg { width: 597px; height: 559px; position: absolute; top: 0px; left: 354px; } .floor_2 .floor_2_main .content .advantage .list .item.it1 { width: 354px; padding-left: 98px; padding-top: 26px; } .floor_2 .floor_2_main .content .advantage .list .item.it1 p { width: 310px; text-align: right; } .floor_2 .floor_2_main .content .advantage .list .item.it1 p em { text-indent: 250px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it2 { width: 354px; padding-top: 26px; } .floor_2 .floor_2_main .content .advantage .list .item.it2 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantage .list .item.it2 h2 i { float: left; } .floor_2 .floor_2_main .content .advantage .list .item.it2 p { width: 310px; padding-left: 44px; } .floor_2 .floor_2_main .content .advantage .list .item.it2 p em { text-indent: 250px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it3 { width: 354px; padding-top: 50px; } .floor_2 .floor_2_main .content .advantage .list .item.it3 p { width: 310px; text-indent: 18px; text-align: right; } .floor_2 .floor_2_main .content .advantage .list .item.it3 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it3 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantage .list .item.it4 { width: 354px; padding-left: 188px; padding-top: 50px; } .floor_2 .floor_2_main .content .advantage .list .item.it4 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantage .list .item.it4 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it4 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantage .list .item.it4 h2 i { float: left; } .floor_2 .floor_2_main .content .advantage .list .item.it5 { width: 354px; padding-top: 80px; } .floor_2 .floor_2_main .content .advantage .list .item.it5 p { width: 310px; text-indent: 0px; text-align: right; } .floor_2 .floor_2_main .content .advantage .list .item.it5 p em { text-indent: 194px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it5 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantage .list .item.it6 { width: 354px; padding-left: 192px; padding-top: 78px; } .floor_2 .floor_2_main .content .advantage .list .item.it6 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantage .list .item.it6 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it6 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantage .list .item.it6 h2 i { float: left; } .floor_2 .floor_2_main .content .advantage .list .item.it7 { width: 354px; padding-top: 44px; padding-left: 100px; } .floor_2 .floor_2_main .content .advantage .list .item.it7 p { width: 310px; text-indent: -12px; text-align: right; } .floor_2 .floor_2_main .content .advantage .list .item.it7 p em { text-indent: 58px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it7 h2 { text-indent: 230px; } .floor_2 .floor_2_main .content .advantage .list .item.it8 { width: 354px; padding-left: 2px; padding-top: 48px; } .floor_2 .floor_2_main .content .advantage .list .item.it8 p { width: 310px; text-indent: 0; padding-left: 42px; } .floor_2 .floor_2_main .content .advantage .list .item.it8 p em { text-indent: 210px; display: block; } .floor_2 .floor_2_main .content .advantage .list .item.it8 h2 { text-indent: 20px; } .floor_2 .floor_2_main .content .advantage .list .item.it8 h2 i { float: left; } /******floor_3******/ .floor_3 { position: relative; } .floor_3 .floor_3_main .content .case { } .floor_3 .floor_3_main .content .case .bd { position: relative; height: 380px; } .floor_3 .floor_3_main .content .case .bd .list { width: 104%; } .floor_3 .floor_3_main .content .case .bd .list li { position: relative; float: left; display: block; width: 380px; height: 360px; margin-right: 30px; cursor: pointer; } /*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/ .floor_3 .floor_3_main .content .case .list li a { display: block; width: 380px; height: 360px; } .floor_3 .floor_3_main .content .case .bd .list li img { margin: 0 auto; display: block; height: 285px; width: 380px; } .floor_3 .floor_3_main .content .case .bd .list li p { height: 70px; line-height: 70px; text-align: center; color: #666666; font-size: 16px; font-weight: bold; position: relative; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_3 .floor_3_main .content .case .bd .list li:hover p { color: #0d97f4; } .floor_3 .floor_3_main .content .case .hd { width: 100%; top: 0px; position: relative; padding-bottom: 80px; } .floor_3 .floor_3_main .content .case .hd .prev { position: absolute; left: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -0px -0px; cursor: pointer; } .floor_3 .floor_3_main .content .case .hd .next { position: absolute; right: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -80px -0px; cursor: pointer; } .floor_3 .floor_3_main .content .case .hd .prev:hover { opacity: 0.8; background-position: -160px -0px; } .floor_3 .floor_3_main .content .case .hd .next:hover { opacity: 0.8; background-position: -240px -0px; } .floor_3 .floor_3_main .content .case .hd .amore { position: absolute; left: 570px; top: -0px; display: block; width: 61px; height: 32px; background-position: -0px -76px; cursor: pointer; } .floor_3 .floor_3_main .content .case .hd .amore:hover { opacity: 0.8; background-position: -80px -76px; } .floor_3 .floor_3_main .content .case .bd .list li a .More { margin-top: 32px; margin-left: 60px; overflow: hidden; opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .floor_3 .floor_3_main .content .case .bd .list li:hover a .More { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .floor_3 .floor_3_main .content .case .bd .list li a .More i { background-position: -30px -300px; width: 12px; height: 7px; margin-top: -17px; margin-left: 100px; float: left; } .floor_3 .floor_3_main .content .case .bd ul li a .bg { margin-top: -355px; width: 380px; height: 285px; background: url(../images/framebg2.png) no-repeat center center; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_3 .floor_3_main .content .case .bd ul li:hover a .bg { display: block; z-index: 999; position: relative; opacity: 1; } .floor_3 .floor_3_main .content .case .bd ul li a .txtIco { position: absolute; top: 0px; left: 0px; display: block; width: 380px; height: 360px; z-index: 1000; } .floor_3 .floor_3_main .content .case .bd ul li a .txtIco s { width: 54px; height: 54px; background-position: 0px -270px; position: absolute; left: 184px; top: 106px; margin-left: -20px; opacity: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco s { opacity: 1; } .floor_3 .floor_3_main .content .case .bd ul li a .txtIco .stit { padding-top: 220px; font-size: 18px; line-height: 18px; text-align: center; transition: all ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); color: #fff; } .floor_3 .floor_3_main .content .case .bd ul li:hover a .txtIco .stit { padding-top: 160px; transition: all ease-in-out .2s; opacity: 1; filter: alpha(opacity=100); color: #fff; } .floor_3 .floor_3_main .content .case .bd .list li p i { display: block; width: 19px; height: 19px; float: right; background-position: 0px -140px; position: absolute; top: 26px; right: 26px; } .floor_3 .floor_3_main .content .case .bd .list li:hover p i { background-position: -40px -140px; } /******floor_4******/ .floor_4 { position: relative; } .floor_4 { background: url(../images/f4_3.jpg) center center no-repeat; height: 647px; } .floor_4 .floor_4_main { } .floor_4 .floor_4_main .txt { float: left; padding-top: 120px; } .floor_4 .floor_4_main .txt .tit { font-size: 40px; color: #333333; height: 44px; line-height: 44px; padding-bottom: 36px; } .floor_4 .floor_4_main .txt i { display: block; background-position: 0 -380px; width: 32px; height: 1px; } .floor_4 .floor_4_main .txt .p1 { font-size: 14px; color: #333333; width: 500px; line-height: 28px; padding-top: 60px; } .floor_4 .floor_4_main .txt a { font-size: 14px; color: #fff; width: 130px; line-height: 40px; height: 40px; text-align: center; background-color: #004391; display: block; border-radius: 6px; margin-top: 56px; transition: all ease 600ms; } .floor_4 .floor_4_main .txt a:hover { width: 150px; transition: all ease 600ms; } /******floor_5******/ .floor_5 .floor_5_main { position: relative; } .floor_5 .floor_5_main .indexTit {/* float: left; */ position: relative; } .floor_5 .floor_5_main .indexTit .tit { font-size: 40px; color: #646464; text-align: left; margin-bottom: 18px; } .floor_5 .floor_5_main .indexTit i { display: block; width: 29px; height: 1px; margin: 0; background: url(../images/wrap.png) center center no-repeat; margin-bottom: 30px; } .floor_5 .floor_5_main .menu { float: right; position: absolute; top: 34px; right: 0px; } .floor_5 .floor_5_main .menu .list .item.it1 { font-size: 14px; color: #fff; width: 130px; } .floor_5 .floor_5_main .menu .list .item.hover { background-color: #004391; } .floor_5 .floor_5_main .menu .list .item.it2 { font-size: 14px; color: #fff; width: 130px; line-height: 40px; height: 40px; text-align: center; background-color: #01bc66; display: block; border-radius: 6px; margin-top: 56px; float: left; } .floor_5 .floor_5_main .menu .list .item a { color: #FFFFFF; display: block; } .floor_5 .floor_5_main .menu .list .item:hover a { } .floor_5 .floor_5_main .menu .list .item { font-size: 14px; color: #fff; width: 130px; line-height: 40px; height: 40px; text-align: center; background-color: #01bc66; display: block; border-radius: 6px; margin-top: 56px; float: left; margin-right: 18px; transition: all ease 600ms; } .floor_5 .floor_5_main .menu .list .item:hover { opacity: 0.8; transition: all ease 600ms; } .floor_5 .floor_5_main .menu .list .item:last-child { margin-right: 0px; } .floor_5 .floor_5_main .content .news { margin-bottom: 30px; padding-top: 0px; } .floor_5 .floor_5_main .content .news .bd { position: relative; height: 420px; } .floor_5 .floor_5_main .content .news .bd .list { width: 104%; } .floor_5 .floor_5_main .content .news .bd .list li { position: relative; float: left; display: block; width: 380px; height: 380px; border-bottom: 0px!important; padding-bottom: 0px; margin: 15px 0; margin-right: 30px; cursor: pointer; transition: all ease 600ms; } .floor_5 .floor_5_main .content .news .bd .list li:hover { box-shadow: 1px 6px 10px #d0dbe0; transition: all ease 600ms; } /*.floor_3 .floor_3_main .content .case .bd .list li:hover{background: url(../images/f2_1.jpg) center center no-repeat; box-shadow: 3px 7px 12px #d0dbe0;}*/ .floor_5 .floor_5_main .content .news .list li a { display: block; width: 380px; height: 380px; } .floor_5 .floor_5_main .content .news .bd .list li img { margin: 0 auto; display: block; height: 285px; width: 380px; } .floor_5 .floor_5_main .content .news .bd .list li .tit { } .floor_5 .floor_5_main .content .news .bd .list li .p1 { height: 90px; line-height: 90px; float: left; text-align: center; color: #666666; font-size: 16px; font-weight: bold; position: relative; width: 310px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_5 .floor_5_main .content .news .bd .list li .p2 { position: relative; color: #cccccc; font-size: 43px; padding-top: 20px; width: 70px; float: right; } .floor_5 .floor_5_main .content .news .bd .list li .p2 .s1 { margin-right: 14px; color: #666666; font-size: 14px; float: right; position: absolute; top: 44px; left: 4px; width: 76px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_5 .floor_5_main .content .news .bd .list li .p2 .s2 { position: absolute; top: 16px; left: 6px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .floor_5 .floor_5_main .content .news .bd .list li:hover .p2 { color: #004391; } .floor_5 .floor_5_main .content .news .bd .list li:hover .p2 .s1 { color: #004391; } .floor_5 .floor_5_main .content .news .bd .list li:hover .p1 { color: #0d97f4; } .floor_5 .floor_5_main .content .news .hd { width: 100%; top: 0px; position: relative; padding-bottom: 80px; } .floor_5 .floor_5_main .content .news .hd .prev { position: absolute; left: 490px; top: -0px; display: block; width: 72px; height: 32px; background-position: -0px -0px; cursor: pointer; } .floor_5 .floor_5_main .content .news .hd .next { position: absolute; right: 490px; top: -0px; *right: 0px; *left: 1180px; display: block; width: 72px; height: 32px; background-position: -80px -0px; cursor: pointer; } .floor_5 .floor_5_main .content .news .hd .prev:hover { opacity: 0.8; background-position: -160px -0px; } .floor_5 .floor_5_main .content .news .hd .next:hover { opacity: 0.8; background-position: -240px -0px; } .floor_5 .floor_5_main .content .news .hd .amore { position: absolute; left: 570px; top: -0px; display: block; width: 61px; height: 32px; background-position: -0px -76px; cursor: pointer; } .floor_5 .floor_5_main .content .news .hd .amore:hover { opacity: 0.8; background-position: -80px -76px; } .floor_5 .floor_5_main .content .news .bd .list li a .More { margin-top: 32px; margin-left: 60px; overflow: hidden; opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .floor_5 .floor_5_main .content .news .bd .list li:hover a .More { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .floor_5 .floor_5_main .content .news .bd .list li a .More i { background-position: -30px -300px; width: 12px; height: 7px; margin-top: -17px; margin-left: 100px; float: left; } .floor_5 .floor_5_main .content .news .bd ul li a .bg { width: 380px; height: 285px; background: url(../images/framebg2.png) no-repeat center center; opacity: 0; } .floor_5 .floor_5_main .content .news .bd ul li:hover a .bg { display: block; margin-top: -355px; z-index: 999; position: relative; opacity: 1; } .floor_5 .floor_5_main .content .news .bd ul li a .txtIco { position: absolute; top: 0px; left: 0px; display: block; width: 380px; height: 360px; z-index: 1000; } .floor_5 .floor_5_main .content .news .bd ul li a .txtIco s { width: 54px; height: 54px; background-position: 0px -270px; position: absolute; left: 184px; top: 106px; transition: all ease-in-out .2s; margin-left: -20px; opacity: 0; } .floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco s { opacity: 1; } .floor_5 .floor_5_main .content .news .bd ul li a .txtIco .stit { padding-top: 220px; font-size: 18px; line-height: 18px; text-align: center; transition: all ease-in-out .2s; opacity: 0; filter: alpha(opacity=0); color: #fff; } .floor_5 .floor_5_main .content .news .bd ul li:hover a .txtIco .stit { padding-top: 160px; transition: all ease-in-out .2s; opacity: 1; filter: alpha(opacity=100); color: #fff; } .floor_5 .floor_5_main .content .news .bd .list li p i { display: block; width: 19px; height: 19px; float: right; background-position: 0px -140px; position: absolute; top: 26px; right: 26px; } .floor_5 .floor_5_main .content .news .bd .list li:hover p i { background-position: -40px -140px; } .links_main { border-top: 1px solid #e5e5e5; line-height: 90px; height: 90px; } .links_main span { color: #2fc16e; font-size: 36px; font-weight: bold; margin-right: 40px; display: block; float: left; } .links_main a { padding: 0 30px; } .bottom_main { background: #3a3c42; padding: 50px 0; width: 100%; } .bottom_main .box1 { color: #fff; width: 510px; height: 170px; border-right: 1px solid #44464c; padding-right: 52px; padding-top: 30px; } .bottom_main .box1 img { float: left; margin-right: 10px; } .bottom_main .box1 h3 { font-size: 22px; font-weight: 100; } .bottom_main .box1 p { margin-bottom: 40px; } .bottom_main .box1 .line { height: 1px; background: #57595e; margin-bottom: 1px; } .bottom_main .box1 .a { color: #616368; margin-top: 23px; } .bottom_main .box1 .a a { color: #fff; padding: 0 2px; } .bottom_main .box1 .a a:hover { color: #2fc16e; } .bottom_main .box2 { color: #fff; width: 281px; height: 170px; border-right: 1px solid #44464c; padding-left: 50px; padding-top: 30px; } .bottom_main .box2 h3 { font-size: 22px; padding-bottom: 22px; } .bottom_main .box2 li { line-height: 30px; } .bottom_main .box2 li i { width: 14px; height: 14px; background-position: -241px -57px; margin-right: 5px; } .bottom_main .box2 li .i2 { background-position: -255px -57px; } .bottom_main .box2 li .i3 { background-position: -270px -57px; } .bottom_main .box3 { padding-top: 29px; } .bottom_main .box3 li { float: left; color: #fff; text-align: center; line-height: 30px; margin-left: 20px; } .bottom_main .box3 img { width: 120px; height: 120px; display: block; } .bottom_copy { line-height: 50px; font-size: 12px; color: #ccc; } .bottom_copy a { color: #ccc; } .bottom_copy a:hover { color: #fff; } .dialog-layout { width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30); } .local { height: 60px; line-height: 60px; overflow: hidden; } .local ul { float: right; margin-right: 60px; } .local ul li { padding: 0 25px; float: left; } .local ul li a { position: relative; display: block; padding: 0 15px; overflow: hidden; color: #363636; } .local ul li a i { width: 0; height: 3px; background: #3b3a45; position: absolute; left: 50%; opacity: 0; filter: alpha(opacity=0); bottom: 0; transition: ease-in .2s; } .local ul li a.hover, .local ul li a:hover { color: #363636; } .local ul li a.hover i, .local ul li a:hover i { left: 0; opacity: 1; filter: alpha(opacity=100); width: 100%; } .bg_main { padding-bottom: 50px; min-height: 640px; } .sub_banner { height: 200px; width: 100%; } .sub_nav { height: 35px; line-height: 35px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-top: 20px; } .sub_nav .fl { font-size: 30px; } .sub_nav .fr li { float: left; } .sub_nav .fr li a { padding: 0 20px; border: 1px solid #e6e6e6; display: block; margin-left: 10px; transition: ease-in-out .2s; } .sub_nav .fr li a:hover, .sub_nav .fr li a.hover { background: #004391; color: #fff; border: 1px solid #004391; } .case { margin-top: 40px; } .case ul { width: 105%; } .case li { width: 380px; float: left; margin-right: 30px; margin-bottom: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case li a span { color: #666; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case li:hover a span { color: #004391; } .case li:hover a p { color: #004391; } .case li .img { overflow: hidden; height: 213px; display: block; border: 1px solid #efefef; width: 378px; border-bottom: none; } .case li .img img { width: 380px; height: 213px; transition: .9s; } .imgH li .img { height: 284px; border: 1px solid #efefef; width: 378px; border-bottom: none; } .imgH li .img img { height: 284px; } .case li:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); } .case li .p { border: 1px solid #efefef; display: block; width: 340px; padding: 0 19px; height: 108px; border-top: none; } .case li .p p { border-bottom: 1px solid #d6d6d6; height: 58px; color: #666; line-height: 58px; margin-bottom: 10px; font-size: 18px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .case li .p i { width: 32px; height: 12px; background-position: -230px -110px; } .case li .p .fl { font-size: 12px; font-family: arial; } .case li:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); } .bg_main .news_ul { width: 1300px; margin: 0 auto; padding-bottom: 40px; padding-top: 12px; } .bg_main .news_ul li { padding: 37px 0; border-bottom: 1px solid #eaeaea; position: relative; } .bg_main .news_ul li .box1 { width: 253px; height: 190px; overflow: hidden; } .bg_main .news_ul li .box1 img { width: 253px; height: 190px; transition: ease-in-out .9s; } .bg_main .news_ul li .box2 { padding-left: 42px; width: 759px; padding-top: 30px; } .bg_main .news_ul li .box2 h1 { font-size: 20px; color: #333; height: 26px; line-height: 26px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .bg_main .news_ul li .box2 p { color: #666; line-height: 24px; padding-top: 10px; height: 75px; } .bg_main .news_ul li .box2 span { font-size: 12px; color: #999; } .bg_main .news_ul li .right { padding-right: 15px; padding-top: 55px; text-align: center; } .bg_main .news_ul li .right h3 { font-size: 36px; color: #999; font-weight: 100; } .bg_main .news_ul li .right p { font-size: 24px; color: #bbb; padding-top: 10px; } .bg_main .news_ul li a { display: block; cursor: pointer; width: 100%; height: 100%; } .bg_main .news_ul li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .bg_main .news_ul li a:hover h1 { color: #004391; } .bg_main .news_ul li b { display: block; width: 100px; height: 30px; border: #ccc solid 1px; text-align: center; line-height: 30px; font-weight: normal; position: absolute; right: 12px; top: 161px; } .detail { padding-top: 50px; } .detail .title { padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; text-align: center; } .detail .title h1 { font-size: 30px; line-height: 50px; } .detail .title span { line-height: 18px; font-family: arial; color: #959595; } .detail .title i { width: 23px; height: 16px; background-position: -73px 0; margin-right: 10px; } .detail .title .i2 { background-position: -104px 0; margin-left: 30px; } .detail .context { color: #666; line-height: 30px; text-align: justify; padding: 25px 0; } .detail .context img { max-width: 1300px; } /* reLink */ .reLink { height: 38px; line-height: 38px; border: 1px solid #e6e6e6; padding: 0 15px; margin-bottom: 50px; } .reLink .nextLink, .detail .reLink .prevLink { width: 50%; } .reLink .nextLink { text-align: right; } .reLink a { -webkit-transition: all ease 500ms; -moz-transition: all ease 500ms; -ms-transition: all ease 500ms; -o-transition: all ease 500ms; transition: all ease 500ms; } .reLink a:hover { color: #2fc16e; } /* pager */ .pager { padding: 30px 0 30px; text-align: center; *zoom: 1; *padding: 40px 0 30px; } .pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .pager p { height: 26px; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; display: none; } .pager ul { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; } .pager ul li { float: left; margin: 0 5px; padding: 0 !important; height: auto !important; border: none !important; } .pager ul a { line-height: 30px; padding: 0 10px; transition: all ease 300ms; color: #000000; text-decoration: none; float: left; border: 1px solid #ddd; } .pager ul a.current, .pager ul a:hover { color: #fff; border: 1px solid #2ab866; background: #2ab866; } .contact .box3 h1 { font-size: 36px; padding-bottom: 15px; text-align: center; } .contact .box3 p { font-size: 16px; color: #828282; line-height: 24px; padding-bottom: 46px; text-align: center; } .contact .box3 b { color: #004391; } .formData { padding-bottom: 20px; } .formData .item { float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative; } .formData .item label { padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 50px; line-height: 50px; font-size: 18px; color: #cccccc; } .formData .item input { outline: none; line-height: 38px; height: 38px; font-size: 18px; } .formData .item .txt { width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333; } .formData .item .red { position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11; } .formData .item.mr0 { margin-right: 0; } .formData .msg-box { position: absolute; left: 0; top: 0px; } .formData .liuyan { width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left; } .formData .liuyan label { text-align: right; display: block; } .formData .liuyan textarea { width: 1178px; height: 214px; line-height: 28px; padding: 12px 10px; text-indent: 100px; font-size: 18px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; } .formData .bot { width: 100%; } .formData .sub { width: 232px; line-height: 46px; border: 2px solid #004391; margin-right: 2px; text-align: center; background: #004391; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .formData .sub:hover { background: none; color: #004391; } .formData .yzm { width: 432px; } .formData .yzm .txt { padding-left: 80px; } .formData .yzm img { position: absolute; right: 3px; top: 3px; border: 0px; display: block; } .about .box1 { padding-top: 105px; padding-bottom: 100px; overflow: hidden; } .box1_add { padding: 70px 0; } .about .box1 .fl { padding-top: 32px; } .about .box1 .fl h1 { font-size: 80px; text-transform: uppercase; font-family: arial; line-height: 80px; } .about .box1 .fl p { font-size: 24px; padding-bottom: 88px; } .about .box1 .fl i { width: 54px; height: 54px; background-position: 0 -99px; cursor: pointer; position: relative; display: block; float: left; } .about .box1 .fl i img { position: absolute; left: 20px; bottom: 56px; width: 0px; height: 0px; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .2s; } .about .box1 .fl i:hover img { filter: alpha(opacity=100); opacity: 1; left: 0; height: 80px; width: 80px; } .about .box1 .fl .i2 { background-position: -58px -99px; margin-left: 20px; } .about .box1 .fr { width: 611px; } .about .box1 .fr h1 { font-size: 24px; font-weight: 100; } .about .box1 .fr span { display: block; background: #b0b0b0; width: 20px; height: 2px; margin: 13px 0 24px; } .about .box1 .fr h2 { font-size: 18px; } .about .box1 .fr p { line-height: 30px; padding-top: 12px; } .about .box1 .fr i { width: 54px; height: 54px; background-position: -59px -35px; margin-top: 35px; transition: ease-in-out .2s; } .about .box1 .fr a:hover { cursor: pointer; } .about .box1 .fr a:hover i { margin-left: 15px; } .about .bg_20 { height: 20px; width: 100%; background: #eaeaea; } .about .box2 { padding-bottom: 94px; } .about .box2 .con { margin-top: 40px; } .about .box2 .con .fl { width: 410px; height: 428px; overflow: hidden; } .about .box2 .con .fl img { width: 410px; height: 428px; } .about .box2 .con .fr .img { width: 380px; height: 214px; overflow: hidden; display: block; } .about .box2 .con .fr .img img { width: 380px; height: 214px; transition: .9s; } .about .box2 .con .fr .p { display: block; padding-left: 20px; width: 360px; height: 214px; } .about .box2 .con .fr .p h1 { font-size: 24px; line-height: 60px; font-weight: 100; } .about .box2 .con .fr .p i { width: 54px; height: 54px; background-position: -59px -35px; margin-top: 35px; transition: ease-in-out .2s; } .about .box2 .con .fr li:hover { cursor: pointer; } .about .box2 .con .fr li:hover h1, .about .box2 .con .fr li:hover p { color: #333; } .about .box2 .con .fr li:hover i { margin-left: 15px; } .about .box2 .con .fr li { float: left; } .about .box2 .con .fr li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .about .box3 { background: url(../images/about_bg.jpg) center top no-repeat; width: 100%; height: 457px; padding-top: 93px; } .about .box3 .w1200 { overflow: hidden; } .about .box3 .fl { width: 500px; } .about .box3 .fl h1 { font-size: 36px; color: #fff; font-weight: 100; padding-bottom: 25px; } .about .box3 .fl span { display: block; width: 40px; height: 2px; background: #ffd200; margin-bottom: 25px; } .about .box3 .fl p { color: #fff; line-height: 24px; } .about .box3 .fl i { width: 54px; height: 54px; cursor: pointer; background-position: 0px -35px; margin-top: 35px; transition: ease-in-out .2s; } .about .box3 .fl a:hover i { margin-left: 15px; } .about .box3 .fr .picScroll-left { overflow: hidden; position: relative; margin-top: 68px; height: 225px; width: 620px; } .about .box3 .fr .picScroll-left .hd { overflow: hidden; } .about .box3 .fr .picScroll-left .hd .prev, .about .box3 .fr .picScroll-left .hd .next { display: block; left: 0; top: 50%; margin-top: -36px; width: 30px; height: 72px; position: absolute; z-index: 10; background-position: -133px -67px; cursor: pointer; display: none; } .about .box3 .fr .picScroll-left .hd .next { left: auto; right: 0; background-position: -164px -67px; } .about .box3 .fr .picScroll-left:hover .hd .prev, .about .box3 .fr .picScroll-left:hover .hd .next { display: block; } .about .box3 .fr .picScroll-left .hd ul { float: right; overflow: hidden; margin-top: 10px; zoom: 1; } .about .box3 .fr .picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("../images/icocircle.gif") 0 -9px no-repeat; } .about .box3 .fr .picScroll-left .hd ul li.on { background-position: 0 0; } .about .box3 .fr .picScroll-left .bd ul { overflow: hidden; zoom: 1; } .about .box3 .fr .picScroll-left .bd ul li { margin-right: 20px; float: left; _display: inline; overflow: hidden; text-align: center; } .about .box3 .fr .picScroll-left .bd ul li img { width: 300px; height: 225px; } .bg_top { height: 50px; background: #eaeaea; width: 100%; } .erro { color: red; } .erro { text-align: center; min-height: 400px; } .showPro { padding: 50px 50px 0; } .showPro .reLink { margin-bottom: 0; } .showPro .showContxt { padding: 30px 0 35px; font-size: 16px; line-height: 32px; } .showPro .showContxt img { max-width: 100%; height: auto !important; } .showPro .showimgCon { padding: 0 0 30px; font-size: 16px; line-height: 32px; } .showPro .showimgCon .txtcon { width: 680px; height: 423px; float: right; position: relative; } .showPro .showimgCon .txtcon .tit { position: relative; font-size: 20px; margin-bottom: 15px; color: #d73535; font-weight: bold; line-height: 24px; padding-bottom: 14px; border-bottom: 1px solid #dddddd; padding-right: 60px; } .showPro .showimgCon .txtcon .tit .goBack { position: absolute; right: 0; top: 0; color: #999999; font-size: 14px; display: block; font-weight: normal; cursor: pointer; } .showPro .showimgCon .txtcon .tit .goBack s { width: 20px; height: 20px; background-position: -440px -62px; margin-left: 6px; } .showPro .showimgCon .txtcon .tit .goBack:hover { color: #047fcc; } .showPro .showimgCon .txtcon .txt { line-height: 24px; font-size: 16px; color: #666; } .showPro .showimgCon .txtcon .txt .item { margin-bottom: 7px; max-height: 144px; overflow: hidden; } .showPro .showimgCon .txtcon .tel-btn { width: 100%; position: absolute; left: 0; bottom: 0; border-top: 1px solid #ddd; padding-top: 40px; } .showPro .showimgCon .txtcon .tel-btn .btn { width: 118px; float: right; height: 40px; line-height: 40px; margin-top: 5px; font-size: 20px; text-align: center; color: #fff; cursor: pointer; background: #2ab866; } .showPro .showimgCon .txtcon .tel-btn .btn:hover { background: #12a751; } .showPro .showimgCon .txtcon .tel-btn .tel { width: 280px; float: left; } .showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong { display: block; color: #666666; } .showPro .showimgCon .txtcon .tel-btn .tel s { width: 42px; height: 42px; display: block; float: left; margin-right: 6px; background-position: -315px -30px; } .showPro .showimgCon .txtcon .tel-btn .tel span { font-size: 16px; line-height: 20px; } .showPro .showimgCon .txtcon .tel-btn .tel strong { font-size: 28px; line-height: 28px; } .showPro .showimg { width: 442px; position: relative; float: left; overflow: hidden; } .showPro .showimg .bigimg { width: 440px; height: 332px; display: block; position: relative; border: 1px solid #dddddd; } .showPro .showimg .bigimg .list { width: 5000%; } .showPro .showimg .bigimg .list li { width: 440px; height: 332px; float: left; } .showPro .showimg .bigimg .list img { width: 100%; height: 100%; display: block; transition: all ease 300ms; } .showPro .showimg .smallimg { width: 440px; height: 76px; position: relative; padding-top: 30px; z-index: 10; overflow: hidden; } .showPro .showimg .list { width: 357px; overflow: hidden; position: relative; margin: 0 auto; } .showPro .showimg .listcon { width: 600% !important; position: relative; } .showPro .showimg .prev, .showPro .showimg .next { width: 20px; height: 76px; z-index: 10; position: absolute; top: 30px; cursor: pointer; background: url(../images/show-btn-ico.png) no-repeat 0 center; } .showPro .showimg .prev:hover, .showPro .showimg .next:hover { background-color: #f9f9f9; } .showPro .showimg .prev { left: 0; background-position: 3px center; } .showPro .showimg .next { right: 0; background-position: -84px center; } .showPro .showimg li { width: 98px; height: 74px; margin-right: 28px; float: left; cursor: pointer; position: relative; } .showPro .showimg li img { width: 100%; height: 100%; display: block; } .showPro .showimg li.on { width: 94px; height: 70px; border: 3px solid #2ab866; } .relateTit { height: 58px; line-height: 58px; border-bottom: 1px solid #e4e4e4; margin: 0 auto; width: 1300px; } .relateTit h3 { font-size: 18px; display: inline-block; *display: inline; *zoom: 1; position: relative; } .relateTit h3 .line { width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #2ab866; } .floor_3_remm { padding-bottom: 60px; } .floor_3_remm .body { overflow: hidden; *margin-bottom: 38px; } .floor_3_remm .body ul { width: 112%; } .floor_3_remm .body li { margin-bottom: 40px; width: 370px; float: left; margin-right: 45px; position: relative; border-radius: 5px; height: 278px; overflow: hidden; } .floor_3_remm .body li a { display: block; width: 100%; height: 100%; cursor: pointer; } .floor_3_remm .body li .img img { border-radius: 5px; width: 370px; height: 278px } .floor_3_remm .body li .txt { position: absolute; left: 0; top: 211px; height: 67px; background: #666; width: 301px; border-radius: 0 0 5px 5px; color: #fff; padding-left: 42px; padding-right: 42px; transition: ease-in-out .2s; text-align: center; line-height: 67px; } .floor_3_remm .body li .txt h3 { font-size: 20px; font-weight: 100; line-height: 67px; } .floor_3_remm .body li .txt span { margin: 0 auto; display: block; border: 1px solid #fff; text-align: center; width: 123px; height: 33px; line-height: 33px; border-radius: 5px; margin-top: 10px; display: none; } .floor_3_remm .body li:hover { box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); } .floor_3_remm .body li:hover .txt { background: url(../images/bg_6b.png) repeat; height: 100%; top: 0; border-radius: 5px; } .floor_3_remm .body li:hover .txt h3 { padding-top: 78px; } .floor_3_remm .body li:hover .txt span { margin-top: 0; display: block; } .floor_3_remm .more2 { text-align: center; } .floor_3_remm .more2 ul { display: inline-block; *zoom: 1; *display: inline; } .floor_3_remm .more2 a { width: 141px; height: 35px; display: block; color: #2fc16e; margin: 0 19px; border: 2px solid #2fc16e; line-height: 35px; border-radius: 4px; font-size: 20px; } .floor_3_remm .more2 a:hover { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); } .floor_3_remm .more2 .ewmbtn { background: #2fc16e; color: #fff; } .floor_3_remm .more2 li { float: left; } /********toolbar*********/ .toolbar { width: 52px; position: fixed; right: 1%; top: 50%; margin-top: -115px; z-index: 999; } .toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ebebeb solid 1px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i { width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0 0 8px; background: url(../images/rightfixicon.png) no-repeat 0 0; } .toolbar dd.gottop { display: none; } .toolbar .slide-tel { display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 53px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; } .toolbar .pop { position: absolute; right: 90px; top: -65px; background: #004391; display: none; } .toolbar .pop-code { width: 160px; } .toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; } .toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; } .toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; } .toolbar .qq span { background-position: -35px -47px; } .toolbar .qq a { width: 52px; height: 52px; cursor: pointer; display: block; } .toolbar .qq:hover { background-color: #004391; border-radius: 100%; } .toolbar .qq:hover span { background-position: 0 -47px; } .toolbar .tel span { background-position: -35px 0; } .toolbar .tel:hover { background: #004391; } .toolbar .tel:hover span { background-position: 0 0; } .toolbar .code span { background-position: -35px -95px; } .toolbar .code:hover { background-color: #004391; border-radius: 100%; } .toolbar .code:hover span { background-position: 0 -95px; } .toolbar .top span { background-position: -35px -142px; } .toolbar .top:hover { background-color: #004391; border-radius: 100%; } .toolbar .top:hover span { background-position: 0 -142px; } .toolbar dd:hover { } /*******font-face********/ @font-face { font-family: 'impact'; src: url('../font/impact.eot'); src: url('../fonts/impact.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/impact.woff') format('woff'), /* Modern Browsers */ url('../fonts/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/impact.svg#impact') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */ } /************** * Animations for content elements * **********/ .delay100 { -webkit-animation-delay: 100ms; animation-delay: 100ms; } .delay200 { -webkit-animation-delay: 200ms; animation-delay: 200ms; } .delay300 { -webkit-animation-delay: 300ms; animation-delay: 300ms; } .delay400 { -webkit-animation-delay: 400ms; animation-delay: 400ms; } .delay500 { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay600 { -webkit-animation-delay: 600ms; animation-delay: 600ms; } .delay700 { -webkit-animation-delay: 700ms; animation-delay: 700ms; } .delay800 { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .delay900 { -webkit-animation-delay: 900ms; animation-delay: 900ms; } .delay1000 { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay1100 { -webkit-animation-delay: 1100ms; animation-delay: 1100ms; } .delay1200 { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; } .delay1300 { -webkit-animation-delay: 1300ms; animation-delay: 1300ms; } .delay1400 { -webkit-animation-delay: 1400ms; animation-delay: 1400ms; } .delay1500 { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; } .delay1600 { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } .delay1700 { -webkit-animation-delay: 1700ms; animation-delay: 1700ms; } .delay1800 { -webkit-animation-delay: 1800ms; animation-delay: 1800ms; } .delay1900 { -webkit-animation-delay: 1900ms; animation-delay: 1900ms; } .delay2000 { -webkit-animation-delay: 2000ms; animation-delay: 2000ms; } .delay2100 { -webkit-animation-delay: 2100ms; animation-delay: 2100ms; } .delay2200 { -webkit-animation-delay: 2200ms; animation-delay: 2200ms; } .delay2300 { -webkit-animation-delay: 2300ms; animation-delay: 2300ms; } .delay2500 { -webkit-animation-delay: 2500ms; animation-delay: 2500ms; } .delay2700 { -webkit-animation-delay: 2700ms; animation-delay: 2700ms; } .delay2900 { -webkit-animation-delay: 2900ms; animation-delay: 2900ms; } .delay3000 { -webkit-animation-delay: 3000ms; animation-delay: 3000ms; } .delay4000 { -webkit-animation-delay: 4000ms; animation-delay: 4000ms; } .delay4500 { -webkit-animation-delay: 4500ms; animation-delay: 4500ms; } .delay5000 { -webkit-animation-delay: 5000ms; animation-delay: 5000ms; } .onactive .animated { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .active .animated.fast { -webkit-animation-duration: .5s; animation-duration: .5s; } .onactive .flyInDown { -webkit-animation-name: flyInDown; animation-name: flyInDown; } @-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .onactive .flyInRight { -webkit-animation-name: flyInRight; animation-name: flyInRight; } @keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .onactive .flyInUp { -webkit-animation-name: flyInUp; animation-name: flyInUp; } @keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .onactive .flyInLeft { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; } @-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .onactive .opacityI { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes opacityI { 0% { opacity: 0; } 50% { opacity: 1; } } @keyframes opacityI { 0% { opacity: 0; } 50% { opacity: 1; } } .onactive .shake { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); } 20%, 40%, 60%, 80% { -transform: translateY(6px); } 100% { transform: translateY(0); } } @-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(6px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes shake { 0% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateY(6px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes shake { 0% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateY(6px); } 100% { -o-transform: translateY(0); } } @-ms-keyframes shake { 0% { -ms-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -ms-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -ms-transform: translateY(6px); } 100% { -ms-transform: translateY(0); } } .onactive .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes scaleIn { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.02); transform: scale(1.02); } } @keyframes scaleIn { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } } .HS10, .HS15 { overflow: hidden; clear: both; } .HS10 { height: 10px; } .HS15 { height: 15px; } .Hidden { display: none; } .Clearer { display: block; clear: both; font-size: 1px; line-height: 1px; margin: 0; padding: 0; } .FlLeft { float: left; } .FlRight { float: right; } .MainBg { width: 1300px; margin: 0 auto; } .OriginalPicBorder { padding: 0; } #OriginalPic { width: 1300px; overflow: hidden; position: relative; font-size: 12px; } #OriginalPic img { display: block; min-width: 100px; margin: 0 auto; } .CursorL { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; left: 0; cursor: url(../images/CurL.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; } .CursorR { position: absolute; z-index: 999; width: 50%; height: 600px; color: #FFF; right: 0; cursor: url(../images/CurR.cur), auto; background: url(../images/space.png) repeat scroll 0 0 transparent; } .SliderPicBorder { width: 100%; overflow: hidden; } .ThumbPicBorder { width: 1300px; margin: 0 auto; background: #eeeeee; overflow: hidden; position: relative; } .ThumbPicBorder #btnPrev { width: 45px; height: 113px; cursor: pointer; position: absolute; left: 20px; top: 20px; } .ThumbPicBorder #btnNext { width: 45px; height: 113px; cursor: pointer; position: absolute; right: 20px; top: 20px; } .ThumbPicBorder .pic { width: 1025px; overflow: hidden; position: relative; margin: 20px auto; } #ThumbPic img { border: 3px solid #ddd; cursor: pointer; background-color: #ddd; margin: 0 10px; width: 145px; height: 108px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } #ThumbPic img.active { border: 3px solid #004391; } #maximg img{ max-width:100% !important; height:auto !important} .header-fixed{position: fixed;top: 0;left: 0;z-index: 99999; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box transition: all 0.4s; -webkit-transition: all 0.4s; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; -moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; background-color: #05357F; width: 100%; } .h_nav{height:35px; line-height: 35px; margin-top: 30px;float: right;} .h_nav a{line-height: 35px;font-size: 16px; color: #b5cff7; background: url(../images/xs.png) no-repeat right center; padding-right:15px; margin-left: 10px} .h_nav a:last-child{background: none} .header_rdhs{width:280px; height: 30px; margin-top:60px; } .h_nav input[type="text"]{display: none;margin-top: 6px;width:176px; height: 26px; background: #fff; border-radius: 25px; padding: 0px 10px; font-size: 14px; color: #002956; border: 0; float: left} .h_submit{line-height: 35px;width:18px; height: auto; background: url(../images/ss.png) no-repeat left center; padding-left: 22px; font-size: 16px; color: #b5cff7; border: 0; float: left; margin-left:10px; margin-top:0px;} .h_nav a:hover{color:#fff} .top20{height:360px!important;margin: 15px auto 40px auto!important;} .mr20{margin-left:24px!important;} .w480{width: 478px;} .mr25{margin-bottom: 15px!important;} .c_main{width:1310px;margin:0 auto;background: #fff;padding:26px 20px 0 20px;} .ind_tzbox{width: 863px;} .ind_tzbox01{width:415px;} .ind_tzbox02{width: 208px;margin-right: 25px;background: #F0F3F8;} .ind_tzbox03{width:488px!important;} .new_top_1{width:100%;height:45px; /*background: url(../images/x_1.png) 0px 31px no-repeat;border-bottom:solid 1px #E8E8E8;*/ overflow: hidden;margin: 0 auto;margin-bottom: 15px; } .new_top_1 .u1{height: 42px;} .new_top_1 .u2{height: 3px; width: 100%;background-image: linear-gradient(to right,#022754, #FF4F03);display: block;} .new_top_1 ul li a {display: block;float: left;width: auto;white-space: nowrap;height: 45px; line-height: 45px;color:#062655;font-size: 26px; font-weight: bold; padding: 0 0px;overflow: hidden;text-indent:0px;} .new_top_1 ul li a.nopic { padding: 2px 10px 0 13px; color: #FB5300; border: 1px solid #FB5300; height: 22px; line-height: 22px; font-size: 14px; font-weight: normal; border-radius: 25px; } .new_top_1 span{ margin-left:10px; font-size: 14px; color: #333333; opacity: 0.5; font-family: "Arial";} .ind_tzbox02 .new_top_1{border-bottom:0px;padding:10px;width:100%;height: 45px; background:none;overflow: hidden;margin: 0 auto;} .ind_tzbox02 .c_list_0 .active a{font-weight: bold;text-align:center;color:#fff;width: 184px;margin:0 auto;display:block;height: 40px;font-size: 13px;margin-bottom:8px} .ind_tzbox02 .c_list_0 ul li{height: auto;} .ind_tzbox02 .c_list_0 ul li a:nth-child(odd) {background-color: #0084FF;} .ind_tzbox02 .c_list_0 ul li a:nth-child(even) {background-color: #1677D2;} .c_line{width:25px;background: #fff;height: 330px;position: absolute;left:862px;top: 0px;} .c_list{height:auto;line-height:30px;font-size:14px;overflow:hidden;padding-left:0px;padding-right:5px;} .c_list ul{display:none;} .c_list ul.active{display:block;} .c_list ul li,.hid_den ul li {border-bottom:1px solid #E0E0E0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:52.3px;line-height:52.3px;vertical-align:bottom;padding-left:10px;/*background:url(../images/ico.gif) 0px 15px no-repeat;*/} .c_list ul li,.hid_den ul li a{font-size:16px;} .c_list ul li.w38{width:370px;} .c_list ul li .date{font-size:16px;color:#999;font-family:arial;width: 40px;float: right;} .c_list ul li img{float:left;padding-top:10px !important;} .w480 a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 428px;float: left;display: block;} .w480 .c_list{width: 415px;} .w480 .c_list ul li{width: 415px;} .c_list_0{height:auto;line-height:30px;font-size:14px;overflow:hidden;padding-left:0px;} .c_list_0 ul li{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height:62.5px;line-height:62.5px;vertical-align:bottom;border-bottom: 1px solid #E0E0E0;} .c_list_0 ul li .date{margin-top:6px;float: left;border:1px solid #1654A1;height:47px;width: 60px;display: block;line-height: 47px;text-align:center;} .c_list_0 ul li a{font-size:16px;margin-left: 8px;} .w430{width: 430px;} .mt30{margin-top:30px!important;} .c_list_0 ul li .date .r{ display: block; width: 100%; float: left; line-height: 27px; color: #fff; height: 27px; background: #1552A2; font-size: 22px; font-weight: bold; } .c_list_0 ul li .date .y{ color: #1552A2; float: left; display: block; width: 100%; height: 22px; line-height: 22px; } .column1_left { float: left; margin: 0 0px 0 0px; width:410px; text-align:center; border:0px solid #CCC; padding:0px; position:relative; } .cont_ainer { width:410px; height:270px; overflow:hidden; position:relative; } .slider li { list-style:none; display:inline; } .slider img { width:410px; height:230px; display:block; border:0; } .slider2 li { float:left; } .slider2 li a{ width:410px; height:270px; color:#fff; padding: 0px; float: left; display:block; } .slider2 li a span{ float:left; display:block; height:40px; position: absolute; line-height: 40px; bottom: 0px; z-index:999; text-indent:10px; font-size:14px; } .column1_left .hd { position:absolute; right:8px; bottom:10px; height:20px; z-index:2; width:135px; top:auto; } .column1_left .hd li { float: left; width:21px; height:20px; background:url(../images/ink531hui.png) no-repeat center center; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink531hui.png', sizingMethod='crop'); cursor: pointer; overflow: hidden; } .column1_left .hd li.on { background:url(../images/ink531hui1.png) no-repeat center center; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ink531hui1.png', sizingMethod='crop'); width:21px; height:20px; } .ft{ width: 100%; height: 40px; background: #000000; filter: alpha(Opacity=70); Opacity: 0.7; position: absolute; left: 0px; bottom: 0px; z-index: 1; display: block; } .clear{clear: both;} .mainContent {background:#fff; height:auto;min-height:550px;width:1310px;margin:0px auto 20px auto; padding:20px 20px 0 20px;} .w412{width:412px;} .mainContent .left{display:block; width:250px;} .mainContent .left .left_meun { padding-bottom:10px;} .mainContent .left .left_meun .top{background:url(../images/topbg.png) 35px center no-repeat #1369C0; color:#fff;font-size:24px;text-indent: 30px; font-weight:bold; line-height:62px; } .mainContent .left .left_meun .cl{background: url(../images/nav_w.png) 30px center no-repeat #fff; height:48px;text-indent:55px;width:248px;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6; } .mainContent .left .left_meun .cl a{color:#545454;font-size:16px; font-weight:bold; text-align:center; line-height:48px; text-indent:48px;} .mainContent .left .left_meun .cl:hover{color:#E8F4FF;background:url(../images/nav_w.png) 30px center no-repeat #E8F4FF;} .mainContent .left .left_meun .cl.on{color:#E8F4FF;background:url(../images/nav_w.png) 30px center no-repeat #E8F4FF;} .mainContent .articleList{width:1030px;} .wz_top{height:42px;line-height:42px;padding:0px 0 0 39px;background:url(../images/dq.png) 11px center no-repeat;font-size:14px;color:#666;} .wz_top a{color:#666;} .wz_top a:hover{color:#cc0000;} .xinwen ul li span.date{color:#5B5B5B;line-height:30px;} .xinwen .f_title{line-height:35px;font-size:16px; text-align:center;} .w120{width:120px;!important} .xinwen span.on{color:#888;} .xinwen li.on span{background:#fff;height:35px;border-top: #1C75D1 2px solid;border-bottom: #fff 1px solid;border-right: #DDDDDD 1px solid;border-left: #DDDDDD 1px solid;display: block; font-size:16px; font-weight:bold; text-align:center; line-height:35px; color:#1A7BCC;} .xinwen ul li a.di{text-indent:10px;line-height: 30px;background: url(../images/icon.gif) 0 14px no-repeat;} .xinwen_l {border-top: #DDDDDD 1px solid;padding:22px;margin-bottom: 20px;} .xinwen_list ul li{ height:40px;} .xinwen_list ul li a{font-size:16px; margin:0px 0px 0 0; float: left;width:80%;line-height:40px; background: url(../images/ico.gif) 0 20px no-repeat;text-indent:20px} .xinwen_list ul li div{line-height:24px;color:#989898;float: left;font-size:12px; font-weight:normal;} .xinwen_list ul li span{float:right; height:40px; width:10% display:block; margin:0;font-size:14px; } .xinwen_list ul li span .line{border-bottom:1px solid #fff; height:44px; color:#fff;width:60px; display:block;font-size: 26px;text-align: center;line-height: 44px;} .xinwen_list ul li span .line2{height:20px; color:#fff;width:60px; display:block;font-size: 12px;text-align: center;line-height: 20px;} .xinwen_list .list_line{height:15px;border-bottom:#d2d2d2 1px dotted;margin-bottom:15px;} .pagination-wrapper{ margin: 20px 0; } .pagination{ height: 34px; text-align: center; } .pagination li { display: inline-block; height: 34px; margin-right: 5px; } .pagination li a{ float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .pagination li a:hover{ background:#f5f5f5; color:#0099ff; } .pagination li.thisclass { background: #09f; color: #fff; } .pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; } /*****/ #wenzhang{width:1250px;margin:auto;font-size:16px;line-height:200%;height:auto;overflow:hidden;padding:0;background:#fff;} .wztit{font-size:27px;line-height:40px;text-align:center;padding-top:20px;} .wzfbt{line-height:36px;text-align:center;font-size:22px;font-weight:100;margin-top:5px;} .wzbjxx{line-height:34px;color:#666;font-size:12px;text-align:center;border-bottom:#dbdee1 1px solid;height:40px;padding-top:10px;position:relative;overflow:hidden;} .wzbjxx a{font-size:12px;color:#666;cursor:pointer;} .wzbjxx a:hover{color:#e20a0d;} .wzbjxx .nostart{color:#333;} .wzbjxx .starting{color:#0C0;} .wzbjxx .over{color:#f00;} .wzbjxx input{width:10px;height:10px;border:#666 1px solid;vertical-align:middle;cursor:pointer;} .wzbjxx .top_ztimg{position:absolute;width:100px;height:36px;right:10px;top:5px;overflow:hidden;} .wzbjxx .top_ztimg .si_img{display:block;float:left;width:36px;height:36px;margin-left:12px;} .wz_zybox{border:#ddd 1px dashed;background:#fbfbfb;padding:10px 15px;line-height:28px;font-size:14px;margin-bottom:20px;} .wz_zybox span{font-weight:bold;} .wzcon{padding:20px;width:1220px;height:auto;min-height:450px;_height:450px;font-size:16px;line-height:200%; /*border-left: 1px solid #dbdee1;border-right: 1px solid #dbdee1;border-bottom: 1px solid #dbdee1;*/} .wzcon table{max-width:1250px !important;} .wzcon img{max-width:800px;} .wzcon div {font-size:16px;} .wzbot{padding-top:10px;padding-bottom:20px;font-size:14px;line-height:28px;color:#666;} .wzbot a{color:#666;} .wzbot a:hover{color:#c00;} .wzbot1{height:56px;line-height:36px;text-align:right;font-size:12px;color:#999;padding:15px 10px 0;border-top:#dbdee1 1px solid;} .wzbot1 a{color:#999;line-height:36px;} .wzbot1 a:hover{color:#c00;text-decoration:none;} .wzbot1 ul{float:left;} .wzbot1 ul.fxd_xx{width:300px;text-align:left;height:30px;} .wzbot1 ul.fxd_close{width:136px;float:right;text-align:left;overflow:hidden;} .wzbot1 ul.fxd_close .print_btn{display:block;float:left;width:68px;height:26px;line-height:26px;background:url(../images/print.gif) 0 5px no-repeat;padding-left:22px;} .wzbot1 ul.fxd_close .close_btn{display:block;float:left;width:24px;height:26px;line-height:26px;padding-left:22px;background:url(../images/close1.gif) 0 5px no-repeat;} .container01{width: 1310px;margin: 0 auto;padding:26px 20px 0 20px;background: #fff;} .ju{position:relative;} .container01 .fl{ width:902px;} .container01 .fl .box{ float:left; height:326px; padding:44px 0 0 28px; box-sizing: border-box;} .container01 .fl .box .left{ float:right; width:56px; height:56px; line-height:54px; text-align:center; border:#fff 1px solid; margin-right:32px;} .container01 .fl .box .left img{ margin-top:12px} .container01 .fl .box:hover .left img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} .container01 .fl .box .right{ float:left;position: absolute;} .container01 .fl .te{margin: 10px 20px;float: right; font-size:20px; color:#fff; font-weight:bold; margin-bottom:22px;} .container01 .fl .te a{ color:#fff} .container01 .fl .te a:hover{ color:#083c76} .ab{top:193px;left:26px} .bc{width: 80%;top:50px;} .jj{top: 120px;left: 35px;} .container01 .fl .box .right.jj dd{line-height: 60px;font-size: 18px;margin-right: 45px;} .container01 .fl .box .right dd{ float:left; font-size:13px; min-width:80px; margin-right:22px; line-height:28px;} .container01 .fl .box .right dd a{ color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .container01 .fl .box .right dd a:hover{ color:#083c76} .container01 .fl .box.box01{ background:url(../images/cbbg01.jpg) center no-repeat;width:604px;} .container01 .fl .box.box02{ background:url(../images/cbbg02.jpg) center no-repeat;width:298px;} .container01 .fl .box.box03{ background:url(../images/cbbg03.jpg) center no-repeat;} .container01 .fl .box.box03{ width:100%} .container01 .fl .box.box03 .right{ float:left; width:610px;} .container01 .fl .box.box03 .right dl dd:nth-child(4){ min-width:140px;} .container01 .fr .box ul li.line{height:50px;width: 100%;display: block;} .container01 .fr{ width:408px; height:326px;} .container01 .fr .box{ width:408px; height:326px; background:url(../images/cbbg04.jpg) center no-repeat; background-size:cover; padding:75px 0 0 35px; box-sizing: border-box;} .container01 .fr .box ul li{text-align: center; height:75px; line-height:35px;width: 86px;float: left} .container01 .fr .box ul li span{margin: 0 auto; display:block; width:30px; padding:0 0 0 0px} .container01 .fr .box ul li span img{width: 30px;height: 30px;} .container01 .fr .box ul li b{ font-size:14px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .container01 .fr .box ul li:hover b{ color:#083c76} .container01 .fr .box ul li:nth-child(3){ border:none} .container01 .fr .box ul li:hover img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;} @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .botlinks{width: 1316px;margin: 0 auto;height: 70px;line-height: 70px;} .botlinks .link-tit{color: #062655;font-size: 26px;font-weight: bold;float:left;width:150px;} .botlinks .links-wrap {position: relative;float: left;display: inline-block; margin:20px 10px; width: 246px; line-height: 32px; background: #fff;border:1px solid #d0d0d0;} .botlinks .links-wrap a.links-arrow {display: block; height: 32px; line-height: 32px; padding: 0 25px 0 10px; color:#a1a1a1; background: url(../images/arrow.png) no-repeat right top;} .botlinks .links-wrap a.links-arrow:hover, .botlinks .wrap-open a.links-arrow { color: #333; background-position: right bottom; cursor: pointer;} .botlinks .links-wrap .link-items {z-index:99999;display: none; position: absolute; left: 0; top: 33px; width: auto; min-width:360px; height:auto; max-height: 300px; overflow: auto; overflow-x:hidden;background: #f5f5f5;} .botlinks .links-wrap .link-items a { display: block; line-height: 24px; padding: 5px 0; color: #444;} .botlinks .links-wrap .link-items a span { display:block; margin:0 6px; white-space:nowrap;} .botlinks .links-wrap .link-items a:hover { color: #fff; background: #0f429b; cursor: pointer;} .f-link{ width:1310px; height:50px; margin:15px 0 15px 0; } .f-link ul li{ float:left; list-style:none; } .f-link ul li img{ width: 145px; border:0px;} .ind_tzbox .active .first{ padding-bottom:15px; border-bottom:#e5e5e5 1px dashed; margin-bottom:12px} .ind_tzbox .active .first h5 a{ font-size:18px; color:#333333} .ind_tzbox .active .first h5 a:hover{ color:#083c76;} .ind_tzbox .active .first h6{ font-size:12px; color:#999999; margin:15px 0 14px} .ind_tzbox .active .first h6 img{ display:inline-block; margin:-3px 6px 0 0} .ind_tzbox .active .first p{ font-size:12px; color:#999999; line-height:20px; height:40px; overflow:hidden} .lang .c_list ul li{border-bottom:0px;} #zhuanti{float:left; width:1310px; margin-bottom:10px;position: relative;} #zhuanti .pe_title{ text-align:center;width:210px;overflow:hidden;} #zhuanti .tempWrap{ width:1310px!important; margin:0px;} .ztList{padding:20px 0;} .ztList li{float:left; margin-right:10px;} .hd{top: 10px;position: absolute;z-index: 99999;width: 100%;} .hd a{width: 20px ;height:45px; position: absolute;z-index: 9999} .hd .next{right: 0;top:10px;background:url(../images/show-btn-ico.png) 103% 8px no-repeat #CCCCCC;} .hd .prev{left: 0px;top:10px;background:url(../images/show-btn-ico.png) 3px 8px no-repeat #CCCCCC;}