/*公共*/ body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#333;font-family:"Microsoft YaHei"; font-size: 16px;} img { border:0; } body{overflow-x:hidden;} .clear{ clear:both; } em,i{ font-style:normal} a{text-decoration: none;} a:hover { text-decoration:none;} .w1200{ width:1200px; margin:0 auto} .fl{ float: left;} .fr{ float:right;} .h30{height: 30px;} .h60{height: 60px;} .f14{font-size: 14px} .f16{font-size: 16px} .f18{font-size: 18px} .db{display: block;} .dib{display: inline-block;} li,ul li{list-style: none; } /*._act{background: #000 !important}*/ #myCarousel{margin-top: 117px} .main_visual{ position:relative;width:100%; height:820px;} .top_logo{ float:left;width:328px; margin:-50px 18px 0 430px; z-index:0; position:absolute; z-index:999999999;} /*导航*/ #c_nav{ width:876px; height:104px; float: right ; } .c_top {width:100%; position:absolute; top:68px; left:0; z-index:999999;background:url(../images/topbg.png) center no-repeat;height:104px;} .top_logo11{ width:1200px; margin:0 auto; } .top_logo11 .toptel{ float:right; margin:27px 28px 0 0} .top_logo11 h2{ float:left; width:324px; height:73px;} .top_logo11 h2 img{ float:left; margin-right:35px} .top_logo11 h2 span{ font-size:16px; color:#00216b; padding-top:15px; line-height:180%} .nav li {float:left;width:124px;display: inline;position: relative;z-index:9999; height:104px;} .nav li a {display: inline-block;width: 124px;text-align: center;font-size: 16px;color: #000;padding-top:30px;height:74px; transition:all .5s ease;} .nav li a span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px} .nav>ul>li>a:hover,.cure{background:#0060c0;color:#fff;text-align: center;text-decoration: none} .nav ul li ul{background-color: rgba(0,0,0,0.7);position: relative;top: 0px;left:-330px;width:700px;z-index: 8888;height:360px;opacity: 0;visibility: hidden} .nav ul li ul a{color: #fff;font-size: 14px;transition-duration: .3s;float: left;display: block;width: 13%;margin-left: 1.5%; margin-bottom:15px; width:160px; height:130px;} .nav ul li ul a img{display: block; width:160px; height:120px;} .nav ul li ul a span{height: 35px;line-height: 35px;} .nav ul li ul a:hover{color: #ff0 !important} .nav li .sign { width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;} .subnav {width:236px;padding-top: 15px;position: absolute;top: 104px;z-index: 5;background: #fcfcfc;display: none;} .subnav-bot {height: 16px;} .header-main.fixed .subnav {top:53px;} .header-main.fixed .nav li a {padding-bottom:0;} .investor-subnav {width:1200px;padding-top: 23px;background: url(../images/bx1.png); z-index:999999;box-shadow:0 0 15px 0px #575757;border-radius:0 0 5px 5px} .investor-subnav .list {width: 160px;padding: 15px 0 0 38px;float: left; margin-right:20px} .investor-subnav .list li {width:160px;height:32px; line-height:32px;margin:2px 0; } .investor-subnav .list li a {display:block;height:32px; line-height:32px; background:#fdb201; padding:0 5px; width:160px; color:#555} .investor-subnav .list li a:hover {color: #000; background:#ffffff} .investor-subnav .list1 {width: 1089px;padding: 15px 0 0 38px;margin-right:20px} .investor-subnav .list1 li {width:120px;height:152px; line-height:32px;margin:2px 0 10px 15px; border:0 } .investor-subnav .list1 li a {display:block;height:32px; line-height:32px; background:#fdb201; width:120px; color:#333} .investor-subnav .list1 li a img{ display:block; width:120px;} .investor-subnav .list1 li a:hover {color: #000; background:#ffffff} .investor-subnav1 { z-index:999999; margin-bottom:13px; width:236px;background: url(../images/bx1.png); } .investor-subnav1 dl{ clear:both;} .investor-subnav1 dl dt{ width:200px; float:left; margin-left:18px; background:#004ea2; color:#fff;line-height:40px; font-size:16px; text-align:center;margin-bottom:10px;} .investor-subnav1 dl dt a{ clear:both;line-height:40px; font-size:16px; text-align:center; background:#004ea2;width:200px; height:40px; color:#fff; padding:0} .investor-subnav1 dl dt a:hover{ float:left; color:#fff;} .nav_wz{ float:left; width:420px;} .nav_wz strong{ display:block; color:#000; font-size:16px ; margin:20px 10px 0 0px} .nav_wz em{ color:#373737} .nav_wz p{ color:#373737} .about-nav-img {width: 495px;height: 197px;float: left;margin: 17px 0 0 32px;display: block;} .about-nav-img img{ width:465px; height:167px; border:1px solid #ccc;} .gw {width:100%;position:relative;} .gc {margin:0px auto;width:1200px;} .gnav {background:url(../images/header_bg.png) no-repeat center top;height:197px;width:100%; text-align:center;position:absolute;z-index:999;margin-top:0px;} ul.gdao {position:relative;z-index:99;margin-top:106px;} ul.gdao li{width:150px;float:left;list-style:none; text-align:center;height:55px;position:relative;height:auto; vertical-align:text-top;} ul.gdao li a {display:block;height:55px;text-align:center;position:relative; vertical-align:top;height:55px;} ul.gdao li:hover {} ul.gdao li a b {color:#fff;font-size:18px;line-height:40px;*line-height:40px;text-align:center; vertical-align: text-top;font-weight:normal;} ul.gdao li:Hover a b {color:#fcff00;} ul.gdao li ul {background-color: rgba(0,0,0,0.7);position: relative;top: 0px;left:-330px;width:880px;z-index: 8888;height:360px;opacity: 0;visibility: hidden} ul.gdao li ul a{color: #fff;font-size: 14px;transition-duration: .3s;float: left;display: block;width: 13%;margin-left: 1.5%; margin-bottom:15px; width:160px; height:130px; padding-top:25px;} ul.gdao li ul a img{display: block; width:160px; height:120px;} ul.gdao li ul a span{height: 35px;line-height: 35px; font-size: 14px;} ul.gdao li ul a:hover{color: #ff0 !important} .tit em a{ padding:20px 20px; color:#0041c6; font-size:16px} .top_tel{ position:absolute; z-index:22222; left:0; top:20px; width:100%; text-align:center } .top_tel span{ display:block; width:1200px; text-align:right; margin:0 auto} .top_logo{ float:left;width:328px; margin:-50px 18px 0 430px; z-index:0; position:absolute; z-index:999999999;} .main_image {width:100%; height:820px;overflow:hidden; margin:0 auto; position:relative} .main_image ul {width:9999px; height:820px; overflow:hidden; position:absolute; top:0; left:0} .main_image li {float:left; width:100%; height:801px;} .main_image li span {display:block; width:100%; height:820px} .main_image li a {display:block; width:100%; height:820px} .main_image li .img_1 {background: url('../images/11.jpg') center top no-repeat} .main_image li .img_2 {background: url('../images/22.jpg') center top no-repeat} .main_image li .img_3 {background: url('../images/33.jpg') center top no-repeat} div.flicking_con {width:990px; margin:0 auto; position:relative; z-index:999;} div.flicking_con .flicking_inner {position:absolute; top:760px; left:420px; width:300px; height:21px} /* 121126 */ div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px} div.flicking_con a.on {background-position:0 -21px} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;display:none;} #btn_prev{background:url(../images/hover_left.png) no-repeat left ;left:100px;} #btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;} .syys{ background:url(../images/b2.jpg) top no-repeat; height:1076px;} .syys h1{ text-align:center} .pinz{ background:url(../images/pinz_bg.png) no-repeat center top ; height:976px; overflow:hidden; } .pinz2{ width:1050px; margin:0 auto; position:relative; height:976px;} .pinz h2 font{ display:block; width:1050px; height:118px; font:34px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; overflow:hidden; position:absolute; top:38px; left:0;} .pinz dl{ width:280px; height:180px; position:absolute;} .pinz dt{ height:60px; font:28px "Microsoft Yahei"; line-height:60px; overflow:hidden; color:#fff;} .pinz dt span{ display:inline-block; float:left; width:35px; height:60px; font:60px Impact; color:#fff; line-height:60px; text-align:center; color:#fff; overflow:hidden; margin-right:10px; } .pinz dd{ font:14px "Microsoft Yahei"; line-height:30px; color:#fff; margin-top:14px;} .pinz .dl01{ top:66px; left:0; width:260px;} .pinz .dl02{ top:46px; left:760px;} .pinz .dl03{ top:307px; left:824px;} .pinz .dl04{ top:342px; left:0;} .pinz .dl05{ top:607px; left:386px;} .pinz h3{ width:780px; height:53px; border:2px solid #fff; overflow:hidden; font:26px "Microsoft Yahei"; color:#fff; position:absolute; top:776px; left:88px; line-height:53px; font-weight:bold;} .pinz h3 span a{ display:inline-block; float:left; width:180px; background:#fff; text-align:center; height:53px; font-size:20px; line-height:53px;text-align:center; color:#246cd7; letter-spacing:4px; margin-right:115px;} .pinz h3 em{ font-size:28px; font-family: Arial, Helvetica, sans-serif;} .top_nav{height: 117px;line-height: 117px;} .top_nav ul{z-index:9999;height: 100%} .top_nav>ul>li{float: left;width: 96px;height: 100%} .top_nav ul li a{color: #fff;display: block;transition: all .3s;text-align: center;height: 117px;} .top_nav>ul>li>a:hover{background: #ffdb13;color: #252525;text-align: center;text-decoration: none} .top_nav ul li ul{background-color: rgba(0,0,0,0.9);position: relative;top: 0px;left:-330px;width:780px;z-index: 8888;height:420px;opacity: 0;visibility: hidden} .top_nav ul li ul a{color: #fff;font-size: 14px;transition-duration: .3s;float: left;display: block;width:180px;margin-top: 30px;margin-left: 1%; height:160px;} .top_nav ul li ul a img{display: block; height:145px;} .top_nav ul li ul a span{height: 35px;line-height: 35px;} .top_nav ul li ul a:hover{color: #ff0 !important} ._act2{background: url(../images/1_02.jpg) !important;color: #fff !important; height: 117px;text-align: center} .top_lx{background: #0f943b;color: #fff;font-size: 18px;padding: 20px 0 10px 0;overflow: hidden;} .top_lx span,.lx_cen{display:block;float: left} .lx_r{display:block;float: right;} .top_lx span{width:350px; } .top_lx span img,.lx_cen img{float: left;vertical-align: middle;margin-right: 10px} .top_lx span b{font-size:34px;font-family:Impact;display: block; font-weight:normal;} .search-bar{ height:37px;border:1px solid #e26285;width:380px;float:right;border-radius:17px; margin-top:10px;position:relative;} .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .search-bar .keywords { padding-left: 10px; width:352px; height:37px; line-height: 37px; font-size: 14px; background:#fff8f6;border-radius:17px;} .search-bar input[type="submit"] { width: 68px; height: 37px; line-height: 37px; text-align: center; font-size: 16px; background:url(../images/ss.png) no-repeat center center; color: #fff; cursor: pointer; margin-left:-50px;} .search-bar input { border: none; float: left;} .search-bar p{ line-height:45px; color:#fff; font-size:16px;} .search-bar p strong{ font-size:22px;} .search-bar p a{ color:#fff} .search-bar p a:hover{ color:#fff; font-weight:bold} .procp {padding-top: 30px; } .procp h2 {margin: 30px auto; font-size: 38px; line-height: 30px; text-align: center; } .procp h2 b {color: #00852c; margin: 15px auto; display: block; position: relative; width: 878px; background:url(../images/title.png) center no-repeat; } .procp h2 i {color: #000; } .procp h2 em {display: block;font-size: 16px;margin-top: 5px;font-weight: normal; } .proanli {padding-top: 30px; } .proanli h2 {margin: 30px auto; font-size: 38px; line-height: 30px; text-align: center; } .proanli h2 b {color: #fff; margin: 15px auto; display: block; position: relative; width: 878px; } .proanli h2 b ::before {position: absolute;right: 150px;top: 20px;width: 100px;height: 1px;content: "";background: #f8f8f8; } .proanli h2 b ::after {position: absolute;left: 150px;top: 20px;width: 100px;height: 1px;content: "";background: #f8f8f8; } .proanli h2 i {color: #fff; } .proanli h2 em {display: block;font-size: 16px;margin-top: 5px;font-weight: normal; color: #f8f8f8;} .menubg{ width:100%; } .sy_cp{background: url(../images/b1.jpg);width: 100%;height:696px ;} .sy_cp ul{ width:1370px; margin:0 auto;} .sy_cp a{position: absolute;display: inline-block;background: url(../images/cp_bj.png);width: 157px;height: 395px;text-align: center;transition: all .3s; margin-left:30px;} .sy_cp a img{width: 143px;height: 143px;border-radius: 50%;margin-top:6px;margin-bottom: 10px} .sy_cp a:nth-child(1){left: 0;top:0} .sy_cp a:nth-child(2){left:151px;top:86px; } .sy_cp a:nth-child(3){left:302px;top:0px; } .sy_cp a:nth-child(4){left:453px;top:86px; } .sy_cp a:nth-child(5){left:606px;top:0px; } .sy_cp a:nth-child(6){left:752px;top:86px; } .sy_cp a:nth-child(7){left:906px;top:0px; } .sy_cp a:nth-child(8){left:1050px;top:86px; } .sy_cp a:nth-child(9){left:1207px;top:0px; } .sy_cp a:nth-child(10){left:1350px;top:86px; } .sy_cp ul{margin: 0 auto;position: relative;} .sy_cp ul a span{font-size:22px;color: #fff;display: block;width: 23px;margin: 0 auto;line-height: 120% } .sy_cp a:hover{transform: translateY(-10px)} .xietiao{font-sizE:44px; font-family:Arial, Helvetica, sans-serif; margin:10px 0} .cp_lm24{ text-align:center;font-size:24px; } /*产品上下滚动*/ .sycp {margin-top: 30px; } .anliroll {height: 920px; width: 86%; margin: 0 auto; } .anliroll li {float: left; width: 23.2558139535%; background: #fff; margin: 2% 0 0 1.4%; } .anliroll li a {display: block;overflow: hidden;position: relative; } .anliroll li a h4 {overflow: hidden; } .anliroll li a img {width: 100%;display: block;transition: all .5s; } .anliroll li a ol {line-height: 90px;color: #555;width: 100%;transition: all .3s;font-size: 20px;border-bottom: 1px solid #e1dfdf;padding: 0 10px;box-sizing: border-box; } .anliroll li a ol a {color: #555;font-size: 20px; } .anliroll li a span {display: inline-block;position: absolute;right: 10px;bottom: 6%;border: 1px solid #dcdcdc;border-radius: 999px;padding: 10px 20px; color: #00852c;} .anliroll li a:hover {color: #fff; } .anliroll li a:hover img {transform: scaleX(1.2) scaleY(1.2); } .anliroll li a:hover ol {background: #00852c;color: #fff;padding-left: 25px; } .anliroll li a:hover span {background: #fff;color: #00852c;border: 1px solid #00852c; } /*首页简介*/ /*about_bg*/ .about_bg{ background:url(../images/abuoutbg.jpg) center; height:612px; overflow:hidden; margin-top:30px;} .about_main{width:1200px; margin:0 auto; padding-top:60px;} .about_jianjie{width:840px; margin:20px auto 0 auto; text-align:left; color:#fff; line-height:28px;font-size:15px;} .about_tel{width:100%; text-align:center; margin:0 auto; padding-top:30px;} .about_tel span{ font-family:Impact; font-size:40px; color:#fff; line-height:-50px; padding-left:20px;} .sy_lm42{font-size:42px; color:#333333;width:100%; text-align:center; margin-top:30px;} .sy_lm_en{ color:#ababab; line-height:33px; font-size:18px;width:100%; text-align:center} /*首页工程案例*/ .sy_case_top{ background:#079c3b; height:180px; overflow:hidden} .sy_case_main{ width:1200px; margin:0 auto; padding-top:25px} .sy_case_main_l{ float:left; text-align:left; color:#fff;font-size:16px; padding-top:20px} .case_lm{font-size:36px;font-weight:bold; border-left:2px #fff solid; padding-left:12px; margin-bottom:12px;} .sy_case_main_r{ float:right; font-size:24px; color:#fff; margin-top:40px;} .sy_case_main_r span{ font-size:36px; color:#fff; font-family:Impact;} .case_main{width:1200px; margin:25px auto} .case_left{ float:left;width:440px;} .case_right{ float:right;width:750px} #demo{overflow:hidden;width:750px;} #demo .demowrap{overflow:hidden;width:30000px;} #demo .demowrap{ display:block;float:left;overflow:hidden;margin:0px auto;} #demo .demowrap li { display:inline; float:left; margin:4px 8px 0 5px; width:255px;height:236px;overflow: hidden; background:#f8f8f8;} #demo .demowrap li img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; width:255px; height:190px;} #demo .demowrap li:hover img{transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);} #demo .demowrap li p{font-size: 16px; text-align:center; line-height:45px;} #demo .demowrap li p { } #demo1{float:left;height: 483px;width: 1340px;} #demo2{float:left;height: 483px;width: 1340px;} .pro_con{ width:800px; overflow:hidden} .marquee2 { width:800px; height:500px; } .marquee2 .pro_cc{ width:255px; height:232px; float:left; margin:0 11px 15px 0 ; position:relative; background:#ececec; overflow:hidden;} .marquee2 .pro_cc:hover{ background:#ed245e;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .marquee2 .pro_cc:hover em{ color:#fff} .marquee2 .pro_cc a.pro_cc_pic{ width:255px; height:190px; display:block; font-size:14px; line-height:21px; color: #333; text-decoration: none; position:absolute;} .marquee2 .pro_cc a.pro_cc_pic img{transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; z-index:888} .marquee2 .pro_cc a.pro_cc_pic img:hover{transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);} .marquee2 .pro_cc a.pro_cc_pic:hover{ text-decoration:none;color: #ff0000;text-decoration: none;} .marquee2 .pro_cc img { width:280px; height:190px; } .marquee2 .pro_cc em{ font-style: normal; text-align:center; line-height:45px; display:block; margin-top:0px; font-size:16px; color:#111111;} .marquee2 .pro_cc p{ color:#e91240; font-weight:bold; font-size:19px; text-align:center; line-height:30px;} /* sh_zd */ .sh_zd{ height: 860px; width: 100%;background:url(../images/ziding.jpg) top no-repeat;position: relative} .sh_zd_z{ height:420px; width:1200px; position:absolute;top:80px;left:50%;margin-left:-600px;opacity:0;transition:all 0.5s ease;} .sh_zd_z_c{height:470px; width:1200px;background:url(../images/t1.jpg) center no-repeat;} .sh_zd_z_c_l{ height:470px; width: 420px; background: rgba(255,255,255,0.7); float: right; } .sh_zd_z_c_l h1{ color:#f00; margin-top: 50px; margin-left: 35px; font-size:36px;} .sh_zd_z_c_l p{ line-height:45px; width: 350px; margin-left: 35px;font-size:20px; margin-top: 30px; color: #333; } .sh_zd_z_a{height:470px; width: 1200px;background:url(../images/t2.jpg) center no-repeat;} .sh_zd_z_a_l{ height:470px; width: 420px; background: rgba(255,255,255,0.7); float: right; } .sh_zd_z_a_l h1{ color:#f00; margin-top: 50px; margin-left: 35px;font-size:36px;} .sh_zd_z_a_l p{ line-height: 5px; width: 350px; margin-left: 35px;font-size: 16px; margin-top: 30px; color: #333; } .sh_zd_z_b{height: 470px; width: 1200px;background:url(../images/t3.jpg) center no-repeat;} .sh_zd_z_d{height: 470px; width: 1200px;background:url(../images/t4.jpg) center no-repeat;} .sh_zd_z_e{height: 470px; width: 1200px;background:url(../images/t5.jpg) center no-repeat;} .sh_zd_zz{ height: 234px; width: 1200px; position:absolute;left:50%;margin-left:-600px;bottom:60px;} .sh_zd_zz_n{ height: 234px; width: 1200px;position:relative;z-index:100} .sh_zd_zz_n div{ height: 234px; width: 214px;position: absolute;top:0;cursor:pointer;} .sh_zd_zz_n div img.pic{width:74px;margin:70px 70px 0 70px;transition: all 0.5s ease;opacity:0;} .sh_zd_zz_n div img.ico{position:absolute;width:74px;height:74px;left:70px;top:70px;transition: all 0.5s ease;} .sh_zd_zz_n div p{ height: 20px; width: 214px; line-height: 20px; font-size: 18px; color: #fff; text-align: center; font-weight: bold;} .sh_zd_zz_n_a{ left:0px;} .sh_zd_zz_n_b{ left:246px;} .sh_zd_zz_n_c{ left:492px} .sh_zd_zz_n_d{ left:738px} .sh_zd_zz_n_e{ left:984px} .sh_zd_zz_n div.crnt_fuwu img.pic{width:214px;margin:0;opacity:1} .sh_zd_zz_n div.crnt_fuwu img.ico{opacity:0} .sh_zd_zz_bk{width:1000px;height:3px;background:rgba(255,255,255,0.8);position:absolute;left:100px;top:107px;z-index:5} .lunbo_bg{ background:url(../images/anlibg.jpg) center; height:680px;} #certify { position: relative; width: 1200px; margin: 0 auto;} #certify .swiper-container {padding-bottom: 60px;} #certify .swiper-slide {width: 520px;height: 408px;background: #fff;box-shadow: 0 8px 30px #ddd;} #certify .swiper-slide img{display:block;} #certify .swiper-slide p {line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em; margin: 0;} #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .news_bg{ height:820px; margin:0 auto;} .news{height: 720px; width:1200px; display:block; margin:0 auto;} .news_ttn{height: 620px; width: 1200px; margin: 0 auto;} .news_ttn_l{ height:590px; width: 520px; float: left; top: 0; border: 1px solid #e5e5e5; padding: 15px;background:#FFFFFF} .news_ttn_l_t{ height: 40px; width: 715px; border-bottom: 1px #dfdfdf dashed;} .news_ttn_l_t_l{width: 100px; height: 40px; float: left;} .news_ttn_l_t_l a{ line-height: 40px; width:100px; font-size: 20px; color:#000000; display: block; font-weight: bold; text-align: center;} .news_ttn_l_t_l a:hover{color: #039d42;} .news_ttn_l_t_r{height: 40px; width: 70px; float: right;background:#FFFFFF} .news_ttn_l_t_r a{height: 40px; width: 70px; line-height: 40px; color: #a4a4a4; display: block; text-align: center; font-size: 17px;} .news_ttn_l_t_r a:hover{color: #039d42;} .nnw_l{height: 380px; width: 630px; background-repeat:no-repeat;background-size:100%;} .nnw_r{width:600px; padding: 20px; } .nnw_r_t a{ line-height: 30px; color:#000; font-size:18px; display: block; font-weight: bold;} .nnw_r_t a:hover{ color: #00852c;} .nnw_r_s p{line-height: 24px; color: #999; font-size: 14px;} .nnw_r_z a{line-height: 28px; color: #343434; font-size: 15px; display: block; margin-top: 20px;} .nnw_r_z a:hover{color:#039d42;} .nnw_r_zz a{line-height: 35px;height: 35px; width:100px; display: block; text-align: center; color:#FFFFFF; background: #ff9900; margin-top: 20px;} .nnw_r_zz a:hover{line-height: 35px;height: 35px; width:100px; display: block; text-align: center; color:#FFFFFF; background: #00852c;} .news_ttn_l_nz{ width: 715px; margin: 0 auto; padding-top: 25px;} .new_c{ height: 40px; width: 715px;} .new_c a{color: #484848;} .new_c_l{ width: 600px; height: 40px; float: left;} .new_c_r{ width: 100px; height: 40px; float: right;} .new_c_l a{line-height: 40px; font-size: 15px; display: block; color: #484848;} .new_c_l a:hover{ color: #00852c; font-weight: bold;} .new_c_r a{ width: 100px; height: 40px; float: right;} .new_c_r a:hover{ color: #00852c; font-weight: bold;} .news_ttn_r{ height: 620px; width:630px; float: right;border: 1px solid #e5e5e5; background:#fff } .news_ttn_r_t{height: 40px; width: 520px;border-bottom: 1px #dfdfdf dashed;} .news_ttn_r_t_l{width: 80px; height: 40px; float: left;} .news_ttn_r_t_l a{ line-height: 40px; width:80px; font-size: 20px; color:#f31458; display: block; font-weight: bold; text-align: center;} .news_ttn_r_t_l a:hover{color: #00852c;} .news_ttn_r_t_r{height: 40px; width: 70px; float: right;} .news_ttn_r_t_r a{height: 40px; width: 70px; line-height: 40px; color: #a4a4a4; display: block; text-align: center; font-size: 17px;} .news_ttn_r_t_r a:hover{color: #00852c;} .news_ttn_r_t_n li{height: 110px; width: 520px; margin-top: 25px;} .news_ttn_r_t_n_z{height:110px; width: 520px;} .news_ttn_r_t_n_z_l{height:110px; width: 185px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .news_ttn_r_t_n_z_r{ width:320px; height: 110px; float:right;} .news_ttn_r_t_n_z_r_t{ height:30px; width: 320px;} .news_ttn_r_t_n_z_r_t a{ line-height: 30px; font-size:15px; color:#000; font-weight: bold; display: block; margin-left:30px;} .news_ttn_r_t_n_z_r_t a:hover{font-size:16px; color:#00852c; font-weight: bold; } .news_ttn_r_t_n_z_r_z{height: 60px;width: 320px; margin-top: 20px;} .news_ttn_r_t_n_z_r_z a{line-height: 26px; font-size:14px; color: #666; display: block; margin-left:30px;} .title{ margin-top:30px;} .title h3{text-align: center; margin-bottom:15px;} .title h3 span{display: block; font-size: 42px; font-weight: bold;color:#1547a9; line-height: 42px; height:79px; background:url("../images/t1.png") no-repeat bottom center;} .title h3 i{display: block; font-size: 18px; color:#666666; margin-top: 11px;} /*pro*/ .pro { overflow:hidden; width:1200px; margin:50px auto; } .pro .leftpro { overflow:hidden; float:left; width:230px;} .pro .leftpro h3{ background:url(../images/pro01.png) no-repeat center; width:100%; height:105px;} .pro .leftpro h3 b{ font-size:36px; color:#fff; display:block; text-align:center; padding-top:20px; font-weight:normal} .pro .leftpro h3 em{ display:block; font-size:20px; color:#fff; text-align:center; font-family:"微软雅黑";} .pro .leftpro .menu { overflow:hidden; width:226px; border:2px solid #005aa1; border-top:none; border-bottom:none; padding-top:15px; *padding-bottom:20px;height:auto;} .pro .leftpro .menu li{ overflow:hidden; width:204px; margin:0 auto; margin-bottom:20px;} .pro .leftpro .menu li >a{ display:block; width:190x; height:35px; background:url(../images/pro02-1.png) no-repeat 170px center; line-height:35px; font-size:16px; color:#fff; text-decoration:none; background-color:#1070d2; border-radius:25px; padding-left:14px; margin:10px 0;} .pro .leftpro .menu li >a:hover{color:#ffdb13;} .pro .leftpro .menu li.cur>a { background:url(Img/Index/pro02.png) no-repeat 170px center; background-color:#005aa1;} .pro .leftpro .menu .nmenu { overflow:hidden; width:100%; display:none; max-height: 200px;} .pro .leftpro .menu .nmenu a{ display:block; font-size:14px; color:#333; line-height:40px; border-bottom:1px solid #eee; padding-left:15px; } .pro .leftpro .menu .nmenu a:hover{ color:#f07f1b; text-decoration:none} .pro .leftpro .phone { overflow:hidden; padding:25px 0; padding-left:65px; width:230px; background:url(../images/pro_phone.png) no-repeat 15px center; background-color:#363636;} .pro .leftpro .phone p{ font-size:14px; color:#fff;} .pro .leftpro .phone em{ display:block; font-size:26px; color:#fff; font-family:Impact;} .pro .pro_r{width:930px; float:right; overflow:hidden; ;} .pro .rt_list li { float:left; width:290px; display:inline; margin-left:16px; margin-bottom:15px; overflow: hidden;} .pro .rt_list li a{color: #000;display: block;position: relative;} .pro .rt_list li a .picbg{position: absolute;top: -190px;left: 0px;width: 288px;height:208px;background: url(../images/picbg.png) center;transition: all .3s;opacity: 0;} .pro .rt_list li a:hover .picbg{top: 0px;opacity: 1;} .pro .rt_list li a img { width:280px; height:200px; border:4px solid #e6e6e6;} .pro .rt_list li a span { display:block; color:#333; text-align:center; margin-top:6px; *margin-top:12px; line-height:36px} .produtlist{width:100%;} .produtlist li{margin-bottom:20px;width:260px;float:left;margin-right:20px;background: #fff;overflow: hidden;} .produtlist li a{color: #000;display: block;position: relative;} .produtlist li a .picbg{position: absolute;top: -190px;left: 0px;width: 260px;height: 190px;background: url(img/picbg.png) center;transition: all .3s;opacity: 0;} .produtlist li a img{width:260px;height:190px;display:block;} .produtlist li a p{width:258px;text-align:center;line-height:35px;font-size:16px;color:#666;background-color:#155db1;transition: all .3s;padding: 1px;} .produtlist li a p span{display: block;background: #cc0000;color: #fff;margin:20px;} .produtlist li a:hover p{} .produtlist li a:hover .picbg{top: 0px;opacity: 1;} .sygz{ width:100%; padding-top:30px;} .sygz_m{ width:1200px; height:260px; margin:auto; padding:0px;} .sygg a{ font-size:16px; color:#000000; line-height:45px;} .home-display h3{ font-size:36px; color:#00d2b2; text-align:center; font-weight:normal; line-height:40px; padding-top:30px;} .home-display h3 span{ font-size:16px; color:#5e5e5e; text-align:center; font-weight:normal;} .home-display ul li{width: 22%; float:left;height: 242px; text-align: center; margin: 0 10px; cursor: pointer;} .home-display ul li a{ display: block;} .home-display ul li img{margin:10px 0 15px 0;} .home-display ul li:hover img{ transform: rotate(360deg); transition:all 1.5s;filter:alpha(opacity=70); -moz-opacity:0.7;opacity:0.7;} .home-display ul li p{ font-size: 16px;color: #000; text-align:center;} .home-display ul li a:hover p{ font-size: 16px;color: #0041a1; text-align:center;} .sypro{ width:100%; height:1000px;} .syprom{ width:1200px; height:1000px; margin:auto; padding:0px;} .prozs{ width:1200px; height:1000px; padding-top:5px; margin:0 auto;} #ddemo{overflow:hidden;height:860px;width:1200px; margin:20px auto;color:#336699;text-align:left;} #ddemo1 ul,#ddemo2 ul{ display:block;width:1200px; overflow:hidden} #ddemo1 ul li,#ddemo2 ul li{width:280px;margin:0px 10px 20px 10px; float:left; } #ddemo1 ul li a h4,#ddemo2 ul li a h4{width:280px;height:228px ; overflow:hidden;} #ddemo1 ul li a h4 img,#ddemo2 ul li a h4 img{width:280px;height:228px;transition:all .5s ease; display: block} #ddemo1 ul li a h3:hover img,#ddemo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);} #ddemo1 ul li a ol,#ddemo2 ul li a ol{ text-align:center; height:85px;transition:all .5s ease; margin-bottom: 20px; line-height:36px; color:#fff; font-size:22px; background: url(../images/y.png) right bottom no-repeat #0454cd; } #ddemo1 ul li a h4 img:hover,#ddemo2 ul li a h4 img:hover{transform: scale(1.1,1.1)} #ddemo1 ul li a:hover ol,#ddemo2 ul li a:hover ol{ background: url(../images/y.png) right bottom no-repeat #e8e8e8; color:#000} #ddemo1 ul li a ol em,#ddemo2 ul li a ol em{display: block;font-size:16px; color: #fff; padding:3px 8px; line-height:24px; overflow: hidden; width:238px; margin:0 auto; margin-top:5px;} #ddemo1 ul li a:hover ol em,#ddemo2 ul li a:hover ol em{color: #fff;border:1px dotted #fff; background:#252525;} .tix{background:url(../images/txi.jpg) no-repeat center 0; height:838px; padding-top: 1px;} .tix_l{ width:338px; height: 461px; margin-top: 177px;} .tix_l h4{font-weight: normal; color: #fff; margin-bottom: 32px;padding-left:45px;} .tix_l h4 span{ display: block; text-transform: uppercase; font-weight: bold; padding-top:95px; font-size:65px; margin-bottom:10px;color:#ffdb13} .tix_l h4 strong{ font-weight: bold; font-size: 36px; display: block;padding-bottom: 9px; color:#0454cd} .tix_l p img{ width: 329px; height: 137px} .tix_l p{ margin-left: 8px; font-size:26px; color:#fff; padding-left:40px;} .tix_l p span{ display: block; left:169px; bottom: 0; color:#ffdb13; font-family: Impact; font-size:42px;} .tix_l p span a{ display: inline-block; width: 96px; height: 37px; line-height: 37px; background:#bf1110; text-align: center; color:#fff; font-size: 14px;} .tix_r{ width: 699px; float: right; position: relative; margin-top: 112px;} .tix_r p{background:url(../images/xi.png) no-repeat; width: 194px; height: 224px; position: absolute; left:101px; top: 0; text-align: center; color: #282828;} .tix_r p strong{ font-size: 60px; padding:30px 0 0 0; font-weight: bold; display: inline-block; color:#0454cd;} .tix_r p span{ display: block; line-height: 22px; font-size: 14px; padding: 0 15px;} .tix_r p.tr2{left: 405px; top: 175px;} .tix_r p.tr2 strong{ padding-top: 30px;} .tix_r p.tr2 span{ line-height: 20px;} .tix_r p.tr3{top: 349px;} .tix_r h4{margin-top: 589px; font-weight: normal; color: #000; } .tix_r h4 span{display: block; padding-left:35px; padding-bottom: 3px;font-size:24px;} .tix_r h4 i{display: block; font-family: Impact; font-size:30px; margin-bottom: 17px;padding-left:9px;} .tix_r h4 a{display: block; width:140px; height: 34px; line-height: 34px; text-align: center; color: #282828; font-size:24px; font-weight: bold; padding-left:20px;} .mmmer{ width:190px; height:50px; margin:30px auto; border-radius: 30px; line-height:50px; text-align:center;} .mmmer a{ width:190px; height:50px; background:#006bd1; margin:30px auto; border-radius: 30px; line-height:50px; text-align:center; display:block;color:#fff} .mmmer a:hover{ width:190px; height:50px; margin:30px auto; border-radius: 30px; line-height:50px; text-align:center; display:block; background:#ffdb13; color:#252525} /*数字*/ .ys_box{height:160px;margin-top:20px;} .ys_box ul{display: block;width: 1200px;margin:0 auto;} .ys_box ul li{float: left;width:298px;height: 140px;text-align: center;border-right: 1px #e5e5e5 solid;margin-top: 20px;} .ys_box ul li:nth-child(4) {border-right-style: none;} .ys_box .li_box{padding-top: 20px;} .ys_box .div1 .span1{font-size: 55px;color: #3c3c3c;font-family: "方正宋黑简体";} .ys_box .div1 .span3{font-size: 30px;color: #7a7a7a;font-family: "方正宋黑简体";} .ys_box .div2 .span2{font-size: 16px;color: #7a7a7a;} .ys_box .li_box em{width: 45px;display: block;margin:0 auto;} .ys_box .li_box em img{width: 45px;height: 42px;display: block; transition: all 0.3s ease-in-out 0s;} .ys_box .li_box:hover em img{ transform: rotateY(180deg);} .news{width:590px;height:422px; float: left; padding:22px; box-sizing: border-box;} .news .newstit{height:60px; margin-bottom: 15px;border-bottom: 1px solid #ececec;} .news .newstit i{color:#de0011;height: 60px; background: url(../images/newsico.png) no-repeat left center; display: inline-block; font-weight: normal;text-decoration: none;padding-left: 43px;} .news .newstit i a{ text-decoration: none; font-size:22px; display: inline-block;height:60px; color:#de0011; line-height:66px; font-weight: bold;} .news .newstit span{font-weight: normal; font-size: 14px;line-height: 60px;margin-top: 15px; overflow: hidden;} .news .newstit span a{color: #0078cb;} .news_nr{ background:#fff; } .news_c dl{width:572px; overflow: hidden; height:138px;margin-bottom: 30px;} .news_c dt{ width:138px;height:138px; position: relative; overflow: hidden;float: left;} .news_c dt img{width:138px;height:138px; display: block;} .news_c dd{width:370px; overflow: hidden;padding-left: 20px;box-sizing: border-box; float: left;} .news_c dd span{display: block; font-size: 14px; color: #de0011; font-family: "Arial"; font-weight: bold;} .news_c dd em{ display:block; height:44px;line-height: 44px;font-size: 36px;color: #de0011; display:block; font-weight: normal; } .news_c dd h3{font-size: 14px; font-weight: bold;height: 28px; line-height: 28px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .news_c dd h3 a{ color:#333333;} .news_c dd p{overflow: hidden;font-size: 14px; line-height: 25px; color:#666666;margin-bottom: 10px;} .news_c dd p a{ color: #0c3693; } .news_nr ul{clear: both; overflow: hidden;padding:10px 0px 20px; background: #fff;} .news_nr li{line-height: 36px; height: 36px; display: block; padding-left: 25px; background: url(../images/newsliico.gif) no-repeat 5px center; box-sizing: border-box; border-bottom:1px dotted #aaa;} .news_nr li a{ float:left;font-size: 14px;color:#252525;text-decoration: none; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;} .news_nr li span{ float: right; height: 36px;display:block; line-height: 36px;font-size: 14px; color: #707070; } .news_nr li a:hover{color:#075dd1;} .news2{width:590px;height:422px; float: right; background: #fff;padding:22px; box-sizing: border-box;} .news2 .newstit{height:60px; margin-bottom: 15px;border-bottom: 1px solid #ececec;} .news2 .newstit i{color:#222222;height: 60px; background: url(../images/faqico.png) no-repeat left center; display: inline-block; font-weight: normal;text-decoration: none;padding-left: 43px;} .news2 .newstit i a{ text-decoration: none; font-size:22px; display: inline-block;height:60px; color:#222222; line-height:66px; font-weight: bold;} .news2 .newstit span{font-weight: normal; font-size: 14px;line-height: 60px;margin-top: 15px; overflow: hidden;} .news2 .newstit span a{color: #0078cb;} .news2 .news_c dd span{display: block; font-size: 14px; color: #666; font-family: "Arial";font-weight: bold;} .news2 .news_c dd em{ display:block; height:44px;line-height: 44px;font-size: 36px;color: #666; display:block; font-weight: normal; } .pt1{text-align: center;} .pt1_1{background: #3154b4;} .pt1_1 a{color: #fff;height: 89px;line-height: 89px;display: inline-block;padding: 0 26px} .pt1_11,.pt1_1 a:hover{background: #ed1c24} .pt1 h3{padding: 50px 0 30px 0} .pt1_2{position: relative;height: 557px;} .pt1_2 h4 a{position: absolute;display: block;} .pt1_2 h4 a h5{top: 0;right: 0;width: 30%;background: rgba(237,28,36,0.9);height: 557px;position: absolute;text-align: left;padding: 50px 30px 0 30px} .pt1_2 h4 a h5 b{color: #fff;font-size:28px;display: block;margin-bottom: 20px} .pt1_2 h4 a h5 span{color: #fff;line-height: 200%} .pt1_2 h4 a h5 i{background: #3a3a3a;color: #fff;padding: 15px 0px;display: block;width: 150px;text-align: center;margin-top: 50px;} .pt1_2 h4{display: none; } .pt2 h1{text-align: center;margin: 10px auto 20px auto;font-size: 40px;font-weight: bold} .pt2{display: flex;display: -webkit-flex; flex-wrap: wrap;margin: 60px 0} .pt2 .col-md-4{padding: 0} .pt2 li{position: relative;} .pt2_hot{position: absolute;top: 0;left: 0;z-index: 999;} .pt2 li a{display: block;position: relative;width: 100%} .pt2 li a img{display: block;width: 100%;} .pt2 li a h4{color: #fff;text-align: center;font-size: 18px;position: absolute;left: 0;z-index: 11;transition: all .3s;bottom: 0;height: 60px;width: 100%;background-image:linear-gradient(to bottom,rgba(0,0,0,.0003) 0,rgba(0,0,0,.6) 100%);line-height: 60px; } .pt2 li a h4 ol {font-size:22px;color: #fff} .pt2 li a h4 span,.pt2 li a h4 i{display: none} .pt2 li a h4{margin: 0} .pt2 li a:hover h4{background-color: rgba(0,0,0,0.7);height: 100%} .pt2 li a:hover h4 span,.pt2 li a:hover h4 i{display: block;margin: 20px 0} .pt2 li a:hover h4 span{margin: 20px 60px;line-height: 180%;height: 70px;overflow: hidden} .pt2 li a:hover h4 i{background: #ed1c24;width: 100px;display: block;margin: 0 auto;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 16px;border-radius: 20px;} .pt2 li a:hover ol{margin-top: 120px;font-size: 30px;} /*spt4*/ .spt4{background: url(../images/1_39.jpg) top center no-repeat;height: 610px;} .topwz{display: flex;} .topwz span{flex: 1;padding-left: 30px;border-right: 1px solid #fff;margin-top: 40px} .topwz span img,.topwz span b,.topwz span i{display: block;margin-top: 5px} .topwz span b{font-size:28px;color: #fff;margin-bottom: 10px;} .topwz span i{color: #fff} .topwz span:nth-of-type(4){border: none;} .spt4 h3{text-align: center;font-size:34px;font-weight: bold;margin-top:104px;color: #fff;margin-bottom:20px; } .sygswz{text-align: center;line-height: 200%;color: #fff;width: 800px;margin: 0 auto;height: 160px;overflow: hidden;} .sygswz p{color: #fff} .sygswz strong{color: #fff} .pt5{padding:60px 0;background: url(../images/1_45.jpg) top center no-repeat;} .pttit{text-align: center;font-size:34px;font-weight: bold; } .pttit b{display: block;font-weight: normal;font-size: 16px;margin: 15px auto} .pttit img{margin-bottom: 30px} .circle_bg{ height:362px; margin:20px 0 0;width: 100%;} .mr_frbox{width:1200px;height: 362px;position: relative; margin:0 auto;} .mr_frBtnL{cursor:pointer;display:inline;top: 140px;left:0px;position: absolute;} .mr_frBtnR{cursor:pointer;top: 140px;right:0px;position: absolute;} .mr_frUl{ margin:0 auto;width: 1100px; overflow: hidden;} .tempWrap ul{height:362px;overflow: hidden; } .tempWrap{width: 1200px; } .circle_bg li{width: 366px;float:left;height: 360px;} .circle_bg li a.img{ float:left; width:100%; height:275px; margin:18px 0 0; background-position:center; background-repeat:no-repeat; background-size:340px 100%;} .circle_bg li h2{float:left; width:92%; padding:0 4%; margin:25px 0 0; text-align: center;font-size: 20px;color: #252525;line-height: 35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .circle_bg li a.wrr:hover h2{ color:#ffc231} .circle_bg li span{ font-size:13px;float:left; width:92%; padding:0 4%; color:#8c92a0; line-height:24px;} .pt6{background: url(../images/1_45.jpg) top center no-repeat; height: 751px;padding-top: 46px;} .pt6 h3{text-align: center;font-size:36px;font-weight: bold;color: #fff ; margin-bottom:40px;} .pt6 h3 b{display: block;font-size: 26px;margin: 10px auto} .pt6 span{display: block;background: #fff;width:180px;height: 180px; } .pt7{height:608px;overflow: hidden; font-family:"Microsoft Yahei";} .item-bd{overflow:hidden;width:1250px;margin:0px auto;} .item-img{width:55%;float:left;} .item-img img{width: 100%} .item-intro{width:40%;float:right;padding:0 15px;} .item-intro .title2{border-bottom:1px dashed #e0e0e0;padding:21px 0;text-align: left} .font20{font-size:32px;color:#ff0000;text-align: left} .describe{margin-top:26px;position: relative;z-index: 0} .describe img{position: absolute;right: 250px;top: 0px;z-index: 0} .item-intro .describe p{color:#666666;font-family:Microsoft YaHei;font-size:14px;} .item-intro .describe p span{color:#000; font-size:18px; font-weight:bold;} .item-intro .describe p{color:#666666;font-family:Microsoft YaHei;line-height:24px;font-size:14px;} #protel{overflow:hidden;width:100%; margin-top:30px;} #protel p{background:url(dianhua.gif) no-repeat scroll left 5px;font-size:14px;padding:1% 1% 2% 10%;text-align:left;width:auto;} #protel span{color:#e30f00;float:left;font-size:30px;font-weight:bold;margin-right:8px;margin-top:1%;width:auto;} #protel a{color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;} .line-zixun{background:#ff3a3b;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;} .line-order{background:#215998 ;margin-left:15px;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;} #pro_tj_lx a:hover{opacity: .7;} .footer{background:#393939;padding:30px 0 20px 0;overflow:hidden} .footer1{background:#00852c;padding:20px 0;color: #fff;text-align: center; line-height:30px;} .footer1 a{color: #fff;} .f1{padding-right: 30px;width:537px; } .f1 img{float: right} .dblx{background: url(../images/1_51.png) left 5px no-repeat;} .f2{padding-left:30px;width:400px } .f3{padding-left: 30px;} .f4{padding-left:30px;} .f2 a{color: #eee;display: block;line-height:55px;border-bottom: 1px dotted #e8e8e8;} .f3 a{color: #eee;display: block;line-height: 36px;border-bottom: 1px dotted #e8e8e8;} .f2_1 a{float: left;width:38%;margin-right:2%;padding-left: 15px;} .f2,.f3,.f4{border-left: 1px solid #bebebe;height: 338px;color: #eee} .footer h3{color: #fff;font-size: 20px;margin-bottom: 20px;font-weight: bold;padding: 3px 0 3px 0;width: 120px} .f1 h4{font-size:24px;color: #00852c;margin-bottom: 15px; } .dblx p{padding-left: 30px;line-height: 190%;color: #eee} .f4 img{vertical-align: middle;display: block;margin-bottom:5px;margin-top: 5px} .neaxtpg a{float: left; display: inline-block; width: 48%; text-align: center;padding: 10px 2%; border: 1px dotted #e8e8e8;;margin: 0 1%;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .neaxtpg a:hover{ background: #0372cd; color: #fff} .neaxtpg{margin: 20px 0} .cont_tit { padding: 30px 0; border-bottom: 1px solid #eee; } .cont_tit span { display: block; position: relative; padding-left: 15px; font-size: 40px; color: #333; } .cont_tit span:before { position: absolute; top: 0; left: 0; width: 2px; height: 100%; content: ''; background: #0281CC; } .cont_mian > p { padding: 30px 0; font-size: 14px; color: #666; } .cont_map { width: 100%; height: 370px; background: no-repeat center; background-size: cover; } .cont_1 { padding: 0px 0 20px 0; border-bottom: 1px solid #eee; } .cont_1 .dt { position: relative; width: 450px; } .cont_1 .dt span { display: block; padding-left: 15px; font-size: 14px; color: #555; line-height:35px; } .cont_2 { padding: 90px 0; } .cont_ul { font-size: 0; } .cont_ul li { display: inline-block; width: 330px; box-sizing: border-box; vertical-align: top; } .cont_ii { position: relative; } .cont_ii .i { display: block; position: absolute; top: 0; left: -70px; width: 60px; height: 60px; background: no-repeat center; background-size: 100%; } .cont_ii span { display: block; padding: 10px 0; } .cont_ii span em { display: block; font-size: 20px; color: #444; line-height: 24px; } .cont_ii span b { display: block; font-size: 12px; color: #555; line-height: 16px; } .cont_ul .cont_txt span { display: block; margin-top: 20px; font-size: 30px; color: #ff0000; font-weight: 100; } .cont_ul .cont_txt span em { display: block; margin-top: 5px; font-size: 14px; color: #555; line-height: 20px; } .pnav{background: #f1f1f1;padding: 20px 0 0 0;margin-top: -50px} .pnav ul{text-align: center;} .pnav ul li {display: inline-block;margin: 0 10px;width: 150px;} .pnav ul li a{display: block;transition: all .3s;} .pnav ul li a img{border-radius: 50%;border:4px solid #ccc;transition: 1s;width: 150px;height: 150px;display: block} .pnav ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;height: 50px;} .pnav ul li a:hover,._act{transform: translateY(-14px);} .pnav ul li a:hover img,._act img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #166ae5} .pnav ul li.hover a{transform: translateY(-14px);} .pnav ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)} ._act img{border: 4px solid #166ae5 !important} ._act p{color: #166ae5 !important} .bt span{text-transform:uppercase;font-size:66px;color:rgba(184,184,184);font-family:Arial,Helvetica,sans-serif;margin:10px 0 10px 0px;float:right;} .bt h3{margin:40px 0 0 0px;float:left;padding:0px 15px;height:33px;display:block;background-color:#d60c00;color:#fff;font-size:20px;line-height:162%;text-align:center;font-weight:bold;} .bt p{margin:40px 0 0 10px;float:left;height:33px;display:block;background-color:#000;color:#fff;font-size:18px;line-height:33px;text-align:center;padding:0 15px;} .bt strong{margin:40px 0 0 10px;float:left;height:33px;display:block;background-color:#ff0000;color:#fff;font-size:18px;line-height:33px;text-align:center;padding:0 15px;} .bt img{float: left} .sy_pt_cp{background:url(../images/nba.jpg) center no-repeat;height: 455px;} .sy_pt_cp ul{text-align: center;padding: 180px 0 0 0} .sy_pt_cp ul li {display: block;margin: 0 10px;width: 150px;float: left} .sy_pt_cp ul li a{display: block;transition: all .3s;} .sy_pt_cp ul li a img{border-radius: 50%;border:4px solid #fff;transition: 1s;width: 150px;height: 150px;display: block} .sy_pt_cp ul li a p{text-align: center;font-size: 16px;color: #000;margin-top: 5px;height: 50px;} .sy_pt_cp ul li a:hover{transform: translateY(-14px);} .sy_pt_cp ul li a:hover img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);border: 4px solid #ff0000} .sy_pt_cp ul li.hover a{transform: translateY(-14px);} .sy_pt_cp ul li.hover a img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)} .gs_wz{margin: 30px auto} .gs_wz p{line-height: 200%;margin-bottom: 10px;font-size: 18px} /*æ–°é—»*/ .newsc .nbt{text-align: center;} .newsc .nbt li{display:inline-block;height:40px;line-height:40px;width:16%;background: #232323;transform: skew(-20deg);} .newsc .nbt li a{display:block;padding:0 30px;font-size:16px;text-align:center;color: #fff;} .newsc .nbt li a div{transform: skew(20deg);} .newsc .nbt li a:hover{background:#02328d;color:#fff;} .newsc .nbt li.hover a{background:#02328d;color:#fff;} .newsc .listc ul,.newsc .listc li{width:100%;} .newsc .listc li{transition: .3s;} .newsc .listc li.grayc{background-color:#f8f8f8;} .newsc .listc .centerc{width:980px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;} .newsc .listc li a{padding:50px 0;display: block;} .newsc .listc .numc{display:block;width:104px;border-right:1px solid #ddd;line-height:60px;font-size:72px;font-family:"Arial";color:#d2d2d2;font-weight:bold;font-style:italic;} .newsc .listc .fontc{display:block;width:83.7%;font-size:18px;line-height:30px;} .newsc .listc .fontc .introc{font-size: 14px;color: #bbb;} .newsc .listc .fontc p{ font-size: 18px;} .newsc .listc li:hover{background-color:#ff0000;} .newsc .listc li:hover .numc,.newsc .listc li:hover .fontc p,.newsc .listc li:hover .fontc .introc{color:#fff;} .newsc .listc li:hover .numc img{border:1px solid #fa1e2f;} .newsc .listc li:hover .centerc{left:-16px;} .f-cbc:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}