body{font-size:14px; min-width:1250px; font-family: georgia,serif;} *{ margin:0; padding:0;} img{ border:none;} ul{ list-style:none;} .clear{ clear:both} .l{ float:left;} .r{ float:right;} li{list-style: none;} *{margin:0;padding: 0;} html body{width: 100%;font-size: 14px;} /*chanpin*/ .chanpin{ height:630px; width:1240px; margin:0 auto; } .chanpin_l{ height:630px; width:220px; float:left;background:#3558aa;} .chanpin_l li{ height:50px; width:220px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding: 10px 0;line-height:22px; font-size:17px; font-weight:bold; } .chanpin_l li a{ height:100%; width:100%; float:right; text-align: center;display: block; color: #FFFFFF; margin-bottom: 1px;} .chanpin_l li a:hover{ font-weight:bold; color:#FFFFFF; font-size:18px;background:#bf1d28;} .chanpin_r{ height:630px; width:1005px; float:right; overflow:hidden;} .product_index .s_width{ width:1005px; overflow:hidden;} .pro_conn{ width:1005px;} .marquee2 { width:9999px; height:270px; } .marquee2 .pro_cc{ width:323px; height:270px; float:left; margin:0 5px 18px 0; position:relative; overflow:hidden; } .marquee2 .pro_cc a.pro_cc_pic{ width:323px; height:220px; background:#f4f4f4; display:block; position:relative; text-decoration: none; position:absolute; transition:0.2s ease; -moz-transition:0.2s ease; -webkit-transition:0.2s ease;} .marquee2 .pro_cc a.pro_cc_pic:hover{ text-decoration:none;color: #ff0000;text-decoration: none; background:#ffec16; } .marquee2 .pro_cc img { width:310px; position:absolute; z-index:99; border: #DDD 1px solid; padding: 5px; background: #FFFFFF; height: 230px;} .fiz a{font-style: normal; text-align:center; line-height:40px; display:block; font-size:16px;color: #666666; width: 280px; display: block; text-align: center; position: absolute; width:100%;z-index:100; bottom: 0; text-align: center; height: 30px;} .fiz a:hover{font-size:17px;color: #027aea;} .marquee2 .pro_cc p{ color:#fff; font-size:16px; text-align:center; line-height:30px; width:140px; position:absolute; left:50%; margin-left:-70px; height:30px; background:#f10130; top:360px; } .marquee2 .pro_cc .chan_logo{ width:330px; height:290px; background:rgba(225,3,18,1); text-align:center; position:absolute; top:-300px; z-index:101; opacity:0} .marquee2 .pro_cc .chan_logo img{ width:50px; margin:85px auto 0 auto; position:relative} .marquee2 .pro_cc .chan_logo p{ line-height: 50px; font-size: 17px; font-weight: bold; color: #FFFFFF; display: block; text-align: center;position: relative; z-index: 9999; margin-bottom: -100px;} .chanpin_r_x{ height:295px; width:980px; margin:0 auto; padding-top:10px;} .chanpin_r_x li{ height:295px; width:315px; float:left; background:#f6f4f5; margin-right:10px;} .zuangzai{ height:240px; width:315px; float:left;} .zhuangzai_z{ height:50px; width:315px; float:right;} .zhuangzai_z a{ width:315px; line-height:50px; font-size:16px; color: #000; display: block; text-align: center; } .zhuangzai_z a:hover{ color:#bf1d28;font-weight:bold;} .zhuangzai_mr{ height:26px; width:80px; float:left; margin-left:5px;} .zhuangzai_mr a{ height:26px; width:80px; line-height:26px; border:#ffb400 1px solid; text-align:center; display:block; font-size:13px; color:#333;} .zhuangzai_mr a:hover{ background:#ffb400; color:#fff;} .chanpin_r_t_a{ height:330px; width:930px; background:url(../images/images/c-2.jpg) center no-repeat;} .chanpin_r_t_b{ height:330px; width:930px; background:url(../images/images/c-3.jpg) center no-repeat;} .chanpin_r_t_c{ height:330px; width:930px; background:url(../images/images/c-4.jpg) center no-repeat;} .chanpin_r_t_d{ height:330px; width:930px; background:url(../images/images/c-5.jpg) center no-repeat;} .nei_cp{ height:105px; width:100%; background:#f5f3f4; border-bottom:#CCC 2px solid;} .nei_cp_z{ height:105px; width:1200px; margin:0 auto;} .nei_cp_z li{ height:105px; width:238px; border-left:#e2e2e2 1px solid; float:left;} .nei_cp_z li a{ height:30px; width:120px; float:right; line-height:30px; font-size:15px; font-weight:bold; padding-top:37px;} .nei_cp_z li a:hover{ font-weight:bold; color:#0264af; font-size:16px;} .nei_cp_z li p{ height:20px; width:120px; float:right; line-height:20px; font-size:12px; } .cb_a{height:103px; width:240px;background: url(../images/images/c_a.png) center no-repeat;} .cb_b{height:103px; width:240px;background: url(../images/images/c_b.png) center no-repeat;} .cb_c{height:103px; width:240px;background: url(../images/images/c_c.png) center no-repeat;} .cb_d{height:103px; width:240px;background: url(../images/images/c_d.png) center no-repeat;} .cb_e{height:103px; width:240px;background: url(../images/images/c_e.png) center no-repeat;border-right:#e2e2e2 1px solid; } .cd_zhong{ height: 600px; width: 800px; margin-bottom: 50px; margin-left: 55px;} .cd_left{ width: 800px; height: 600px; float: left;} .xiangce{} .nav-menu { display: block; background: #225aa5; width: 1200px; margin: 40px auto 40px; } .nav-menu > li { display: inline; float: left; border-right: 1px solid #6295d8; font-family: "微软雅黑"; } .nav-menu > li:last-child { border-right: none; } .nav-menu li a { color: #fff; display: block; text-decoration: none; font-family: 'sansationregular'; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: capitalize; overflow: visible; width: 170px; height: 55px; line-height: 30px; display: block; text-align: center; font-size: 17px; } /* animation domination */ .three-d { perspective: 200px; transition: all .07s linear; position: relative; } .three-d:not(.active):hover { cursor: pointer; } .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { transform: translateZ(-25px) rotateX(90deg); } .three-d-box { transition: all .3s ease-out; transform: translatez(-25px); transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .front { transform: rotatex(0deg) translatez(25px); } .back { transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; } .front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #225aa5; padding: 15px 0px 15px 0px; color: white; pointer-events: none; box-sizing: border-box; } .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { background-color: #e00024; background-size: 5px 5px; background-position: 0 0, 30px 30px; background-image: -*-linear-gradient(45deg, #c1001f 25%, transparent 25%, transparent 75%, #c1001f 75%, #c1001f), linear-gradient(45deg, #c1001f 25%, transparent 25%, transparent 75%, #c1001f 75%, #c1001f); font-weight: bold; } .nav-menu ul { position: absolute; text-align: left; line-height: 40px; font-size: 14px; width: 200px; transition: all 0.3s ease-in; transform-origin: 0px 0px; transform: rotateX(-90deg); backface-visibility: hidden; } .nav-menu > li:hover ul { display: block; transform: rotateX(0deg); } /* .chanpin{ width:1300px; overflow:hidden; position:relative; margin:0 auto; height: 800px; } .chanpin ul{ width:1300px; } .chanpin li{float:left; padding:8px; width:425px; height:320px; position:relative; overflow:hidden;} .chanpin .se_pro_t_l{ width:420px; position:relative; cursor: pointer} .chanpin .se_pro_t_l img{ width:420px; height:320px;} .chanpin .chanpin.se_pro_t_l a{ width:420px; position: absolute; z-index:3; background:url(../images/images/p_more_bg2.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px; opacity:1} .chanpin .se_pro_t_l .se_pro_t_laa{opacity:1;} .chanpin .se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:120px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f} .chanpin .se_pro_t_l a p{ width:150px; text-align:center; line-height:40px; background:#0d66a2; color:#fff; font-size:16px; margin:20px auto 0 auto} .chanpin .se_pro_t_r{ width: 425px; border-top:0; padding:0 0 25px 0; background:#e8e8e8} .chanpin .se_pro_t_r p{ line-height:30px; font-size:13px; color:#555555; padding:30px 20px 30px 30px; text-align:center; } .chanpin .se_pro_t_r h4{ line-height:30px; font-size:18px; color:#333; padding:20px 0; text-align:center; position: relative; z-index: 1000;} .chanpin .se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;} .chanpin .se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; position: relative; z-index: 1000; } .chanpin .se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#0d66a2 } .chanpin li div.cover_top{position:absolute;top:-265px;left:0;width:388px;height:265px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4) ;z-index:900; text-align:center; cursor: pointer} .chanpin li div.cover_top img{ width:265px; height:265px;} .chanpin li div.cover_bottom{position:absolute;bottom:-200px;left:0;width:388px;height:131px; background:#ff8400;z-index:99} .reconmmendtt{ position:absolute; width: 390px; height: 320px; background: #ffc100; border-bottom: 3px solid #ff8212; transform: perspective(100px) rotateX(40deg); z-index: 10; transform-origin: center bottom 0; left: 0; opacity: 0; bottom:16px; } .reconmmendtt_z{ margin: 45px;} .reconmmendtt_a a{ line-height: 30px; color: #FFFFFF; display: block; font-size: 32px; font-weight: bold;} .reconmmendtt_a a:hover{ line-height: 30px; color: #FFFFFF; display: block; font-size: 32px; font-weight: bold;} .reconmmendtt_ab{height:2px; width: 60px; background: #FFFFFF; margin-top: 16px;} .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;} .reconmmendtt_d a{ line-height: 24px; color: #FFFDFE; font-size: 14px; display: block; } .reconmmendtt_d a:hover{ line-height: 24px; color: #FFFDFE; font-size: 14px; display: block; } .reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} .reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; } .tre:hover{ height:93px; width:93px;background: rgba(255,255,255,.5); -moz-border-radius: 93px / 93px; -webkit-border-radius: 93px / 93px; border-radius: 93px / 93px;} .cp_k{position:relative; height: 50px; width: 390px;background: rgba(0,0,0,0.4); margin-top: -50px; z-index: 8888;} .cp_k a{ line-height: 50px; width: 390px;color: #FFFDFE; font-size: 16px; font-weight: bold; display: block; text-align: center;} .cp_k a:hover{font-size: 17px;font-weight: bold; color: #FFFFFF;}*/ .chanpin_t_ll{ width:290px; height:215px; margin:0 auto; position:relative; overflow:hidden; } .chanpin_t_ll a{ width:290px; height:215px; position: relative; z-index:3; display:block} .chanpin_t_ll a span{ display:block; color:#ffffff; line-height:40px; width:290px; position:absolute; bottom:0; z-index:99; font-size:15px; background:rgba(0,0,0,0.8); text-align:center;} .chanpin_t_rr a{font-size:15px; color:#393939; display: block; text-align: center; width:273px; line-height: 50px;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .chanpin_t_rr a:hover{ color: #0063b4;} .s_width{ width:930px; margin:0 auto; position:relative} .liuyan{ padding:0 0 30px 0; } .rt{height:400px; width: 860px; margin: 0 auto; border: 1px solid #d5d5d5; padding-top: 20px;} .hu{ height: 400px; width: 860px; margin: 0 auto;} .gff{ height:130px; width: 100%; margin: 0 auto; background: #f31151;} .gff_n{ height: 130px; width: 1300px; margin: 0 auto;} .gff_n_l{ height: 130px; width: 460px; float: left;background:url(../images/images/ac.png) no-repeat center;} .gff_n_z{ height: 130px; width: 130px; float: left;background:url(../images/images/ac_a.png) no-repeat center; margin-left: 130px;} .gff_n_r{ height: 130px; width: 460px; float: right;background:url(../images/images/ac_b.png) no-repeat center;} #shijianp a{ list-style: 20px; font-size: 12px; color: #878787;} .zx_zhong{ width: 1300px; margin: 0 auto;} /*.logo{margin-top:35px;}*/ .nav2{width: 100%;min-width:1400px;height:60px;clear: both; background:url(../images/yt.jpg) repeat center;} .u1{width: 1200px;height:60px;vertical-align: middle;} .u1 li{width:148px;float:left; background:url(../images/images/xx.jpg) right no-repeat;} .u1 li a{ height:60px; width:148px; line-height:60px; display:block; text-align:center; font-size:16px; color: #FFFFFF; font-weight: bold; } .u1 li a:hover{ color: #FFFFFF;font-size:17px; text-decoration:none; font-weight: bold; } .u1 li.zonghe{ width:148px; height:60px;background:url(../images/images/xx.jpg) right center no-repeat;} .ft_zz a{color:#aaaaaa;} #ytu li a{ line-height: 50px; height: 50px; width: 200px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 30px;background:; display: block;} .jx_left_a_n { height: 100%; width: 238px; border: 1px solid #f0f0f0; } .jx_left_a_n li { width: 210px; margin-left: 15px; margin-bottom: 15px;} .jx_left_a_n li a { line-height: 19px; height: auto; padding: 10px 0 10px 10px; width: 100%; font-size: 17px; color: #FFFFFF; font-weight: bold; background: #3856ac; display: block;} #erki{ width: 100%; margin: 0 auto;} #erki_a{ height: 45px; width: 99%; margin: 0 auto; padding-top: 6px; padding-bottom: 6px;} #erki_a a{ height: auto; width: 100%; border: 1px solid #e9e9e9; line-height: 21px; display: block; text-align: center; font-size: 14px; color: #5e5e5e; background: #FFFFFF;font-weight: 500; padding:10px 0;} #erki_a a:hover{ background: #dd0000; width: 100%; display: block; text-align: center; font-size: 14px; color: #FFFFFF; font-weight: bold;} #erkia{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkib{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkic{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkid{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkie{ width: 180px; margin: 0 auto;padding-top: 15px;} .jx_left_a_nna { height: 100%; width: 220px; } .jx_left_a_nna li { width: 220px; margin-bottom: 10px;} .jx_left_a_nna li a { line-height: 40px; height: 40px; width: 180px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 45px; background: #ffc000; display: block; text-align: left; } .ffk{ line-height: 40px; height: 40px; width: 180px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 45px; background: #ffc000 url(../images/ttttt.png) right center no-repeat !important; display: block; text-align: left;} .ffkk{line-height: 40px; height: 40px; width: 180px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 45px; background: #3856ac url(../images/ttttt.png) right center no-repeat !important; display: block; text-align: left;} #ytu_n li a{ line-height: 40px; height: 40px; width: 200px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 30px;background:; display: block;} #erki_n{ width: 200px; margin: 0 auto; padding-top:5px;} #erki_a_n{ height: 30px; width: 200px; margin: 0 auto; padding-top: 4px; padding-bottom: 4px; } #erki_a_n a{ height: 30px; width: 178px; line-height: 35px; display: block; text-align: center; font-size: 14px; color: #5e5e5e; background: #FFFFFF;font-weight: 500; padding-left:0px;} #erki_a_n a:hover{ background: #ffc000;height: 30px; width: 178px; line-height: 30px; display: block; text-align: center; font-size: 14px; color: #FFFFFF; font-weight: bold;} #erkia_n{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkib_n{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkic_n{width: 180px; margin: 0 auto;padding-top: 15px;} #erkid_n{ width: 180px; margin: 0 auto;padding-top: 15px;} #erkie_n{ width: 180px; margin: 0 auto;padding-top: 15px;} .jx_left_a{ height: 50px; width: 240px; background: #3856ac; margin-top: 30px; float: left;} .jx_left_a p{ line-height: 50px; color: #FFFFFF; font-size: 20px; font-weight: bold; margin-left: 25px;} .jx_left_b{ height: 50px; width: 240px; background: #3856ac; float: left;} .jx_left_b p{ line-height: 50px; color: #FFFFFF; font-size: 20px; font-weight: bold; margin-left: 25px;} .yr_cp p{ height: 40px; width: 100%; font-size: 36px; color: #000000; font-weight: bold; line-height: 40px; display: block; text-align: center; margin-top: 40px;} .yr_cp a{ color: #e41214;font-weight: bold;} .yr_cp a:hover{ color: #e41214;font-weight: bold;} .yr_cp_s{ height: 30px; width: 100%; background:url(../images/re.jpg) center no-repeat;} .yr_cp_ss{ height: 30px; width: 100%; background:url(../images/ree.jpg) center no-repeat;} .yr_cp_sss{ height: 30px; width: 100%; background:url(../images/reee.png) center no-repeat;} .jx_left_a_nn{ width: 220px; height: 400px; background: #f4f4f4; float: left; padding: 10px;} .jx_left_a_ttt{ line-height: 60px; width: 220px; border-bottom: 1px dashed #d8d8d8; margin: 0 auto;} .jx_left_a_ttt h1{ line-height: 60px; font-size: 19px; font-weight: bold; color: #dd0000; display: block; text-align: center; width: 220px;} .jx_left_a_ttta p{ line-height: 35px; font-size: 14px; color: #444444; margin-left: 5px;} /*qx_head*/ .mt_xian_t{height:35px; width: 100%; background: #f4f4f4;} .mt_xian{ height: 16px; width: 100%; margin: 0 auto; background:url(../images/dc_t.jpg) no-repeat center;} .mt_xian_t_l{height:35px; float: left;} .mt_xian_t_l p{ line-height: 35px; font-size:16px; color: #4c4c4c; display: block;} .mt_xian_t_n{ height: 35px; width: 1240px; margin: 0 auto;} .mt_xian_t_r{ height: 35px; float: right; width: 120px;} .mt_xian_t_r a{ height: 35px; font-size:16px; color: #4c4c4c; line-height: 35px;} .qx_nav{ height: 146px; width: 1240px; margin: 0 auto;} .qx_nav_l{ height: 146px; width: 756px; float: left;} .qx_nav_l img{padding-top: 24px; display: block;} .qx_nav_r{ height: 146px; width: 343px; float: right;} .qx_nav_a{ height: 70px; width: 100%; background-color: #3558aa;} .qx_nav_a_n{ height: 70px; width: 1240px; margin: 0 auto;} .qx_nav_a_n li{ height: 70px; width:155px; float: left;} .qx_nav_a_n li a{ line-height: 70px; width: 155px; height: 70px; font-size: 17px; color: #FFFFFF; display: block; text-align: center; font-weight: 500;text-transform:capitalize } .qx_nav_a_n li a:hover{ font-size: 18px; color: #FFFFFF; font-weight: bold;background:#bf1d28; } .fg a{font-size: 18px; color: #FFFFFF; font-weight: bold;background:#bf1d28;line-height: 70px; width: 160px; height: 70px; } /*mt_sou*/ .mt_sou{ height: 90px; width: 100%;background:url(../images/dc.jpg) repeat center bottom;} .mt_sou_n{ height: 75px; width: 1240px;margin: 0 auto;} .mt_sou_n_l{ height: 75px;width: 815px; float: left;} .mt_sou_n_l p{ line-height: 75px; font-size: 14px; color:#4e4e4e;display: block;} .mt_sou_n_l a{ line-height: 75px;font-size: 18px; font-weight: bold;color: #095db0; font-weight: bold;} .mt_sou_n_l a:hover{color: #2a2a2a;} .mt_sou_n_r{ height: 75px; width:420px; float: right;} .sou{height: 75px; width:420px; } .search{ width:420px; margin:0 auto; height:40px; line-height:40px;position:relative; z-index:999; color:#efefef; border: 1px solid #eeeeee; margin-top: 18px;} .search-bar .search-keywords { border-radius: 6px; overflow: hidden; height:40px; } .search-bar .keywords { padding-left: 10px; width: 340px; height: 34px; line-height: 34px; font-size: 13px; background:#fff; margin:2px 0 0 0; } .search-bar input[type="submit"] { width: 70px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; background:#ffae00 url(../images/images/ss.jpg) no-repeat center center; color: #fff; cursor: pointer; } .search-bar input { border: none; float: left;} .search a{ color:#efefef} /*cd_cp*/ .cd_cp{ height: 55px; width: 1300px; margin: 0 auto;text-align: center;text-transform: uppercase;font-size: 55px; color: #3558aa;line-height: 60px;} .cd_cp a{ height: 60px; width: 1300px; line-height: 60px; display: block;} .cd_fenlei{ height: 55px; width: 1300px; margin: 0 auto; background: #225aa5;} .cd_cp_n{ line-height: 30px; font-size: 16px; color: #525252; display: block; text-align: center;} .dc_fenlei{ height:130px; width: 1300px; margin: 0 auto;} .dc_fenlei li{ height: 65px; width:215px; background: #095db0; border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF; float: left;} .dc_fenlei li a{line-height: 65px; width: 215px; font-size: 17px; color: #FFFFFF; font-weight: bold; display: block; text-align: center;} .dc_fenlei li a:hover{background: #d40d0d;} .cd_zz p{ line-height: 30px; color:#3a3a3a; font-size: 16px; text-align: center;} .cp_cp{ height: 630px; width: 1240px;margin: 0 auto;} /*cd_about*/ .cd_about{ height: 890px; width: 100%;background:url(../images/about.jpg) center no-repeat;} .cd_about_n{ height: 470px; width: 1240px; margin: 0 auto; background: #FFFFFF;} .cd_about_n_l{ height: 430px; width: 530px;background:url(../images/ab.jpg) center no-repeat; float: left; padding: 20px;} .cd_about_n_r{ width: 620px; height: 430px; float: right; padding: 25px;} .cd_about_n_r_t{ width: 620px; height: 95px; margin-top: 5px;} .cd_about_n_r_t p{ line-height: 70px; font-size: 48px; font-weight: bold; color: #000000;} .cd_about_n_r_z p{ font-size: 16px; color: #444444; line-height: 32px; margin-top: 20px;} .cd_about_n_r_m a{ width: 140px; height: 40px; border: 2px solid #f6a906; margin-top: 40px; font-size: 16px; color: #f8a501; display: block; text-align:center; line-height: 40px;} .cd_about_n_r_m a:hover{font-weight: bold;width: 140px; height: 40px; border: 1px solid #f8a501; margin-top: 40px; font-size: 16px; color: #FFFFFF; display: block; text-align:center; line-height: 40px; background: #f8a501; } .cd_about_n_r_t_z p{ line-height: 50px; font-size: 24px; font-weight: bold; color: #000000;} .cd_about_n_r_t_z em{color: #bc1d27;font-weight: bold;} .cd_about_n_z{ height: 250px; width:1240px; margin: 0 auto;} .case_piclist_slide {overflow: hidden;} .case_piclist_slide ul li{float: left;margin:0 15px 20px 0;text-align: center; position:relative; height:250px;overflow:hidden;} .case_piclist_slide li .pic img { width:320px; height:250px;} .case_piclist_slide li .cover_top{ text-align:center; line-height:50px; height:50px; font-size:16px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(0,0,0,0.7)} .case_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100} .case_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block} .case_piclist_slide li p{ } .case_piclist_slide li p a{ color:#fff} .case_piclist_slide li p a:hover{ color:#bf1d28} .sy_ziding{ height: 810px; width: 1240px; margin: 0 auto;} .sy_ziding_t p{ line-height: 50px; font-size: 48px; color: #000000; display: block; text-align: center; font-weight: bold;} .sy_ziding_t em{ color: #bf1d28; font-weight: bold;} .sy_ziding_tt p{ line-height: 80px; font-size: 20px; color: #454545; text-align: center;} .sy_ziding_n{ height: 430px; width: 1240px;background:url(../images/tr.jpg) center no-repeat ; margin-top: 20px;} .sy_ziding_na{ height: 195px; width: 1240px;} .sy_ziding_na_l{ height: 125px; width: 230px; margin:30px 20px 0px 20px; float: left;} .sy_ziding_na_l em{ line-height: 28px; font-size: 24px; font-weight: bold; color: #FFFFFF;} .sy_ziding_na_l p{ line-height: 20px; font-size: 15px; color: #FFFFFF; margin-top: 15px;} .sy_ziding_na_r{ height: 125px; width: 230px; padding:30px 20px 0px 20px;float: right;} .sy_ziding_na_r em{ line-height: 28px; font-size: 24px; font-weight: bold; color: #FFFFFF; text-align: right; display: block;} .sy_ziding_na_r p{ line-height: 20px; font-size: 15px; color: #FFFFFF; margin-top: 15px;text-align: right;} .sy_dianhua{ height:60px; width: 330px; margin: 0 auto;background:url(../images/ty.jpg) center no-repeat ; padding-top: 30px;} .sy_dianhua_z{ height: 50px; width: 200px;border-radius: 5px; background: #ffa200 url(../images/tu.png) center no-repeat ;; margin: 0 auto;} .sy_dianhua_z a{ line-height: 50px; width: 200px; font-size: 18px; color: #FFFFFF; text-align: center; display: block;} .sy_dianhua_z a:hover{font-weight: bold; color: #FFFFFF;} /*sy_fahuo*/ .sy_fahuo{ height: 585px; width: 100%;background:url(../images/kl.jpg) center no-repeat ; margin-top: 30px;} .sy_fahuo_t{height: 54px; width: 600px;; margin: 0 auto;text-align: center; text-transform: uppercase; font-size: 55px; color: #fff; line-height: 60px;} .sy_fahuo_tt{ line-height: 30px; color: #FFFFFF; font-size: 16px; display: block; text-align: center;} /*dx_fenlei"*/ .dx_fenlei{ height:160px; width: 1200px; margin: 0 auto; padding-top: 60px;} .dx_fenlei li{ height: 160px; width: 135px; margin-left: 33px; } .an_a{ height: 160px; width: 135px; background:url(../images/images/an1.jpg) center no-repeat ;} .dx_fenlei li a{ height:100px; line-height: 100px; width: 260px; background:url(../images/images/rt.png) center no-repeat ; display: block; margin-top:160px; font-size: 17px; color: #FFFFFF; text-align: center; overflow: hidden; font-weight: bold;} .dx_fenlei li:hover{ background:url(../images/images/rta.png) center no-repeat ; display: block; font-size: 17px; color: #FFFFFF; text-align: center; overflow: hidden; font-weight: bold;} .an_b{ height: 135px; width: 160px; background:url(../images/images/an2.jpg) center no-repeat ;} .an_c{ height: 135px; width: 160px; background:url(../images/images/an3.jpg) center no-repeat ;} .an_d{ height: 135px; width: 160px; background:url(../images/images/an4.jpg) center no-repeat ;} .index_bottom{ } .in_honor{ width:135px; height:160px; text-align:center; position:relative; } .in_wenhua{ width:135px; height:160px; text-align:center; position:relative;} .in_honor .in_pic{ width:135px; height:160px; margin:0 auto; overflow: hidden;; position:relative; z-index:2} .in_wenhua .in_wenhua_pic{ width:135px; height:160px; margin:0 auto; overflow: hidden;; position:relative; z-index:2; } .in_wenhua h2{ line-height:30px; color:#0c469a; font-size:15px; position:relative; z-index:3; margin-top: -41px; width: 135px; display: block; text-align: center;} .index_bottom_back{z-index:1;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;} .join_us_content_nav li.cover{ border:white 1px solid; color:white } /*cd_anli*/ .cd_anli_n{ height: 370px; width: 1240px; margin: 0 auto;} .cd_anli_na_l a{ line-height: 50px; width:595px; background-color: rgba(0,0,0,0.6); font-size: 16px; color: #FFFFFF; display: block; text-align: center; margin-top: 390px;} .cd_anli_na_l a:hover{color: #FFFFFF; font-weight: bold;} .cd_anli_na_r{ height: 440px; width:595px; float: right; position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .cd_anli_na_r a{ line-height: 50px; width:595px; background-color: rgba(0,0,0,0.6); font-size: 16px; color: #FFFFFF; display: block; text-align: center; margin-top: 390px;} .cd_anli_na_r a:hover{color: #FFFFFF; font-weight: bold;} .cd_anli_nb{ height: 370px; width: 1240; margin-top: 10px; overflow: hidden} .cd_anli_nb li{ height: 370px; width:400px; margin-left: 8px; margin-right: 8px; float: left; background: #FFFFFF;} .cd_anli_nb_t{height: 280px; width:380px; margin-top: 10px; margin-left: 10px;} .cd_anli_nb_t img{ height: 280px; width: 380px;} .biaoti_a a{ line-height: 80px; font-size: 18px; color: #010101;display: block; text-align: center;} .cd_anli_nb_t a{line-height: 35px; width:232px; background-color: rgba(0,0,0,0.6); font-size: 15px; color: #FFFFFF; display: block; text-align: center; margin-top: 135px;} .cd_anli_nb_t a:hover{color: #FFFFFF; font-weight: bold;} .mt_ying_t a{ height: 68px; width: 1200px;} .jia a{ height: 30px; width: 30px; float: right; background: #aeaeae; font-size: 19px; color: #FFFFFF; display: block; text-align: center; margin-top: 10px;} .jia a:hover{height: 30px; width: 30px; float: right; background: #0064b4; font-size: 19px; color: #FFFFFF; display: block; text-align: center;margin-top: 10px;} .xd_fen li:hover{animation: dou 0.5s linear;} @keyframes dou{ 0%{transform: translateY(0px);} 25%{transform: translateY(20px);} 50%{transform: translateY(0px);} 75%{transform: translateY(-20px);} 100%{transform: translateY(0px);} } /*nav .head{ height:134px; background:url(../images/images/nav.png) repeat center top; position:relative; z-index:2} .head .s_width{ position:relative; height:134px;} .head .logo,.head .nav_search{ position:absolute} .head .logo{ left:-70px; width:330px; text-align:center; z-index:2} .head .nav_search{ right:0; width:1020px;} .head .nav_search .search{ width:29px; background:url(../images/images/search.png) no-repeat center center; height:29px; border:1px solid #e4e4e4; margin:50px 0 0 0} .head .nav_search .nav{ margin:0 0 0 14px} .head .nav_search .nav li{ width:110px; float:left; height:134px; position:relative;} .head .nav_search .nav li a{ font-size:18px; color:#ffffff; display:block; position:relative; height:134px; background:url(../images/images/navline.png) no-repeat right top} .head .nav_search .nav li a:hover{ color:#f6ff00} .head .nav_search .nav li a p{ padding:3px 0 0 0; width:100px; display:inline-block;position:absolute; top:50px; left:15px;} .head .nav_search .nav li a em{ display:inline-block; font-style:normal; line-height:20px; height:20px; top:50px; left:15px; font-weight:bold; position:absolute; width:100px;} .head .nav_search .nav li.n_a p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_b p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_c p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_d p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_e p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_f p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_g p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li.n_h p{ height:60px; line-height: 60px; font-size: 13px; color: #bcffd8;} .head .nav_search .nav li div {display:none;width:160px;text-align:center;color:#4f4f4f;position:absolute;top:134px;left:-30px;background:#13923a; z-index:9999 } .head .nav_search .nav li div a {display:block;BACKGROUND: url(asdfasdf); COLOR: #eee; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px;font-weight:normal;border-bottom:1px dashed #259c49; margin-top:0;} .head .nav_search .nav li div a:hover {color:#fff; border-bottom:1px dashed #f3bc16; background:#f3bc16; border-top:0; border-right:0; border-left:0; font-weight:bold} .head .nav_search .en_search{ width:88px; margin:45px 0 0 0} .head .nav_search .en_search .in_search{ width:39px; height:39px; overflow:hidden; position:relative} .head .nav_search .en_search .in_search:hover{ cursor:pointer} .head .nav_search .en_search .in_search img{} .head .nav_search .en_search .en{ width:40px; line-height:39px; color:#d5d5d5;} .head .nav_search .en_search .en a{ color:#d5d5d5; font-size:15px; line-height:39px; text-transform:uppercase;} .head .nav_search .en_search .en a:hover{ color:#c49435} */ .banner2{position: relative; height:430px; z-index: 1; margin-top: -132px;} .index_cage{ height:640px; background:url(../images/images/ff_bg.png) no-repeat center top; margin:-120px 0 0 0; z-index:2; position:relative} /*--search modal--*/ .modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; } .modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-225px; width: 100%; background:; height:450px; } .modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; } .modal-content > div { } .modal-content input { border: none; float: left;} .modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c} .modal-content .search-logo img{ width:100%;} .modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:210px; } .modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; } .modal-content .search-tab .on { background: #fff; color: #fe0000; } .modal-content .tab-panel { display: none; } .modal-content .on { display: block; } .modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .modal-content .search-bar .keywords { padding-left: 10px; width: 705px; height: 70px; line-height: 70px; font-size: 16px; background:#eee} .modal-content .search-bar input[type="submit"] { width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#f31151 url(../images/images/se.png) no-repeat center center} .modal-content .search-close { width:26px; height:27px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;} .modal-content .search-close:hover { color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); } .modal-open { overflow: hidden; padding-right: 17px; } .search_cage{ width:1100px; position:absolute; left:50%; margin-left:-550px; height:50px; bottom:0;} .search_cage li{ float:left; width:150px; text-align:center; line-height:50px;} .search_cage li a{ color:#dddddd; font-size:16px; text-align:center; line-height:50px;} .search_cage li a:hover{ color:#fff; font-weight:bold;} /*choose_index*/ #choose_index{ padding:10px 0 10px 0; } #choose_index h1{ margin-top:80px; height:55px; font-size:36px; font-weight:bold; color:#333; line-height:50px; text-align:center;} #choose_index h1 span{ padding:0 5px; background:#d53433; color:#fff; text-transform:uppercase; display:inline-block; line-height:34px;} #choose_index p{ width:850px; height:38px; font-size:18px; color:#616161; line-height:38px; text-align:center; margin:0 auto;} #choose_index ul{ width:850px; margin:0 auto; height:140px; } #choose_index ul li{ float:left; width:255px; padding-right:10px;position:relative;border-right: 1px solid #ececec; height: 130px; margin-top: 15px;} #choose_index ul li.zhuanli { border-right: 0 solid #ececec;} #choose_index ul li h1{ margin:0 auto; margin:26px 0; width:270px; height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#e13d3d; text-align:center; position:relative;} #choose_index ul li h2{ font-size:66px; font-weight:bold; color:#e13d3d; } #choose_index ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#e13d3d; position:absolute; top:-13px; } #choose_index ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#e13d3d; position:absolute; top:0; } #choose_index ul li h3{ margin:0 auto;clear:both; padding-bottom:15px; width:270px; height:32px; line-height:32px; font-size:22px; font-weight:bold; color:#494949; text-align:center;} #choose_index ul li p{ margin:0 auto; width:270px; height:52px; font-size:16px; color:#494949; line-height:27px; text-align:center;} #choose_index ul li a{ margin:0 auto; height:30px; font-size:18px; color:#e13d3d; line-height:30px; text-align:center; display:block; text-decoration:none;} #choose_index ul li a:hover{ font-weight:bold;} #choose_index ul li div.num{float: left; font-size:70px;line-height: 100px; font-weight:bold; font-family: "Impact";color:#FFFFFF;-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #choose_index ul li div.top{float: left; font-size:24px; font-weight:bold; color:#f31458;-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #choose_index ul li div.choose_xgdiv{ height:100px;margin:0 auto;} .animate{ /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */ -webkit-animation:play 500ms linear 1; -moz-animation:play 500ms linear 1; animation:play 500ms linear 1; } @-webkit-keyframes play{ 0% { /* 水平翻转 -webkit-transform:rotateY(0deg);*/ /* 垂直翻转*/ -webkit-transform:rotateX(0deg); /* 顺时针旋转 -webkit-transform:rotate(0deg); 逆时针旋转 -webkit-transform:rotate(0deg); */ } 100% { /* 水平翻转 -webkit-transform:rotateY(360deg); */ /* 垂直翻转*/ -webkit-transform:rotateX(360deg); /*顺时针旋转 -webkit-transform:rotate(360deg); 逆时针旋转 -webkit-transform:rotate(-360deg); */ } } @-moz-keyframes play{ 0% { /* -moz-transform:rotateY(0deg); */ -moz-transform:rotateX(0deg); /* -moz-transform:rotate(0deg); -moz-transform:rotate(0deg); */ } 100% { /*-moz-transform:rotateY(360deg); */ -moz-transform:rotateX(360deg); /*-moz-transform:rotate(360deg); -moz-transform:rotate(-360deg); */ } } @keyframes play{ 0% { /*transform:rotateY(0deg);*/ transform:rotateX(0deg); /* transform:rotate(0deg); transform:rotate(0deg); */ } 100% { /*transform:rotateY(360deg);*/ transform:rotateX(360deg); /* transform:rotate(360deg); transform:rotate(-360deg); */ } } .nav_wz{ float:left; width:520px; color:#5f5f5f; line-height:33px; font-size:14px; text-align:left; padding:0 0 0 10px;} .nav_wz strong{ display:block; color:#111111; font-size:20px ; margin:20px 10px 0 0px} .about-nav-img {width: 293px; float: left;margin: 17px 0 25px 32px;display: block;} .about-nav-img img{ border:1px dashed #ccc} .nav_wz{ float:left; width:520px; color:#5f5f5f; line-height:33px; font-size:14px; text-align:left; padding:0 0 0 10px;} .nav_wz strong{ display:block; color:#111111; font-size:20px ; margin:20px 10px 0 0px} .about-nav-img {width: 293px; float: left;margin: 17px 0 25px 32px;display: block;} .about-nav-img img{ border:1px dashed #ccc} .h_line{ height:26px; line-height:26px; width:100%; color:#ffffff; background:#991011; font-size:12px;} .h_line_r{height: 26px; width: 200px; float: right;} .h_line_r a{ color:#7e7e7e; width: 99px; line-height: 26px; display:inline-block; font-size: 12px; float: left; text-align: center; display: block; border-right: 1px solid #d6d6d6; } .h_line_r a:hover{color:#0066b9;} .h_line_r a.cn{ color:#0066b9; } .yx_t{height: 26px; width: 200px; background:url(../images/images/lx_a.jpg)repeat left;} .yx_t_l{height: 26px; width: 99px; float: left;} .yx_t_l a{height: 26px; font-size: 12px; display: block; text-align: center; color: #FFFFFF; padding-left: 25px;} .yx_t_l a:hover{color: #FFFFFF;font-size: 13px; } .h_line_l{padding-left: 10px;} .yx_t_r{height: 26px; width: 99px; float:right;} .yx_t_r a:hover{color: #FFFFFF;font-size: 13px; } .yx_t_r a{height: 26px; font-size: 12px; display: block; text-align: center; color: #FFFFFF; padding-left: 25px;} .logo_zy{ height:140px; width: 100%; margin:0 auto;background:url(../images/images/soui.png) no-repeat bottom;position:relative; z-index: 999;} .logo_z{ height:120px; width: 100%; margin:0 auto;background:url(../images/images/ghh.jpg) repeat left center; } .logo_zz{height: 120px; width:1250px; margin: 0 auto; background:url(../images/images/yu.png) no-repeat left center;} .logo_zz_l{height: 81px; width:940px; float: left;background:url(../images/images/yx_c.jpg) left no-repeat ; } .logo_zz_r{height: 81px; width:91px; float:right;background:url(../images/images/yx_d.jpg) center no-repeat ; } .yx_wen{height: 81px; width: 310px; float: right;} .yx_wen h1{ line-height: 45px; display: block; color: #d80901; font-size: 25px;} .yx_wen p{line-height: 25px; display: block; color: #6a6a6a; font-size: 15px;} /*kd_fl*/ .kd_fl{ height: 710px; width: 100%; margin: 0 auto;background:url(../images/images/kd_fl.jpg) center no-repeat ;} .kd_fl_so{ height: 168px; width:1130px; margin: 0 auto;background:url(../images/images/kd_so.jpg) center repeat ; position: relative; z-index: 99; margin-top: -80px;} .kd_fl_so_l{ height: 168px; width: 168px; background: #ea9229 url(../images/images/kd_er.jpg) center no-repeat; float: left;} .kd_fl_so_r{ height: 168px; width: 960px; float: right; background:url(../images/images/kd_dd.jpg) center no-repeat ;} .kd_fl_so_r_l{ height: 168px; width: 480px;background:url(../images/images/dk_tel.jpg) center no-repeat ; float: left;} .kd_fl_so_r_r{ height: 168px; width: 480px;float: left;} .nei_new{height:120px; width: 940px;} .nei_new_l{height: 120px; width:180px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; margin-top: 16px; margin-left: 10px;} .nei_new_r{height:120px; width:730px; float: right;} .nei_new_r_t a{line-height: 24px; color: #0063b4; font-size: 17px; display: block; font-weight: bold;} .nei_new_r_t a:hover{color: #ff9c00;} .nei_new_r_n a{line-height: 30px; color: #717171; font-size: 14px; display: block; height: 90px; } .nei_new_r_n a:hover{color: #0063b4;} .nei_an a{line-height: 40px; width: 120px; border: 1px solid #019c41; text-align: center; display: block; color: #019c41;} .nei_an a:hover{ background:#f6ba00; color: #FFFFFF; border: 1px solid #f6ba00;} .neiye_erji{height: 30px; width:170px;margin: 0 auto;} .neiye_erji li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px;width: 80px; margin: 0 auto;} .neiye_erji li a{color: #000000; width: 80px; line-height: 30px; display: block; text-align: center; } .neiye_erji ul li.active{color:#00923f;} .neiye_erji li a:hover{color:#00923f;} .neiye_erji_a{height: 30px; width:280px;margin: 0 auto;} .neiye_erji_a li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px;margin: 0 auto; margin-left: 10px; margin-right: 10px;} .neiye_erji_a li a{color: #000000; line-height: 30px; display: block; text-align: center; } .neiye_erji_a ul li.active{color:#00923f;} .neiye_erji_a li a:hover{color:#00923f;} .neiye_erjii{height: 30px; width:500px;margin: 0 auto;} .neiye_erjii li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px; margin: 0 auto;} .neiye_erjii li a{color: #000000; width: 80px; line-height: 30px; display: block; text-align: center; } .neiye_erjii ul li.active{color:#00923f;} .neiye_erjii li a:hover{color:#00923f;} /*sousuo*/ .sou_zhong{ height: 89px; width:100%;background:url(../images/images/sou.jpg) center repeat ; } .sou_z{height: 70px; width: 1250px; margin: 0 auto;} .sou_zi{height: 70px; width: 600px; float: left;} .sou_zi_l p{line-height: 70px; width: 120px; font-size:18px; color: #FFFFFF; float: left; font-weight: bold;} .sou_zi_r p{line-height: 70px; font-size:15px; color: #FFFFFF; } .pro_search{ background:#f9f9f9} .kd_rm{ width: 320px; height: 30px; margin-left: 85px;} .kd_rm p{ font-size: 16px; color: #FFFFFF; line-height: 30px; display: block;} .kd_rm a{ font-size: 17px; font-weight: bold; color: #FFFFFF; } .kd_rm a:hover{ color: #FFFFFF; } /*fotter*/ .fotter_tt{ height: 10px; width: 100%;background:url(../images/end.jpg) no-repeat center;} .fotter{ height:425px; width: 100%;background:url(../images/ui.jpg) repeat center;} .fotter_n{ height: 425px; width: 1200px;background:url(../images/114.jpg) no-repeat center; margin: 0 auto;} .fotter_n_z{ height: 260px; width: 1200px;} .fotter_n_za{ height: 260px; width:190px; border-right:1px solid #2b467c; float: left;} .fotter_n_za_t p{ line-height:30px; width:190px; display: block; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold;} .fotter_n_za_x{ height: 3px; width: 40px; background: #ff9d11; margin-left: 60px; margin-top: 8px;} .fotter_n_za_zz{ margin-top: 15px;} .fotter_n_za_zz li{height:36px; margin-left: 60px;} .fotter_n_za_zz li a{ line-height:36px; font-size: 14px; color:#FFFFFF; display: block; } .fotter_n_za_zz li a:hover{font-size: 15px; color: #FFFFFF; } .fotter_n_zb{ height: 260px; width:240px; border-right:1px solid #2b467c;float: left;} .fotter_n_zb_t p{ line-height:30px; width:240px; display: block; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold;} .fotter_n_zb_x{ height: 3px; width: 40px; background: #ffa800; margin-left: 82px; margin-top: 8px;} .fotter_n_zb_zz{ margin-top: 15px;} .fotter_n_zb_zz li{height:36px; margin-left:82px;} .fotter_n_zb_zz li a{ line-height:36px; font-size: 14px; color: #FFFFFF; display: block; } .fotter_n_zb_zz li a:hover{font-size: 15px; color: #FFFFFF; } .fotter_n_zc{ height: 260px; width:200px; border-right:1px solid #2b467c;float: left;} .fotter_n_zc_t p{ line-height:30px; width:200px; display: block; text-align: center; font-size: 18px; color: #FFFFFF; font-weight: bold;} .fotter_n_zc_x{ height: 3px; width: 40px; background: #ffa800; margin-left: 66px; margin-top: 8px;} .fotter_n_zc_zz{ margin-top: 15px;} .fotter_n_zc_zz li{height:36px; margin-left:66px;} .fotter_n_zc_zz li a{ line-height:36px; font-size: 14px; color: #FFFFFF; display: block; } .fotter_n_zc_zz li a:hover{font-size: 15px; color: #FFFFFF; } .fotter_n_zd{ height: 300px; width: 540px;background:url(../images/images/uuu.png) no-repeat center; float: left;} .fotter_n_zd p{line-height:52px; font-size: 15px; color: #FFFFFF; display: block; margin-top: 120px; margin-left: 88px;} .dibu p{list-style: 40px; width: 1200px; font-size: 14px; color: #e6e6e6; padding-top: 85px; text-align: center; display: block;} .dibu a{color: #e6e6e6;} .dibu a:hover{color: #e6e6e6;} /*xianchangt*/ .xianchang{ height:730px; width: 100%; margin: 0 auto; background:url(../images/images/yt.jpg) center no-repeat;} .xianchang_t{} .cp_vt_f{height: 60px; width:100%;background:url(../images/images/cp_r_lzp.png) center no-repeat; margin: 0 auto;} .cp_vt_ff{height: 60px; width:100%;background:url(../images/images/cp_r.png) center no-repeat; margin: 0 auto;} .cp_vt_f h1{line-height: 60px; width: 420px; margin: 0 auto; list-style: 60px; font-size: 45px; color: #ffe50d; font-weight: bold; text-align: center;} .cp_vt_f a{color: #ffffff;} .cp_vt_f a:hover{color: #ffffff;} .cp_vt_ff h1{line-height: 60px; width: 420px; margin: 0 auto; list-style: 60px; font-size: 45px; color: #f31151; font-weight: bold; text-align: center;} .cp_vt_ff a{color: #009946;} .cp_vt_ff a:hover{color: #009946;} .cp_lz_z_f p{ line-height: 45px; width: 1300px; margin: 0 auto; height: 45px; display: block; font-size: 17px; color: #FFFFFF; text-align: center;} .cp_lz_z_ff p{ line-height: 45px; width: 1300px; margin: 0 auto; height: 45px; display: block; font-size: 17px; color: #727272; text-align: center;} .xianchang_t_z{ height: 460px; width: 1300px; margin: 0 auto; } .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .tupian_tu_a{background:#14964e; width:320px; height: 50px;position:relative; z-index: 99; margin-top: -50px;} .tupian_tu_a a{color: #FFFFFF; font-size: 16px; display: block; text-align: center; line-height: 50px; width: 330px;} .tupian_tu_a a:hover{color: #fcd414; font-weight: bold;} .neww{height: 870px; width: 100%; margin: 0 auto;position: relative;} .case{height: 540px; width:100%; margin: 0 auto; } .case_n{height: 540px; width: 1220px; margin: 0 auto;} .case_l{width: 330px; height: 540px; float: left;background:url(../images/images/gh.jpg) center repeat;} .case_l_t{ width: 330px; height:116px; margin-top: 37px;} .case_l_n{width: 255px; margin: 0 auto;} .case_l_n_t a{font-size: 26px; color: #FFFFFF; font-weight: bold; line-height: 50px; display: block; margin-top: 30px;} .case_l_n_t a:hover{ color: #fffc04;} .case_l_n_ta p{line-height: 32px; font-size: 15px; color: #FFFFFF; margin-top: 15px;} .case_l_n_tb a{ line-height: 42px; width: 130px; border: 1px solid #FFFFFF; font-size: 17px; display: block; text-align: center; float: left; margin-top: 40px; color: #FFFFFF;} .case_l_n_tb a:hover{ background: #fffc04;line-height: 42px; width: 130px;font-size: 17px; display: block; text-align: center; float: left; font-weight: bold; color: #dc3d00;} .aboutt{ width: 1240px; margin: 0 auto;} .about{height: 370px; width: 100%; margin: 0 auto; } .about_t{height: 340px; width: 1250px; margin: 0 auto; padding-top: 10px;} .about_ta{height: 50px; width: 1250px;background:url(../images/images/cp_ra.png) center repeat;} .about_ta p{line-height: 60px; width: 410px; margin: 0 auto; list-style: 60px; font-size: 40px; color: #ffc100; font-weight: bold; text-align: center;} .about_ta a{color: #039d42;} .about_ta a:hover{color: #039d42;} .about_tb{ height: 140px; width: 1250px; padding-top: 40px;} .about_tb p{line-height: 40px; width: 1250px; color: #414141; font-size: 16px; display: block; text-align: center;} .about_tc{height: 40px; width: 330px; margin: 0 auto;background:url(../images/images/u1.jpg) center no-repeat; } .about_tc a{ line-height: 40px; width:130px; font-size: 16px; display: block; text-align: center; color: #FFFFFF; margin: 0 auto;} .about_tc a:hover{color: #FFFFFF; font-weight: bold;} .fahuoo{height: 967px; width: 100%; margin: 0 auto; background:url(../images/images/ree.jpg) center no-repeat;overflow:hidden; position: relative} .fahuo{height: 967px; width: 100%; margin: 0 auto; background:url(../images/images/ree.jpg) center no-repeat;overflow:hidden; position: relative} .fahuo_n{height: 270px; width: 1010px; margin: 0 auto; background: #FFFFFF;box-shadow: 0px 0px 15px #073e18;position:absolute; left:190px} .fahuo_nt{height: 250px; width: 990px;background: url(../images/images/rf.jpg) no-repeat center; padding-left: 20px; padding-top: 20px;} .fahuo_z{width: 1250px; margin: 0 auto;} .ft_x p{ line-height: 70px; width: 1250px; font-size: 20px; display: block; color: #FFFFFF; text-align: center; margin-top: 290px; padding-top: 20px;} .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .tupian_tu_a{background:#14964e; width:320px; height: 50px;position:relative; z-index: 99; margin-top: -50px;} .tupian_tu_a a{color: #FFFFFF; font-size: 16px; display: block; text-align: center; line-height: 50px; width: 330px;} .tupian_tu_a a:hover{color: #fcd414; font-weight: bold;} .site-content { width: 990px; max-width: 100%; margin: 0 auto; padding: 100px 0; } .site-content:after { content: " "; display: block; clear: both; } .section-title { text-align: center; text-transform: uppercase; } .align-center { text-align: center; } .align-center h1 { margin-top: 0; } .share { margin-bottom: 50px; } .share span, .share a, .share iframe { vertical-align: middle; } .share span span, .share a span, .share iframe span { vertical-align: middle !important; width: 130px !important; } .columns:after { content: " "; display: block; clear: both; } .project__image{ width: 645px; height: 515px;} .project__image_a{ width: 645px; height: 277px;} .project__image_b{ width: 315px; height: 220px;} .columns .column { width: 100%; } .columns h2 { margin-bottom: 20px; line-height: 1; } .columns p { text-align: center; margin-bottom: 50px; } .project { width: 10%; float: left; } .project:not(:last-child) { margin-right: 4%; } .project-list:after { content: " "; display: block; clear: both; } .project__image { display: block; position: relative; } .project__image img { width: 100%; max-width: 100%; height: auto; display: block; } .project__image:after { content: " "; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)); transition: opacity .3s ease; opacity: 0; } .project__card { position: relative; will-change: transform; transition: box-shadow .3s ease; box-shadow: 0 10px 30px transparent; } .project__card.hover-in { transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .project__card.hover-out { transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } .project:hover .project__card { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__image:after { opacity: 1; } .project:hover .project__detail { border-width: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__title, .project:hover .project__category { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .project__detail { position: absolute; left: 30px; right:-30px; top: 30px; bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; pointer-events: none; -webkit-transform: translateZ(30px); transform: translateZ(30px); border: 0 solid rgba(255, 255, 255, 0.5);; transition: border .4s ease; } .project:hover .project__detaill { border-width: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__title, .project:hover .project__category { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .project__detaill { position: absolute; left: 30px; right:-0px; top: 30px; bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; pointer-events: none; -webkit-transform: translateZ(30px); transform: translateZ(30px); border: 0 solid rgba(255, 255, 255, 0.5);; transition: border .4s ease; } .project__title { margin: 0 0 10px; font-size: 36px; font-weight: 700; transition: .4s ease; opacity: 0; -webkit-transform: translateY(40px) scale(0); -ms-transform: translateY(40px) scale(0); transform: translateY(40px) scale(0); will-change: transform; } .project__title a { color: white; } .project__category { opacity: 0; transition: .4s ease; transition-delay: .1s; -webkit-transform: translateY(40px) scale(0); -ms-transform: translateY(40px) scale(0); transform: translateY(40px) scale(0); will-change: transform; } .project__category a { color: rgba(255, 255, 255, 0.8); font-size: 1.3em; } .movie { margin: 0 auto; width: 250px; } .movie-list:after { content: " "; display: block; clear: both; } .movie__card { position: relative; width: 250px; height: 370px; } .movie__card.hover-in { transition: .3s ease-out; } .movie__card.hover-out { transition: .3s ease-in; } .movie [class*="layer"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 10px; } .movie .layer-1 { background-image: url(images/deadpool-bg.png); background-size: cover; } .movie .layer-2 { background-image: url(images/deadpool.png); background-size: cover; -webkit-transform: translateZ(30px); transform: translateZ(30px); } .movie .layer-3 { background-image: url(images/deadpool-title.png); background-size: cover; -webkit-transform: translateZ(50px); transform: translateZ(50px); } .movie .shine { border-radius: 10px; } .project{ width : 94%; float: left; &:not(:last-child){ margin-right: 4%; } &-list{ &:after{ content :" "; display : block; clear : both; } } &__image{ display : block; position : relative; img{ width: 100%; max-width: 100%; height: auto; display: block; } &:after{ content : " "; width : 100%; height : 100%; position : absolute; left : 0; top : 0; background : linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.4)); transition : opacity .3s ease; opacity : 0; } } &__card{ position : relative; will-change : transform; transition : box-shadow .3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0); &.hover-in{ transition: transform .2s ease-out; } &.hover-out{ transition : transform .2s ease-in; } } &:hover{ .project{ &__card{box-shadow: 0 10px 30px rgba(0,0,0,.4);} &__image:after{ opacity: 1; } &__detail{ border-width : 10px; box-shadow : 0 10px 30px rgba(0,0,0,.4); } &__title, &__category{ transform: translateY(0) scale(1); opacity: 1; } } } &__detail{ position : absolute; left : 30px; right : 30px; top : 30px; bottom : 30px; display : flex; flex-direction : column; justify-content : center; text-align : center; pointer-events : none; transform : translateZ(30px); border : 0 solid #00BCD4; transition : border .4s ease; } &__title{ margin : 0 0 10px; font-size : 36px; font-weight : 700; transition : .4s ease; opacity : 0; transform : translateY(40px) scale(0); will-change : transform; a{ color: white; } } &__category{ opacity : 0; transition : .4s ease; transition-delay : .1s; transform : translateY(40px) scale(0); will-change : transform; a{ color : rgba(white,.8); font-size : 1.3em; } } } .end_linkbg{ background:#f59c0e; height:66px; line-height:66px;} .end_link{width:1320px; margin:0 auto; color:#fff} .end_link_l{font-size:18px; font-weight:bold; background:#d40000;width:140px; height:66px; display:block; text-align:center; float:left} .end_link_list{ width:1100px; float:right} .end_link_list li{ float:left; padding:0 20px} .end_link_list li a{ color:#fff} .end_en24{font-size:25px;color:#f59c0e; margin-top: 10px;} .end_lm18{font-size:25px;color:#f59c0e; margin-top: 10px;} .end_cplist{font-size:15px; line-height:34px} .end_cplist ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;} .end_cplist li{text-align: ;} .end_cplist li a{color: #fff;} .end_con{width:800px} .end_tiao{ height:4px; width:80px; background:#ccc; margin:20px 0} /*--nav导航菜单-*/ .navbg{ background:#265c8a; height:72px; line-height:72px;position:relative;z-index:99;} .top_nav{width:1320px; margin:0 auto;} .top_nav li{ float:left; text-align:center;width:146px;font-size:16px; height:72px; line-height:72px;position:relative; } .top_nav li a{ color:#fff;} .top_nav li a:hover{ background:#FC0; height:72px; display:block} .top_nav li div {display:none;width:190px;text-align:center;color:#4f4f4f;position:absolute;top:75px; left:0px; z-index:9999 } .top_nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px solid #fff;; margin-top:0;} .top_nav li div a:hover {color:#fff; border-bottom:1px solid #fff; background:#F90; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;LINE-HEIGHT:40px; HEIGHT:40px;} .top_navli .sign { width: 19px;height: 9px;position: absolute;left: 50%;bottom: -7px;z-index: 8;margin-left: -10px;display: none;} .subnav {width: 1120px;padding-top: 23px;position: absolute;top: 70px;z-index: 5; display: none; left:154px; } .top_nav li a:hover{ color:#fff; display:block} .top_nav li.on{ color:#fff; background:#f8770f; display:block} .top_nav li.on a{ color:#fff} /*底部信息*/ .endlinkbg{ background:#024c97; height:76px; line-height:76px;width:100%} .endlinkbg ul{width:1320px; margin:0 auto; color:#fff;text-align:left} .link_left{ float:left;width:180px;text-align:left;font-sizE:16px; font-weight:bold} .link_list{ text-align:left } .footer{height: 430px; width: 100%; margin: 0 auto;background: url(../images/shuanghao_39.jpg); color:#a4a4a4} .foot_main{width:1240px; margin:0 auto; padding-top:80px} .foot_main li{ float:left} .end_logo{ width:300px; border-right:1px #4e4e4e solid} .end_pro_list{ width:400px;margin-right: 20px;} .end_cplist_left{ float:left;width:170px} .end_cplist_left a{ color: #FFFFFF;} .end_cplist_right{ float:right;width:170px} .end_cplist_right a{ color: #FFFFFF;} /*底部版权*/ .footer_n_z_r{ height: 70px; width: 100%; background: #3558aa;} .footer_n_z_r p{line-height: 70px; width: 1240px; margin: 0 auto; display: block; text-align: center; color: #fff; font-size: 16px;} .footer_n_z_r a{color: #fff; font-size: 14px;} .news{height: 930px; width: 100%; background:#f2f2f2;position: relative;} .news_n{ height: 930px; width: 1240px; margin: 0 auto;} .news_n_t{ height:55px; width: 1240px; text-transform: uppercase; font-size: 55px; color: #3558aa; line-height: 60px; text-align: center;} .news_nn{ height: 665px; width: 1240px; margin-top:45px;} .news_nn_l{ height: 665px; width: 605px; float: left;} .news_nn_l_t{ height: 70px; width: 605px; background:url(../images/io.jpg) top no-repeat;} .news_nn_l_t_l{height: 70px; width:300px; float: left;} .news_nn_l_t_l a{ line-height: 70px; font-size: 24px; color: #000000;text-transform:capitalize} .news_nn_l_t_l a:hover{ color: #ff8a00;} .news_nn_l_t_r{ width: 70px; height: 70px; float: right;} .news_nn_l_t_r a{ line-height: 70px; width: 70px; font-size: 15px; color: #8a8a8a; display: block; text-align: right;} .news_nn_ln{ height: 470px; width: 605px; background: #FFFFFF;} .news_nn_ln li{height: 470px; width: 605px;} .ne_top{float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; height: 330px; width: 605px;} .ne_z{ height: 140px; width: 605px; border-bottom: 1px solid #f2f2f2; padding-top: 330px;} .ne_zz{ padding: 20px;} .ne_zz_t{;} .ne_zz_t a{ line-height: 28px; font-size: 17px; color: #000000; font-weight: bold; ;} .ne_zz_t a:hover{ color: #ff8a00;} .ne_zz_tt p{ line-height: 24px; font-size: 14px; color: #646464; margin-top: 15px; width: 550px; margin-left: 8px;} .news_nn_lx{ height: 130px; width: 605px; background: #FFFFFF;} .news_nn_lx li{ height: 30px; width: 560px; margin: 0 auto;background:url(../images/rt.jpg) left center no-repeat;} .hyu{ height: 30px; width: 480px; float: left;} .hyu a{ line-height: 30px; font-size: 15px; color: #737373; float: left; margin-left: 20px;} .hyuu p{ line-height: 30px; float: right; font-size: 14px; color: #a1a0a0;} .hyu a:hover{ color: #ff8a00;} .news_nn_r{ height: 665px; width: 605px; float:right;} .news_nn_r_z{ height: 330px; width: 605px;} .news_nn_r_z li{ height: 140px; width: 605px; background: #FFFFFF; margin-bottom: 25px;} .news_nn_r_z_z{float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; height: 140px; width: 200px;} .news_nn_r_z_z_r{ height: 140px; width: 380px; float: right;} .news_nn_r_z_z_r_t a{line-height: 28px; font-size: 17px; color: #000000; font-weight: bold; } .news_nn_r_z_z_r_t a:hover{color: #ff8a00;} .news_nn_r_z_z_r_t{margin-top: 19px;} .news_nn_r_z_z_r_tz p{line-height: 26px; float: right; font-size: 14px; color: #a1a0a0;} .news_nn_r_z_z_r_tz{ width: 365px; float: left; margin-top: 10px;} .news_nn_r_zf{ height: 270px; width: 605px; background: #FFFFFF;} .news_nn_r_zf_t{ height: 60px; width: 605px; background: #e9e9e9; border-left: 3px solid #fec500;} .news_nn_r_zf_t_l a{line-height: 60px; font-size: 24px; color: #000000; margin-left: 15px;} .news_nn_r_zf_t_l{ width: 200px; float: left;} .news_nn_r_zf_t_r{width: 60px; height: 60px; float: right; margin-right: 15px;} .news_nn_r_zf_t_r a{ line-height: 60px; width: 60px; font-size: 15px; color: #8a8a8a; display: block; text-align: right; } .news_tt{height: 50px; width: 1250px;background:url(../images/images/cp_ra.png) center repeat; margin: 0 auto; } .news_tt p{line-height: 60px; width: 410px; margin: 0 auto; list-style: 60px; font-size: 40px; color: #ffc100; font-weight: bold; text-align: center;} .news_tt a{color: #039d42;} .news_tt a:hover{color: #039d42;} .news_ttn{height: 460px; width: 1250px; margin: 0 auto;position: relative;} .news_ttn_l{ height: 460px; width: 715px; float: left; top: 50px;position: absolute; overflow: hidden; left: 0; opacity: 0; } .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;} .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;} .news_ttn_l_n{height: 240px; width: 725px; padding-top: 30px;} .nnw{ height: 240px; width: 715px; margin: 0 auto;} .nnw_l{height: 240px; width: 360px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .nnw_r{width: 340px; float: right;} .nnw_r_t a{ line-height: 30px; color:#039d42; font-size:17px; display: block; font-weight: bold;} .nnw_r_t a:hover{ color: #ffc100;} .nnw_r_s p{line-height: 24px; color: #9d9a8f; font-size: 14px;} .nnw_r_z a{line-height: 28px; color: #7c7c7c; font-style: 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:#039d42; border: 1px solid #039d42; margin-top: 20px;} .nnw_r_zz a:hover{line-height: 35px;height: 35px; width:100px; display: block; text-align: center; color:#FFFFFF; background: #039d42;} .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: #039d42; font-weight: bold;} .new_c_r a{ width: 100px; height: 40px; float: right;} .new_c_r a:hover{ color: #039d42; font-weight: bold;} .news_ttn_r{ height: 460px; width: 510px; float: right;top: 50px;position: absolute; overflow: hidden; opacity: 0; } .news_ttn_r_t{height: 40px; width: 510px;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:#000000; display: block; font-weight: bold; text-align: center;} .news_ttn_r_t_l a:hover{color: #039d42;} .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: #039d42;} .news_ttn_r_t_n li{height: 110px; width: 510px; margin-top: 25px;} .news_ttn_r_t_n_z{height:110px; width: 510px;} .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:300px; height: 110px; float:right;} .news_ttn_r_t_n_z_r_t{ height:30px; width: 300px;background: url(../images/images/uua.jpg) no-repeat center left;} .news_ttn_r_t_n_z_r_t a{ line-height: 30px; font-size:15px; color: #959595; font-weight: bold; display: block; margin-left:30px;} .news_ttn_r_t_n_z_r_t a:hover{font-size:16px; color:#08a348; font-weight: bold; } .news_ttn_r_t_n_z_r_z{height: 60px;width: 300px;background: url(../images/images/uu1.jpg) no-repeat left top; margin-top: 20px;} .liuyann{ height: 640px; width: 100%; margin: 0 auto; background:#f5f5f5; } .liuyan_sh{height: 536px; width: 1250px; margin: 0 auto; background: #FFFFFF;} .liuyan_sh_l{ float: left; height: 536px; width: 765px;background:url(../images/images/shupin.jpg) center no-repeat; } .liuyan_sh_r{ height: 536px; width: 458px; float: right; margin-right: 10px;} .liuyan_sh_rz{padding: 20px;} .liuyan_sh_rz_t p{ line-height: 30px; font-size: 20px; font-weight: bold; display: block; color: #000000;} .liuyan_sh_rz_tz p{line-height: 24px; font-size: 15px; display: block; color: #3e3e3e;} /*naw*/ .new{height: 36px; width: 400px; background:url(../images/images/new.png) no-repeat center; margin: 0 auto;} .new a{height: 36px; width: 400px; display: block;} .new_z{height: 290px; width: 1200px; margin: 0 auto;} .new_z_l{height: 290px; width: 580px; float: left;} .new_z_l_t{height: 160px; width: 580px; background: #bb0514;} .new_z_l_t_l{height: 160px; width: 220px; float: left;} .new_z_l_t_r{width:360px; height:160px; background:url(../images/images/an4.jpg) no-repeat center;;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float:right;} .shijian{ padding:35px 0 35px 40px;} .yue{font-size:42px; color: #FFFFFF; font-weight: bold;} .biao p{ font-size: 13px; color: #FFFFFF;} .new_z_l_n_z a{line-height: 50px; display: block; font-size: 17px; font-weight: bold; color: #373737} .new_z_l_n_zz p{ line-height: 28px; color:#373737; font-size:13px; display: block;} .new_r{height: 290px; width:580px; float: right;} .new_r li{width: 580px; height: 90px; border-bottom: 1px solid #eaeaec;} .new_z_r_na a{line-height: 50px; display: block; font-size: 17px; font-weight: bold; color: #373737} .new_z_r_nb p{ line-height: 28px; color:#373737; font-size:13px; font-size:13px;} .new_z_r_nb a{ width: 190px; line-height: 28px;float: right;font-size:13px;color:#595959; text-align: right;} .wenti{height: 115px; width: 1200px; margin: 0 auto;} .wenti_l{height:115px; width: 580px; float: left;} .wenti_r{height:115px; width: 580px; float: right; } .wenti_r_l{height:115px; width: 170px;background:url(../images/images/gg.jpg) no-repeat center top; float: left;} .wenti_r_r{width: 380px; height: 115px; float: right;} .wenti_r_r li{height: 115px; width: 160px; float: left; margin-right: 30px;} .wenti_r_r_t a{ line-height: 24px; color: #383838; font-size: 14px; display: block;} .wenti_r_r_t a:hover{font-size: 14px;color: #bb0514; font-weight: bold; } .wenti_r_r_d a{height: 37px; width: 160px;background:url(../images/images/tty.jpg) no-repeat center left; display: block; margin-top: 15px;} .wenti_ll{width: 160px; height: 135px; float: left;} .wenti_ll a{ line-height: 40px; width: 160px; font-size: 24px; display: block; color: #373737; font-weight: bold;} .wenti_ll P{ font-size: 16px; color: #373737;} .wenti_lr{height: 135px; width: 420px; float: right;} .wenti_lr_t{ height:40px; width: 420px; border-bottom: 1px solid #eaeaec; background: url(../images/images/kk.jpg) no-repeat center left;} .wenti_lr_t a{ line-height: 40px; width: 420px; font-size: 17px; display: block; font-weight: bold; color: #373737; margin-left: 40px;} .wenti_lr_tz p{ line-height: 28px; color:#373737; font-size:13px; font-size:13px;margin-left: 40px;} .fot_z_n{height:270px; width: 1200px; margin: 0 auto;background:url(../images/images/er.jpg) no-repeat center right;} .fot_z_n_l{height: 270px; width:300px; float: left;} .fot_z_n_t p{ line-height: 30px; color:#ebebeb; font-size: 18px; font-weight: bold;} .fot_z_n_tz{ height: 2px; width: 300px;background:url(../images/images/xx.jpg) no-repeat center;} .fot_z_n_tzn p{line-height: 30px; color:#e0e0e0; font-size: 12px; } .fot_z_n_tzm{ width: 90px; height:30px;background:url(../images/images/bb.jpg) no-repeat center right; margin: 0 auto;} .fot_z_n_tzm a{ line-height:30px; font-size: 13px;color:#ebebeb; display: block; } .fot_z_n_la{height: 225px; width:250px; float: left; padding-left:60px;} .fot_z_n_tza{ height: 2px; width: 250px;background:url(../images/images/xx.jpg) no-repeat left;} .fot_z_n_tzaz{ height:180px; width: 220px;float: right; margin-top: 30px;} .fot_z_n_tzaz li{height: 35px; width: 220px; line-height:35px; border-bottom:1px solid #393939;background:url(../images/images/oo.jpg) no-repeat center left;} .fot_z_n_tzaz li a{line-height: 35px; font-size: 13px; color: #eaeaea; display: block; padding-left: 25px;} .hezuo_zl{height: 630px; width: 1200px;background:url(../images/images/hz.jpg) no-repeat center} .fot_z_n_tzaz li a:hover{font-size: 13px; color: #bb0514; } .pro_cage{ width:1200px; margin:0 auto; height:94px; padding:40px 0 30px 0} .pro_cage li{ float:left; height:94px; padding:0 0 0 20px;} .pro_cage li a{ color:#000000; font-size:16px; line-height:94px; padding:0 0 0 98px} .pro_cage li a:hover{ color:#0a579e; font-size:18px; font-weight:bold} .pro_cage li.cage_a{ background:url(../images/images/cage_a.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_b{ background:url(../images/images/cage_b.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_c{ background:url(../images/images/cage_c.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_d{ background:url(../images/images/cage_d.png) no-repeat 20px center; width:215px; } .pro_cage li.cage_more{ background:url(../images/images/cage_more.png) no-repeat left center; width:137px;} .pro_cage li.cage_more a{ color:#cecfd0; font-size:16px; line-height:94px; padding:0 0 0 8px} .p_title{ background:url(../images/images/p_tite.png) no-repeat center center; height:55px; line-height:55px; text-align:center; font-size:36px; color:#2e6a9c;font-weight:bold;} .p_title span{ text-transform:uppercase; color:#c63a3a;font-weight:normal; padding:0 0 0 10px;} .p_title_p{ line-height:42px; text-align:center; color:#4e4e4e; font-size:15px; } .product_fenlei{ width:1200px; margin:20px auto 10px auto; height:59px;} .product_fenlei li{ width:299px; float:left; text-align:center; border-right:1px solid #1c507a} .product_fenlei li a{height:59px; line-height:59px; font-size:15px; color:#fff; display:block; background:#163e5f } .product_fenlei li a:hover{background:#a93131; font-weight:bold; font-size:18px;} .pro_show{ } .pro_show h2{ background:url(../images/images/p_line.jpg) repeat-x 120px center} .pro_show h2 p{ background:#fff; width:120px; line-height:65px; color:#08982e; font-size:18px;} .pro_cont{ height:470px; width:970px; margin:0 auto; overflow:hidden; } .espcms_piclist_slide {overflow: hidden;} .espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:229px;overflow:hidden; } .espcms_piclist_slide li .pic { width:305px; height:229px;} .espcms_piclist_slide li .pic a{ font-size:16px;} .espcms_piclist_slide li .pic img { width:305px; height:229px;} .espcms_piclist_slide li .cover_top{ text-align:center; line-height:40px; height:40px; font-size:14px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(0,0,0,0.7)} .espcms_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100} .espcms_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block} .espcms_piclist_slide li p{ } .espcms_piclist_slide li p a{ color:#fff} .espcms_piclist_slide li p a:hover{ color:#fff600} .news_contact{ height:197px; width:100%;background:url(../images/images/xfa.jpg) no-repeat center; margin-top: 45px; } .news_contacta{ height:220px; width:100%;background:url(../images/images/xfb.jpg) no-repeat center; } .news_contactb{ height:187px; width:100%;background:url(../images/images/xfc.jpg) no-repeat center; } .news_contactc{ height:202px; width:100%;background:url(../images/images/xfd.jpg) no-repeat center; } .news_contactd{ height:167px; width:100%;background:url(../images/images/fxe.jpg) no-repeat center; } .news_contacte{ height:196px; width:100%;background:url(../images/images/fxf.jpg) no-repeat center; } .news_contacta_zz{ width: 1200px; height: 80px; margin: 0 auto; padding-top: 88px; } .news_contacta_l{height: 80px; width: 300px; float: left;} .news_contacta_l p{line-height:25px; padding: 10px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contacta_l a{color: #cf231f;} .news_contacta_r{height: 80px; width: 300px; float:right;} .news_contacta_r p{line-height:25px; padding: 22px 10px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contacta_r a{color: #cf231f;} .news_contacta_zzb{ width: 1200px; height: 80px; margin: 0 auto; padding-top: 65px; } .news_contactb_l{height: 80px; width: 300px; float: left;} .news_contactb_l p{line-height:25px; padding: 10px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contactb_l a{color: #cf231f;} .news_contactb_r{height: 80px; width: 300px; float:right;} .news_contactb_r p{line-height:25px; padding: 10px 20px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contactb_r a{color: #cf231f;} .news_contacta_zzbb{ width: 1200px; height: 80px; margin: 0 auto; padding-top:70px; } .news_contactc_l{height: 80px; width: 300px; float: left;} .news_contactc_l p{line-height:25px; padding: 22px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contactc_l a{color: #cf231f;} .news_contactc_r{height: 80px; width: 300px; float:right;} .news_contactc_r p{line-height:25px; padding: 10px 20px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contactc_r a{color: #cf231f;} .news_contacta_l:hover,.news_contacta_r:hover,.news_contactb_l:hover,.news_contactb_r:hover,.news_contactc_l:hover,.news_contactc_r:hover{animation: dou 0.5s linear;} @keyframes dou{ 0%{transform: translateY(0px);} 25%{transform: translateY(10px);} 50%{transform: translateY(0px);} 75%{transform: translateY(-10px);} 100%{transform: translateY(0px);} } .new_heng{ height:140px; width:1220px;margin: 0 auto; padding-top: 40px;} .new_heng_z{ float: left; height:40px; width:500px; padding-top: 60px; padding-left: 360px;} .new_heng_z p{ line-height: 40px; color: #FFFFFF; font-size: 16px;} .new_hg{ height:30px; width: 230px; float: right; padding-top: 90px;} .new_hg_l a{ line-height: 30px; width: 100px; float: left; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 15px; text-align: center; display: block;} .new_hg_r a{ line-height: 30px; width: 100px; float: right; color: #0c469a; font-size: 15px; text-align: center; display: block; background: #FFFFFF;} .guanyu{height:474px; width: 100%; margin: 0 auto;background:url(../images/images/about_l.jpg) repeat center; margin-top: 50px;} .guanyu_z{height: 474px; width: 1200px; margin: 0 auto;background:url(../images/images/about.jpg) no-repeat left;} .guanyu_z_r{height:320px; width: 840px; float: right; margin-top: 70px} .guanyu_z_r_t{ height: 31px; width: 840px;background:url(../images/images/ag.jpg) no-repeat left; } .guanyu_z_r_tt{ height: 31px; width: 841px; background:url(../images/images/agg.jpg) no-repeat center; padding-top: 5px;} .guanyu_z_r_ttl h1{ line-height: 31px; width: 230px; float: left; font-size:22px; display: block; color:#040404;} .guanyu_z_r_ttr a{line-height: 31px; height: 31px;width:110px;border-radius:15px; background: #0c4694; float: right; display: block; text-align: center; color: #FFFFFF; font-size: 15px;} .guanyu_z_r_ttr a:hover{font-weight: bold; color: #FFFFFF;} .guanyu_zi p{ line-height: 30px; font-size: 15px; display: block; color:#4d4d4d; margin-top:30px;} .gpngqiu{ height: 103px; width: 1200px; margin: 0 auto;background:url(../images/images/ff.jpg) center no-repeat; margin-top: 45px; } .gpngqiu_n{height: 470px; width:1200px; margin: 0 auto; margin-top: 60px;} .gpngqiu_n li{ height: 220px; width: 570px; float: left; background: #f7f7f7; margin-right:15px; margin-bottom: 20px;margin-left:15px; } .xinxi_gongqiu{height: 220px; width: 570px;} .x_tu{width:170px;height:220px ;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; border: 1px solid #f1f1f1; float: left;} .xinxi{height: 220px; width:378px; float: right;} .xinxi_t{height: 35px; width: 378px; margin-top: 10px;} .xinxi_t a{line-height: 35px; width: 278px; display: block; font-size: 15px; font-weight: bold; color:#000000; float: left;} .xinxi_t p{line-height: 35px; width: 80px; display: block; font-size: 12px; color:#c9c9c9; float:right;} .xinxi_t a:hover{color: #015bb5;} .gqxx p{ font-size: 12px; color: #c9c9c9; width: 378px;} .xinxi_x{ width: 49px; height:5px; border-bottom: 2px solid #015bb5; } .gobfqiu_z p{padding-right: 15px; line-height: 30px; color: #545454; font-size: 13px; margin-top: 15px;} .kuang a{line-height: 24px; width: 24px; color: #FFFFFF;font-size: 18px; display: block; text-align: center;float: right; background: #aeaeae; margin-top: 20px; } .kuang a:hover{background: #015bb5;color: #FFFFFF;font-size: 18px;} .hr{display:inline-block;float:left; height: 384px; width: 200px; background: url(../images/images/rencai.jpg) center no-repeat;} .hrz{height: 250px; width: 160px; margin: 0 auto; margin-top: 130px;} .hrz li{ width: 45px; width: 160px; margin-top: 25px;} .hrz li a{line-height: 45px; width: 160px; background: #ba000f; text-align: center; display: block;color: #FFFFFF; font-size: 15px; font-weight: bold;} .hrz li a:hover{font-size: 16px; font-weight: bold;} .cage_list{ width:1200px; margin:20px auto 10px auto; height:59px;} .cage_list li{ width:236px; float:left; text-align:center; } .cage_list li a{height:59px; line-height:59px; font-size:15px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .cage_list li a:hover{background:#d0231c; font-weight:bold; font-size:15px; color: #FFFFFF;} #cage_list_a a{height:59px; line-height:59px; font-size:18px; color:#fff; display:block; background:#0c469a; text-transform:uppercase; font-weight: bold;} #cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFFFF;} .cage_listt{ width:1200px; margin:20px auto 10px auto; height:59px; } .cage_listt li{ width:236px; float:left; text-align:center; } .cage_listt li a{height:59px; line-height:59px; font-size:16px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .cage_listt li a:hover{background:#d0231c; font-weight:bold; font-size:15px; color: #FFFFFF;} #fff a{height:59px; line-height:59px; font-size:15px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border:1px solid #d7d7d7;} #fff a:hover{background:#d0231c; font-weight:bold; font-size:15px; color:#FFFFFF;} .cage_listtt{ width:1200px; margin:20px auto 10px auto; height:59px;} .cage_listtt li{ width:395px; float:left; text-align:center; border-right:1px solid #d9e9ff; border-top:1px solid #d9e9ff; margin-top: 15px;} .cage_listtt li a{height:59px; line-height:59px; font-size:18px; color:#fff; display:block; background:#ba000f; text-transform:uppercase; font-weight: bold;} .cage_listtt li a:hover{background:#0c469a; font-weight:bold; font-size:18px; color:#FFFFFF;} /*erjiyemian*/ .product_title{ background:url(../images/images/cp_r.png) no-repeat center; height:75px; line-height:75px; text-align:center; font-size:45px; color:#219f56;font-weight:bold;} .product_title span{ text-transform:uppercase; color:#f31151; } .product_title_p{ line-height:42px; text-align:center; color:#f31458; font-size:16px; margin-bottom: 20px; } .erji{ padding:60px 0 0 0;background:url(../images/images/erjibg.jpg) center top no-repeat;} .erji h2{ text-align:center; color:#000; font-size:24px; text-transform:uppercase} .erji h2 p{ font-size:33px; color:#08912a; font-weight:bold; line-height:60px;} .erji h2 p span{ color:#ec0c41} .cage{ height:50px; padding:15px 0 30px 0; width:1330px; margin:0 auto} .cage li{ width:217px; text-align:center; float:left; margin-right:1px; background:#11944b;} .cage li a{ line-height:50px; font-size:18px; color:#fff; font-weight: bold;width:217px; display: block; text-align: center;} .cage li a:hover{background:#ea9229;line-height:50px; font-size:18px; color:#fff; font-weight: bold;width:217px; display: block; text-align: center;} .erji .s_width{ margin-bottom:50px;} .erji .s_width .l{width:601px; position: absolute} .erji .s_width_r{ width:458px;font-size:20px; color:#333333; font-weight:bold; position:absolute; background:url(../images/images/welcome.png) no-repeat left 30px; right:0; padding:110px 50px 0 89px; border:1px solid #ccc;} .erji .s_width_r p{ font-size:14px; color:#2d2d2d; line-height:31px; font-weight:normal; padding:20px 0 55px 0; } .erji_lv{ width:980px; border: 1px solid #eeeeee; } .erji_lv p{ line-height:30px; font-size:15px; color:#333; margin-bottom: 5px;} .erji_lv_bg{ background:url(../images/images/lvse.jpg) no-repeat center center; height:70px;} .liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold} .se_pro_con{ width:960px; overflow:hidden; position:relative; margin:0 auto; } .se_pro_con ul{ width:960px; } .se_pro_con li{float:left; padding:0; width:290px; margin-right:6px; margin-bottom:15px;position:relative; overflow:hidden; background:#f8f7f7; border:1px solid #ddd;margin-left:18px;} .se_pro_con li:hover{ border:1px solid #189b53} .se_pro_t_l{ width:290px; height:280px; position:relative; cursor: pointer ; border-bottom:none; overflow:hidden;} .se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; margin: 0 auto; } .se_pro_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);} .se_pro_t_l a{ width:290px; height:280px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;} .se_pro_t_l .se_pro_t_laa{opacity:1;} .se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f} .se_pro_t_r{ text-align:center; padding:0 0 20px 0} .se_pro_t_r a{color:#2a2a2a; font-size:22px; line-height:45px; position:relative; display:block; z-index:3; font-weight:bold} .se_pro_t_r a span{ display:block; color:#2a2a2a; line-height:60px; font-size:18px;} .se_pro_t_r a p{ width:149px; height:30px; margin:0 auto; background:url(../images/images/cc_more_bg.jpg) no-repeat -149px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_pro_con li:hover a span{ color:#fff;} .se_pro_con li:hover .se_pro_t_r a p{ background:url(../images/images/cc_more_bg.jpg) no-repeat 0 center; } .se_pro_con .cover_bottom{ position:absolute; height:130px; width:100%; background:#189b53; bottom:0; left:-395px; opacity:0; z-index:2} .se_pro_con li:hover{ border:1px solid #e1e1e1; cursor:pointer} .se_pro_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pro_con a:hover span{ color:#ffd800} .se_pro_con li:hover .chanpin_t_r p{ font-size:18px; font-weight:bold; color:#fff} .se_pro_con li:hover .chanpin_t_r a{ color:#fff} .se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;} .se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; } .se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 } .se_pro_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold} .se_pro_con li div.cover_top{position:absolute;top:-367px;left:0;width:295px;height:367px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer} .se_pro_con li div.cover_top img{} /*se_case*/ #se_case_index{ background:#fff;position:relative; background: url(../images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0} .se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; } .se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center} .se_case_index_title h2 span{ color:#ec0c41} .se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;} .se_case_index_nav ul{ height:30px;} .se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; } .se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold} .se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; } .se_ca_erji{ float:left; padding:0 0 0 10px;} .se_ca{float:left; height:30px; margin:0 5px 0 0 } .se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;} .se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0} .se_case ul{} .se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; } .se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee} .se_case_name{ width:260px; margin:0 auto; font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold} .se_case_name a{ color:#333} .se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;} .se_case_click{ float:right; color:#333; } .se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center} .se_case li div.cover_top img{ padding:95px 0 0 0} .se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900} .se_case .se_case_text{position: relative;z-index:1000;} .fenye{ padding:10px 0 30px 0; font-size:14px;} .shangxiaye{overflow: hidden;padding: 15px 0px;} .shangxiaye li{ line-height:25px; color:#666} .shangxiaye li a{ color:#666} /*se_hangye*/ .se_hangye{ width:1200px; margin:0 auto; } .se_hangye ul{position:relative} .se_hangye li{ margin-bottom:20px; margin-right:10px; padding:20px; border:1px dashed #ccc;width:527px; float:left; position:relative;top:20px;left:20px; cursor: pointer;} .se_hangye li:nth-child(2n){} .se_hangye li.hover{border:1px dashed #1b72b5;} .se_hangye_con{ } .se_hangye_con_t{ line-height:40px; } .se_hangye_con_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#333;} .se_hangye_con_other{ font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0} .se_hangye_con_t_intro{ font-size:14px; color:#777; line-height:28px;} .se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal;text-transform:capitalize} .main{ padding:30px 0;} .main_right{ width:910px;font-size:16px;} .m_r_weizhi{ line-height:35px; text-align:right; font-size:14px;border-bottom:1px solid #eee} .m_r_weizhi span{ float:left; font-size:18px; border-bottom:1px solid #093} .t_left{ width:265px; float:left} .fenlei2{} .fenlei2 h2{ background:#093; line-height:40px; font-size:14px; color:#fff; font-weight:normal; padding:0 0 0 20px; text-transform:uppercase} .fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; border-bottom:2px solid #093 } .fenlei2 li{ line-height:35px; width:200px; margin:0 auto; border:1px solid #ccc; margin-bottom:10px;} .fenlei2 li a{ font-size:14px; padding:0 0 0 35px; } .list{width: 300px;float: left;} .intro{width: 100%;min-width:1400px;height:528px;background-image: url(../images/images/about.jpg);background-size: 100% 100%;background-repeat: no-repeat;border-top: 1px solid lightgray;} .ab_z{width: 1100px;height: 335px;margin:118px auto;} .ab_zl{height:335px; width:430px; border:1px solid #d4d4d4; float:left;} .ab_tu{padding:10px; height:315px;} .ab_r{ height:335px; width:650px; float:right;} .ab_rt{height:40px; width:650px; border-bottom:#d4d4d4 1px dashed;} .ab_rl{ height:40px; width:220px; float:left; background:url(../images/images/jianjie.jpg) left center no-repeat;} .ab_rl a{ height:40px; float:right; display:block; font-size:16px; color:#c9c9c9; line-height:40px; font-weight:bold;} .ab_rr{ height:26px; width:26px; background:#d21e27; float:right;} .ab_rr a{ height:26px; width:26px; background:#d21e27; display:block; text-align:center; color:#FFF; font-size:14px;} .an_nr{height:255px; width:650px;} .an_nr p{ height:32px; line-height:32px; color:#333; font-size:12px; display:block; padding-top:16px} .why{width: 100%;min-width:1400px;background-image: url(../images/images/bbj.jpg);background-repeat: repeat-x;text-align: center;} .article{width: 1200px;height: 785px;background-image: url(../images/images/bbii.jpg);background-size: 100% 100%;background-repeat: no-repeat;margin: 0 auto;} .a1{width: 530px;height: 100px;float: right;margin-top: 60px;} .a1_t{height:30px; float:left;} .a1_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a1_tt{ height:60px; width:530px; float:left;} .a1_tt a{height:24px; width:350px; line-height:24px; display:block; color:#828282; font-size:14px; text-align:left; } .a2{width: 450px;height: 100px;clear: both;float:right; margin-top:5px;} .a2_t{height:30px; float:left;} .a2_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a2_tt{ height:60px; width:450px; float:left;} .a2_tt a{height:30px; width:350px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a3{width: 380px;height: 100px;clear: both;float: right;margin-top:26px} .a3_t{height:30px; float:left;} .a3_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a3_tt{ height:60px; width:380px; float:left;} .a3_tt a{height:30px; width:330px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a4{width: 360px;height: 100px;clear: both;float: right;margin-top:24px} .a4_t{height:30px; float:left;} .a4_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a4_tt{ height:60px; width:380px; float:left;} .a4_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a5{width: 380px;height: 100px;clear: both;float: right;margin-top:18px} .a5_t{height:30px; float:left;} .a5_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a5_tt{ height:60px; width:380px; float:left;} .a5_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;} .a6{width:300px;height: 100px;clear: both;float:right; padding-right:165px;} .a6_t{height:30px; float:left;} .a6_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a6_tt{ height:60px; width:300px; float:left;} .a6_tt a{height:30px; width:300px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;} .news-left{width: 835px;height: 430px;float: left;} .xinwen{ height:40px; width:835px; background:#1f1f1f url(../images/images/xw.jpg) left center no-repeat;} .xinwen_z{height:40px; width:300px; float:left;} .xinwen_z a{height:40px; line-height:40px; display:block; color:#d21e27; font-size:14px; padding-left:40px;} .xinwen_z b{ color:#fff; } .xinwen_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;} .xinwen_n{ height:340px; width:835px; margin-top:45px;} .xinwen_nl{height:340px; width:213px; float:left; background:url(../images/images/nnn.jpg) center no-repeat;} .xinwen_nr{ height:340px; width:600px; float:right;} .xinwen_nrt{height:100px; width:600px;} .xinwen_nrtb{ height:30px; width:600px; border-bottom:#d9d9d9 1px dashed; padding-top:10px;} .xinwen_nrtb a{ height:26px; width:600px; line-height:26px; color: #666; font-size:16px; display:block;} .xinwen_nrtb a:hover{ height:26px; width:600px; line-height:26px; color:#d21e27; font-size:17px; display:block;} .bbb{ height:60px; width:600px;} .bbb p{ height:24px; line-height:24px; font-size:12px; color:#999; display:block; padding-top:5px;} .xinwen_liebiao{width:600px; height:220px; padding-top:25px;} .xinwen_liebiao_l{ height:35px; width:500px; background: url(../images/images/a.gif) center left no-repeat; float:left;} .xinwen_liebiao_l a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px;} .xinwen_liebiao_l a:hover{ color:#d21e27; font-size:12px;} .xinwen_liebiao_r{height:35px; width:100px; float:right;} .xinwen_liebiao_r a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px; } .xinwen_liebiao_r a:hover{ color:#d21e27; font-size:12px;} .tupian{ width:1200px; padding-top:200px; margin:0 auto } .kong{height:40px; width:100%} .kongg{height:60px; width:100%} .news-right{width:330px;height: 430px;float: right;} .lx{height:40px; width:330px; float:left;background:#d21e27;} .lx_z{height:40px; width:280px; float:left;} .lx_z a{height:40px; line-height:40px; display:block; color:#fff; font-size:14px; padding-left:40px;} .lx_z a{height:40px; line-height:40px; display:block; color:#fff; font-size:14px;} .lx_z b{ color:#fff; } .lx_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;} .lx_t{height:148px; width:300px; margin:0 auto; background:url(../images/images/lxt.jpg) center no-repeat; margin-top:60px;} .lx_n{height:200px; width:300px; padding:15px;} .lx_nt a{height:40px; width:300px; line-height:40px; display:block; font-size:16px; color:#000; font-weight:bold;} .lx_nn a{height:30px; line-height:30px; display:block; color:#333; font-size:12px;} .leftttt{height:100%; width:210px;} .lixxiwomen{ padding-top:700px; } .sss{height:380px; width:210px;border:1px solid #c5c5c5} .lixxiwomen_t{height:40px; width:210px; background:url(../images/images/lxxxx.jpg) center no-repeat;} .lixxiwomen_t a{height:40px; width:210px; line-height:40px; display:block; font-size:14px; color:#FFF; text-align:center;} .let{height:94px; width:190px; margin:0 auto; padding-top:18px; background:url(../images/images/aaaa.jpg) center no-repeat;} .lett p{height:40px; line-height:40px; width:190px; margin:0 auto; display:block; font-size:13px; color:#00; font-weight:bold;} .lettt p{ height:30px; line-height:30px; font-size:12px; display:block; color:#333; padding-left:10px;} .right_yeyue{ width:970px; height:100%; float:right;} /*erjiyemian*/ .main_l{ float:left; width:226px; padding:0 0 0 9px; overflow:hidden;} .main_r{ float:right; width:720px;overflow:hidden; padding-right:10px;} .left_lx{width:257px;overflow:hidden; min-height:276px;} .left_lx .pic{ height:69px; overflow:hidden;} .left_lx .pic2{ height:42px; overflow:hidden;} .left_lx .left_lx_con{ width:250px;line-height:24px; min-height:159px; color:#fff; background:#ff7c1c url(../images/lianxibg2.jpg) repeat-x left top;} .left_lx .left_lx_con p{ padding:19px 0 0 20px;} .zizhi{width:250px;overflow:hidden;} .zizhi .pic{ height:56px; overflow:hidden;} .zizhi .zizhi_con{ width:250px;line-height:24px; padding-top:5px;overflow:hidden;min-height:180px; color:#fff; background:#f7f2e8 url(../images/rongyubg.jpg) repeat-x left top;} .zizhi .zizhi_con img{ margin:2px 0 0 6px; height:38px; overflow:hidden; display:block} .erjibg{ background:url(../images/weizhi.jpg) no-repeat left top; height:37px;line-height:37px; padding-left:35px; color:#fff} .erjibg a{ color:#fff;} .erjibg a:hover{ font-weight:bold;} .main_content{background:#FFFFFF; line-height:23px; min-height:502px; margin:0 0 10px 0; border:#c5b084 solid 1px;} .main_content .jianjie{ line-height:30px; font-size:12px; padding:30px 30px 0 30px;color:#000} .erji_con{ PADDING-top:20PX; padding-left:10px;} .tiao{ font-size:12px; padding:20px 0 20px 30px;} .tiao a{ color:#000000; text-decoration:none; font-size:12px;} .tiao a:hover{ color: #348900;} .lx p{ line-height:25px; font-size:14px; font-weight:bold;} .more{ padding:25px;} .more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;} .list_photo2{ margin:0; width:790px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; } .list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; } .list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;} .list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; } .list_photo2 a{color:#000000;} .list_photo2 a:hover{color:#f60;} .news_t{ width:650x; text-align:left; line-height:40px; height:40px; background: url(../Images/index_1888.gif) repeat-x;text-indent:0px; margin:auto; margin-left:40px; margin-right:40px; font-size:14px;} .news_t ul{ width:650px; line-height:40px;} .news_t ul li{line-height:40px;} .news_t a {line-height:40px; color:#4a4a4a; font-size:14px; padding-left:22px; } .news_t a:hover{color:#4a4a4a; } .news_p{ width:700px; color:#999999; text-align:left; padding-left:10px; margin-bottom:20px; line-height:25px;} .news_p a{ color:#999999} .news_p a:hover{ color:#ff0000} .newslist{list-style:none;width:500px;background-color:#fff;overflow:hidden;height:500px;} .newslist .t{float:left;width:250px;} .se_erji_img img{ width:auto; margin:0 auto} .contact_left{ width:380px; text-align:center; margin-top: 30px;} .contact_right{ width:400px; text-align:left; font-size:16px; line-height:40px; padding:0 0 0 80px; border-left:1px solid #eee} .map{ width:95%; overflow:hidden; margin: 0 auto;} .p_float{ position:fixed; bottom:20px; width:55px; right:10px; z-index:9999; opacity:0} .p_float li{ line-height:21px; margin-bottom:10px; text-align:center} .p_float li a{ color:#fff; font-size:13px; background:#00877a; padding:10px 7px; margin-bottom:10px; display:block} .p_float li a:hover{ background:#000}