@charset "utf-8"; /* CSS Document */ /* Auther: Puyuan */ /* WebSite: http://www.ipuyuan.com/ */ /*鍏叡鏍峰紡涓庨椤垫牱寮?/ A { TEXT-DECORATION: none; } A:link { color: #454545; outline: none; } A:visited { color: #454545 } A:active { color: #454545 } A:hover { COLOR: #009cff } BODY { margin: 0px; font-family: Arial, "寰蒋闆呴粦"; background: #ffffff; color: #454545; } p, h1, h2, h3, h4, h5, h6, ul, li, input, dl, dt, dd, header, article, iframe, footer, ol, div, img, html { margin: 0px; padding: 0px; } input,textarea{ border: 0px; margin: 0; } img { border: 0px; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width: 100%; height: auto; } li { list-style: none; } a, span, input, p, li, b { outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } b { font-weight: normal; } input, button, select, textarea { outline: none; font-family: Arial, "寰蒋闆呴粦"; font-size: 14px; } .left { float: left; } .right { float: right; } .clear { clear: both; margin: 0px; padding: 0px; height: 0px; } .main { width: 1200px; margin: 0px auto; } body { font-size: 14px; line-height: 24px; } .top { width: 100%; height: 100px; } .top .main { height: 120px; position: relative; } .top .s1 { position: absolute; width: 780px; top: 28px; } a.logo { float: left; background: url("../images/t_x.png") right no-repeat; height: 62px; padding-right: 15px; margin-right: 15px; margin-top: -8px; } a.logo img { height: 62px; } .top .s1 h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px; } .s_tel { position: absolute; right: 0px; top:26px; text-align: right; width: 160px; } .s_tel p { background: url("../images/t_tel.png") right no-repeat; display: block; width: 100%; line-height:25px; padding-right: 35px; margin-bottom: 8px; } .s_tel h2 { font-size: 24px; } .zt_lan { color: #0075C9; } #navk { width: 100%; height: 50px; background-color: #0075C9; } #navk .main { height: 50px; position: relative; } .menu { height: 50px; z-index: 20; width: 1200px; margin: 0px auto; position: relative; } .menu li { height: 50px; float: left; width: 149px; z-index: 20; margin-right: 1px; position: relative; } .menu a.dbt { line-height: 50px; height: 50px; font-size: 16px; text-align: center; font-weight: bold; display: block; color: #fff; width: 100%; position: relative } .menu a.dbt.on, .menu a.dbt:hover, .menu li:hover a.dbt { background-color: #009cff; } .menu dl { width: 100%; display: none; text-align: center; padding: 0px 0px 0px 0px; background: #009cff; position: absolute; left: 0px; top: 50px; } .menu li:hover dl { display: block; } .menu dd { width: 100%; float: left; height: 38px; line-height: 38px; } .menu dd a { display: block; height: 38px; width: 100%; color: #ffffff; } .menu dd a:hover { background: #00d8ff; } .ss { position: absolute; right: 0px; top: -100px; width: 345px; height: 40px; border: solid 1px #b9b5b4; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; overflow: hidden; } .ss_txt { height: 40px; line-height: 40px; background: none; width: 100%; color: #999; font-size: 14px; padding-left: 20px; } .ss_an { position: absolute; background: url(../images/t_ss.png) center center no-repeat; width: 40px; height: 40px; text-align: center; cursor: pointer; right: 10px; top: -1px; } .img_d { overflow: hidden; } .img_d img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .img_d:hover img, .xw_lb li:hover .img_d img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .foot1 { width: 100%; height: 50px; line-height: 50px; background-color: #474747; font-size: 16px; color: #ffffff; } .foot1 .s1 { float: left; } .foot1 .s1 a { margin: 0px 40px 0 0; color: #fff; } .foot1 .s1 a:hover { text-decoration: underline; } .foot1 .s2 { float: right; } a.cd_a_b { display: inline-block; background-color: #fff; color: #1db8d4; padding: 0 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; height: 30px; line-height: 30px; font-size: 14px; } a.cd_a_b:hover { background-color: #1db8d4; color: #ffffff; } .foot2 { padding: 35px 0; background-color: #333333; color: #FFFFFF; } .foot2 .d1 { float: left; width: 740px; } .foot_logo { width: 390px; font-size: 18px; line-height: 40px; } .foot2 .d1 .foot_logo p { margin: 0; } .foot2 .d1 p { margin-top: 15px; } .foot_logo h2 { font-size: 24px; border-bottom: solid 2px #717171; margin-bottom: 5px; line-height: 50px; } .foot_logo b { font-size: 28px; } .foot2 .d2 { float: left; width: 460px; } .foot_tel { float: right; line-height: 40px; background: url("../images/foot_tel.png") left no-repeat; padding-left: 40px; font-size: 16px; text-transform: uppercase; margin-top:5px; } .foot_tel b { font-size: 30px; } .foot_ewm { float: right; width: 100px; clear: both; margin: 15px 0 22px 0; text-align: center; } .foot_ewm img { width: 100%; margin-bottom: 5px; } .s_cd { width: 100%; float: right; margin-right: -10px; text-align: right; } .s_cd a { color: #fff; margin: 0 10px; } .s_cd a:hover { text-decoration: underline; } .foot_bq { width: 100%; float: right; text-align: right; /*color:rgba(255,255,255,.5);*/ margin-top: 5px; } .sy1 { width: 100%; padding: 55px 0px; } .fy1 { width: 100%; float: left; text-align: center; margin: 0px 0px 0px 0px; } .fy1 a { padding: 0px 12px; height: 38px; line-height: 38px; display: inline-block; margin: 0px 3px; background: #fff; border: solid 1px #ddd; } .fy1 a:hover, .fy1 a.on { background: #009cff; color: #ffffff; border-color: #009cff; } .sy_bt1 { width: 100%; float: left; text-align: center; margin-bottom: 35px; } .sy_bt1 b { display: block; width: 100%; line-height: 54px; position: relative; font-size: 26px; margin-bottom: 8px; } .sy_bt1 b:after { content: ''; width: 30px; height: 2px; background-color: #026b9b; position: absolute; bottom: 0px; left: 50%; margin-left: -15px; } .sy_bt1 p { font-size: 18px; color: #c8c8c8; text-transform: uppercase; } .sy_pro_t { width: 100%; float: left; background-color: #0075C9; margin-bottom: 2px; color: #fff; line-height: 30px; font-size: 16px; padding: 15px 20px; } .sy_pro_t a { color: #fff; } .sy_pro_t a:hover { text-decoration: underline; } .sy_pro_t.ny_pro_t{ background-color: #fff; color: #454545; padding:0 0 15px 0; border-bottom: solid 1px #ddd; margin-bottom:50px; margin-top:-20px; } .sy_pro_t.ny_pro_t a { color: #454545; }.sy_pro_t.ny_pro_t a:hover { text-decoration:none; color:#009cff; } .pro_nav { width: 920px; float: left; } .pro_nav a { margin: 0 10px; } .pro_ss { width: 175px; height: 30px; overflow: hidden; border: solid 1px #ddd; float: right; background-color: #ffffff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; position: relative; } .ss_txt{ width:100%; line-height:28px; height:28px; font-size:14px; color:#aaa; } .ss_an { width: 30px; height: 30px; position: absolute; background: url("../images/t_ss.png") center center no-repeat; right:5px; top:-1px; } .ss_an:hover{ background: url("../images/t_ss_on.png") center center no-repeat; } .sy_pro_k{ width:100%; float:left; } .sy_pro_lm{ width:270px; float:left; background-color:#01adcc; } .sy_pro_lm li{ width:100%; float:left; height:65px; position:relative; margin-bottom: 1px; z-index: 2; } .sy_pro_lm a.dbt{ width:100%; height:65px; line-height: 65px; position:relative; background-color:#0075C9; font-size:18px; color:#ffffff; display: block; padding:0 0 0 0px; } .sy_pro_lm a.dbt:after{ content: ''; position:absolute; right:35px; background: url("../images/sy_jt_b.png") no-repeat; height:17px; width:12px; top:50%; margin-top:-8.5px; } .sy_pro_lm a.dbt span{ width:70px; height:65px; float:left; text-align: center; display: flex; justify-content: center; align-items: center; } .sy_pro_lm a.dbt span img{ max-width:26px; max-height:30px;} .sy_pro_lm li:hover a.dbt{ background-color:#009cff; } .sy_pro_lm li:hover dl{ display: block; } .sy_pro_lm li dl{ width:260px; padding:10px; position:absolute; left:270px; top:0px; background-color: rgba(0,156,255,.9); display: none; } .sy_pro_lm li dd{ width:50%; float:left; line-height:24px; text-align: center; margin:10px 0; } .sy_pro_lm li dd:nth-of-type(even){ border-left:solid 1px #fff; } .sy_pro_lm li dd a{ color:#fff; } .sy_pro_lm li dd a:hover{ text-decoration: underline; } .scroll_box { float: right; width: 910px; height:527px; position: relative; overflow: hidden; } .box_163css { float: left; width: 576px; height: 356px; position: relative; } .box_163css li { float: left; display: inline; width: 910px; height: 527px; } .box_163css img { width: 100%; height: 527px; } .scroll_nav { position: absolute; text-align: center; bottom: 20px; left: 30px; width:0px; background-color:rgba(255,255,255,.4); padding:0px; } .scroll_nav li { width:25%; cursor: pointer; float: left; padding:0px; } .scroll_nav li img{ height:0px; } .scroll_nav li.current { background-color:rgba(255,255,255,.6); } .sy_bj1{ background: url("../images/sy_bj1.jpg") center center no-repeat; background-size:auto 100%; } .sy_yf_lb{ width:1240px; float:left; margin-left:-20px; margin-top:-10px; } .sy_yf_lb li{ width:25%; float:left; padding:20px; } .sy_yf_lb li a{ wdith:100%; display:block; height:270px; text-align: center; position:relative; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow: hidden; background:#383838; } .sy_yf_lb li img{ width:100%; height:270px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } .sy_yf_lb li p{ width:100%; height:50px; line-height:50px; position:absolute; left: 0; top:50%; margin-top:-25px; font-size:18px; color:#fff; } .sy_yf_lb li p:after{ content: ''; position: absolute; height:2px; width:50px; background: #009cff; left: 50%; margin-left: -25px; bottom: 0px; } .bj_d{ background-color: #fafafa; } .sy_lb1{ width:100%; float:left; } .sy_lb1 li{ width:100%; float:left; background-color: #dedede; padding:40px 20px; margin-bottom:10px; font-size:15px; line-height: 30px; } .sy_lb1 .imgk{ float:left; width:420px; box-shadow:0 0px 12px rgba(0,0,0,.2); } .sy_lb1 .imgk img{ width:100%; } .sy_lb1 .txtk{ width:720px; float:right; text-align:justify; } .sy_lb1 li:nth-of-type(even) .imgk{ float:right; } .sy_lb1 li:nth-of-type(even) .txtk{ float:left; } .sy_lb1 li:nth-of-type(even) .txtk h1{ float:left; text-align: left; } .sy_lb1 li:nth-of-type(even) .txtk h2{ float:left; text-align: left; } .sy_lb1 li:nth-of-type(even){ background-color: #fff; } .sy_lb1 h1{ width:80%; float:right; color:#009cff; font-size:46px; font-family: Impact; text-align: right; height:65px; border-bottom: solid 3px #009cff; margin-bottom: 10px; } .sy_lb1 h2{ width:100%; float:right; color:#009cff; font-size:14px; text-transform: uppercase; text-align: right; margin-bottom: 10px; line-height: 30px; } .sy_lb1 h2 b{ display:block; font-size:24px; } .sy_bj2 { background: url("../images/sy_bj2.jpg") center center no-repeat; background-size: auto 100%; min-height: 450px; } .sy_ly{ font-size:15px; line-height: 30px; color:#fff; } .sy_ly .txtk{ float:right; width:455px; margin-top: 45px; font-size:16px; } .sy_fo1{ width:600px; float:left; border:solid 1px #9ad0ea; padding:20px 20px 0 20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .sy_fo1 li{ min-height: 40px; line-height:40px; position:relative; padding-left:55px; margin-bottom:20px; } .sy_fo1 .s1{ width:55px; position:absolute; left:0; top:0px; } .ly_tx1{ width:260px; height:40px; line-height:40px; padding-left:15px; color: #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .ly_tx2{ width:100%; height:100px; line-height:24px; padding-left:15px; color: #666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-top:10px; } .ly_an{ padding:0 30px; height:40px; line-height: 100%; font-size:14px; border: solid 1px #fff; background-color:transparent; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .ly_an:hover{ background-color:#fff; color:#009cff; } .sy_nr2{ width:100%; } .sy_nr2 p{ margin-bottom:10px; } .sy_bt2{ width:100%; margin-bottom:10px; } .sy_bt2 b{ display:block; font-size:28px; line-height: normal; margin-bottom:5px; } .sy_bt2 p{ font-size:18px; color:#81b8d9; text-transform:uppercase; } /*鏂囩珷璇︾粏*/ .ny{ width:100%; padding:50px 0 65px 0; } .dqwz{ width:100%; float:left; margin-bottom:50px; } .dqwz .s1{ float:left; color:#777; background: url("../images/t_home.png") left no-repeat; padding-left:30px; } .dqwz .s1 a{ color:#777; } .dqwz .s1 a:hover,.s_nav a.on,.s_nav a:hover{ color:#009cff; } .dqwz .s3{ font-size:28px; float:left; } .dqwz .s2{ float:right; } .s_nav a{ font-size:18px; margin-left:40px; } .sbt{ width:100%; float:left; font-size:28px; text-align: center; line-height: 155%; } .z2{ padding:0 1em; } .ssj{ width:100%; float:left; color:#777777; text-align: center; border-bottom:solid 1px #ddd; padding:15px 0; } .snr{ width:100%; float:left; margin: 50px 0; font-size:16px; line-height: 30px; } .snr p{ margin-bottom:20px; } .sfh{ width:100%; float:left; text-align: center; border-top:solid 1px #ddd; padding-top:40px; } a.cd_a_lan{ padding:0 45px; line-height:40px; font-size:16px; background-color: #009cff; color:#fff; display: inline-block; } a.cd_a_lan:hover{ background-color: #0182d4; } .news_lb{ width:1240px; float:left; margin:-20px 0 20px -20px; min-height:455px; } .news_lb li{ width:25%; float:left; height:455px; padding:20px; position:relative; } .news_lb li:after{ position: absolute; left: 20px; top:20px; right:20px; bottom:70px; content: ''; border:1px solid #ddd; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .news_lb li:hover:after{ border-color: #008fe9; left: 0px; top:0px; right:0px; bottom:0px; } .news_lb li:hover a.cd_a_lan{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; } .news_lb .imgk{ width:100%; height:151px; overflow: hidden; } .news_lb .imgk,.news_lb .txtk{ z-index: 2; position:relative; } .news_lb .imgk img{ width:100%; min-height: 151px; } .news_lb .txtk{ width:100%; padding:15px 15px; color:#666; } .news_lb li a.cd_a_lan{ overflow: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; margin-top:15px; text-align: center; wdith:100%; } .news_lb a.dbt{ display:block; font-size:16px; height:60px; line-height:26px; } .news_lb .sj{ display:block; padding:10px 0; } .ny_ban{ width:100%; overflow: hidden; } .ny_ban img{ width:1920px; max-width: 1920px; position:relative; left:50%; margin-left:-960px; } .news_lb a.cd_more{ float:right; margin:150px 100px 0 0; } a.cd_more{ width:100px; height:100px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display: inline-block; background:url("../images/news_more.png") #009cff center center no-repeat; } a.cd_more:hover{ background:url("../images/news_more.png") #017bc9 center center no-repeat; } .ny.ny_news_x{ border-bottom:solid 1px #ddd; } .ny.ny_news_x .news_lb{ margin-bottom: -60px; } .zp_bt{ width:100%; float:left; background-color: #009cff; color:#fff; line-height: 40px; font-size:16px; } .zp_bt span,.zp_lb .tx_bt span{ float:left; height:40px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } .zp_bt .s2,.zp_lb .tx_bt .s2{ width:19%; text-align: center; } .zp_bt .s1,.zp_lb .tx_bt .s1{ width:24%; padding-left:30px; } .zp_lb{ width:100%; float:left; font-size:16px; line-height: 30px; } .zp_lb li{ width:100%; float:left; margin-top:2px; } .zp_lb .tx_bt{ background-color: #dcdcdc; height:60px; line-height: 60px; cursor: pointer; position:relative; padding-right:20px; } .zp_lb .tx_bt i{height:60px; width:40px; position:absolute; right:10px; top:0px; background:url(../images/zp_jt.png) center center no-repeat; transform: rotate(-90deg);} .zp_lb li.on .tx_bt i{transform: rotate(0deg);} .zp_lb .txtk{ width:100%; float:left; display:none; padding:20px 30px 30px 30px; background-color: #fbfbfb; } .lx_bt{ width:100%; float:left; font-size:24px; line-height: 155%; } .lx_nr{ width:100%; float:left; border:solid 1px #ddd; padding:20px; margin:20px 0px 45px 0; } .lx_nr .imgk{ float:left; width:570px; height:330px; background-color: #f2f2f2; } .lx_nr .txtk{ width:550px; float:right; font-size:16px; line-height: 30px; } .lx_nr .txtk h2{ font-size:22px; display: block; padding:20px 0; line-height: 155%; } .if1{ width:570px; height:330px; border: 0; padding:0; margin:0; } .lm3{ width:100%; float:left; margin-bottom:55px; margin-left:-12px; } .lm3 a{ font-size:16px; margin:0 12px; } .lm3 a.on{ color:#009cff; } .jmr_lb{ width:1240px; float:left; margin:-20px 0 40px -20px; } .jmr_lb li{ width:33.3333%; float:left; padding:20px; } .jmr_lb .imgk{ width:100%; height:373px; overflow: hidden; } .jmr_lb .imgk img{ min-height: 373px; } .jmr_lb li a.dbt{ display:block; height:65px; line-height: 65px; font-size:18px; position:relative; padding-left:20px; width:100%; } .jmr_lb li a.dbt:after{ content: ''; position:absolute; height:65px; background: url("../images/jmr_jt.png") center no-repeat; width:22px; right:20px; top:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .jmr_lb li a.dbt:hover:after{ right:10px; } .jmr_nr{ width:100%; float:left; font-size:16px; line-height:30px; } .jmr_nr .imgk{ width:373px; float:left; } .jmr_nr .imgk img{ width:100%; } .jmr_nr .txtk{ width:750px; float:right; } .jmr_nr h2{ display:block; font-size:20px; line-height: 155%; font-weight: bold; } .jmr_nr .p_1{ border-bottom: solid 1px #ddd; padding:20px 0 10px 0; margin-bottom:20px; } .jmr_nr .p_2{ font-weight: bold; } .yf{ width:100%; padding:55px 0; } .yf .z_dg{ margin-top:0; margin-bottom:40px; } .ny.gy_ny{ padding-bottom:0px; } .ny.gy_ny .sy_pro_t.ny_pro_t{ margin-bottom:0px; } .yf_txtk{ margin: 0 60px 40px; } .zl_lb1{width:1240px; margin-left:-20px; float:left; margin-bottom:50px;} .zl_lb1 li{ width:20%; padding:20px; float:left;} .zl_lb1 a{ display:block; width:100%; height:370px; overflow:hidden; position:relative;} .zl_lb1 .imgk{ width:100%; height:290px; overflow:hidden; background:#000; margin-bottom:15px; position:relative;} .zl_lb1 .imgk img{ width:100%; min-height:290px;} .zl_lb1 .s1{ position:absolute; display:none; height:40px; line-height:40px; color:#fff; background:#009cff; left:15%; width:70%; top:50%; margin-top:-20px; text-align:center; } .zl_lb1 b{ display:block; width:100%; font-size:16px; height:30px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .zl_lb1 a:hover img{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .zl_lb1 a:hover .s1{ display:block;} .zl_lb1 .s2{ color:#666;} .tc{ width:100%; height:100%; display:none; position:fixed; left:0px; top:0px; background:rgba(0,0,0,.4); z-index:888} .tc_nr{ width:1200px; height:600px; position: fixed; z-index:889; background:#fff; top:50%; left:50%; margin:-300px 0 0 -600px;} .ifa1{ width:100%; height:600px; overflow:hidden; border:0;} a.cd_gb{ position:absolute; background:url(../images/zss/zcy_tk_sc.png) no-repeat; width:29px; height:29px; right:20px; top:20px;} #tc2 .tc_nr{ height:420px; margin-top:-210px;} #tc2 .ifa1{ height:420px;} .zl_xx{ width:1200px; height:600px; position:relative;} .zl_xx a.a1,.zl_xx a.a2{ position:absolute; background:url(../images/zss/z_z.png) no-repeat; width:18px; height:32px; left:50px; top:50%; margin-top:-16px;} .zl_xx a.a2{left:auto; right:50px; transform: rotate(180deg);} .zl_xxnr{ width:100%; padding:70px 150px; float:left;} .zl_xxnr .imgk{ width:350px; float:left;} .zl_xxnr .imgk img{ width:100%; border:solid 2px #008fe9;} .zl_xxnr .txtk{ float:right; width:510px; margin-top:85px; font-size:18px; line-height:35px; color:#666;} .zl_xxnr h2{ line-height:40px; font-size:24px;} .zl_xxnr p{ margin-top:20px;}