*{margin:0px;padding:0px;} ul,li{list-style-type:none;} img{border:0px;} body{font-size:13px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#666666;overflow-x:hidden;background:#f3f3f3;} a:link {color: #666666;text-decoration: none;} a:visited {text-decoration: none;color: #666666;} a:hover {text-decoration: none;color:#666666;cursor:pointer;} a:active {text-decoration: none;color: #666666;} .dispnone{clear:both;} *:before, *:after { z-index: -1; } [class^="btn-"] {position: relative; display: block; width: 100%; text-transform: uppercase; overflow: hidden;} [class^="gtn-"] {position: relative; display: block; width: 100%; text-transform: uppercase; overflow: hidden;} @font-face {font-family: "../fonts/iconfont"; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"../fonts/iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: '../fonts/impactregular'; src: url('../fonts/impact-webfont.woff2') format('woff2'), url('../fonts/impact-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .clearB{ clear: both; width: 100%; height: 20px;} /*顶部*/ .top{width:100%;height:40px; background: #eee;} .top .top_detail{width:1200px;margin:0 auto;height:40px;line-height:40px;} .top .top_detail .td_left{float:left;line-height:40px; font-size:14px;color:#454545;} .top .top_detail .td_right{float:right; width:auto; height:40px;} .top .top_detail .td_right ul li{font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color: #454545; line-height: 40px; float: left; width: auto; padding-left: 10px; text-align: center; margin-right: 15px; cursor: pointer; position: relative; z-index: 9999; background: url(../images/hd_t.jpg) left center no-repeat;} .top .top_detail .td_right ul li i{ font-size:20px; color: #8a8a8a; display: block; float: right; margin-left: 5px;} .top .top_detail .td_right ul li.td_last{ background: none;} top .top_detail .td_right ul li.zh{ background: url(../images/ch.jpg) 0px center no-repeat; text-indent: 38px;} top .top_detail .td_right ul li.en{ background: url(../images/en.jpg) 0px center no-repeat; text-indent: 38px;} .top .top_detail .td_right ul li.zh i{ float: left; display: block; margin-right: 5px;} top .top_detail .td_right ul li.en{background: url(../images/hd_t.jpg) left -15px center no-repeat;} .top .top_detail .td_right ul li a{color: #454545; display: block; float: left;} .top .top_detail .td_right ul li a:hover{color: #3ab36c;} .topCode{position: absolute;top:40px;display:none;left:-10px;} .topCode p{width: 115px;height: 115px;padding:5px;background: #fff;position: relative;font-size: 14px;color:#666; border:1px solid #ccc} .t_t .right .topCode p img{display: block;width: 100px;height: 100px; padding: 0px; margin: 0px;} .topCode p em{display: block;width: 16px;height:9px;overflow: hidden;background: url(../images/icon4.png) no-repeat center center;position: absolute;top:-9px;left:50%; margin-left:-8px} .top .top_detail .td_right ul li span{ display: block; float: left;} .topewm:hover .topCode{ display:block} .top .top_detail .td_right ul li:hover .topCode{ display: block;} /* top_logo */ .top_logo{clear:both;width:1200px;margin:0 auto;height:102px;} .logo{ width: auto; float: left; height: auto; overflow:hidden;} .top_dh{width: auto; float: right; height: auto; overflow:hidden;} .gjc_R{ width:auto; float:right;} .header_sc{width:213px; float: left;} input:focus{ outline: none;} /*主导航菜单*/ .ys_menu{width:820px; float:right; z-index:9998; height:100px; font-family:"\5fae\8f6f\96c5\9ed1";} .header {position: absolute; z-index: 9998;} .header .nav {float: right;} .header .nav ul .mainlevel {float: left; position: relative; z-index: 666; height: 100px; line-height: 100px;} * html .nav ul .mainlevel {background: 0px 0px; position: relative} .header .nav ul {display: table;} .header .nav ul li .nav-a {font-size: 16px; height:100px; text-align:center; display:block; line-height:100px; color: #242121;width:auto; padding: 0px 16px;} .header .nav ul li .current.nav-a { color:#000;} .header .nav ul li .nav-a:hover {height:100px; color:#37b669; line-height:100px; background:url(../images/lx.jpg) no-repeat bottom;} .header .nav ul li .current.nav-a {} .mainlevel div.nav_second {height:260px; background:#fff; position: absolute; display: none; top:100px; padding:0px 0 15px 15px; left:0px; width:450px; z-index:9999; border: 1px solid #eaeaea; border-top: 0px;} .mainlevel div.nav_second ol {float: left; display: block;width:120px; margin: 0px; padding: 0px;} .mainlevel div.nav_second ol li {line-height:38px; width:120px; margin-left:10px; margin: 0px; padding: 0px;} .mainlevel div.nav_second ol a {height:38px; color: #3b3b3b; line-height:38px; width:120px; text-align:left; display:block; float:left; border-bottom:1px solid #eaeaea; text-indent: 15px; margin-top: 5px; margin-right:15px; font-size: 15px; overflow:hidden;} .mainlevel div.nav_second ol a:hover {color: #37b669} .mainlevel div.nav_second span{ padding:15px 10px 10px 15px;width:300px; height:209px; float:left;} .mainlevel div.nav_second span img{width:300px; height:209px;} .mainlevel div.nav_second span p{width:230px; line-height:24px; color:#292929;} .yy{ height:14px; background:url(../images/yy.png) no-repeat center;width:100%; position:absolute; bottom:-14px; z-index:2;} /*.header .nav ul li.nav_hr{ background: #bd1225; color: #FFF;} .header .nav ul li.nav_hr a{ color: #FFF;} .header .nav ul li.nav_hr div.nav_second ol li a{ color: #242121;} .header .nav ul li.nav_hr div.nav_second ol li:hover a{color: #37b669;}*/ .header .nav ul li a:hover{color: #37b669;} .mainlevel div.nav_second ol li:hover a{ background: #37b669; color: #FFF;} .nav_module{ width: 100%; height: 100px; background: #FFF;} .header_module{ width: 100%; height: auto;} .headBox{ height:42px;position:relative; z-index:3;} headBox i{ height:11px; width:1px; background:#858585; float:left; display:inline; margin:12px 12px 0 18px;} .headBox .a1{ padding-right:22px; background:url(../images/icon1.png) no-repeat right center; height:42px; line-height:42px;} .headBox .a2{padding-right:25px; background:url(../images/72.png) no-repeat right 6px; background-size:22px auto; height:42px; line-height:42px;} .header_dh{ width: auto; float: left; font-size: 24px; color: #de2b2f; line-height: 42px; background: url(../images/dh_t.jpg) 0px center no-repeat;} .topewm{height:42px; float: left; line-height:42px;position: relative; color: #4a4a53; z-index: 1;cursor:pointer} .topewm span{ display:block; padding-right:22px; color: #828282;} topewm .icon2{background:url(../images/icon2.png) no-repeat right center;} .topewm .icon3 i{ font-size: 18px;} .topewm a{ color: #4a4a53;} .topewm a:hover{ color: #d7191c;} .topewm span i{ display: block; float: left; font-size: 20px; color: #828181; margin-right:5px;} .topCode{position: absolute;top:40px;display:none;left:-10px;} .topCode p{width: 100px;height: 100px;padding:5px;background: #fff;position: relative;font-size: 14px;color:#666; border:1px solid #ccc} .topCode p img{display: block;width: 100px;height: 100px; padding: 0px; margin: 0px;} .topCode p em{display: block;width: 16px;height:9px;overflow: hidden;background: url(../images/icon4.png) no-repeat center center;position: absolute;top:-9px;left:50%; margin-left:-8px} .topewm:hover .topCode{ display:block} .nav_module_module {clear:both;height:100px; position:relative; width: 1200px; margin: 0px auto; z-index:2;} .nav li a b{ font-weight:normal; display:block; position:relative;} .nav li a b i{ position: absolute; left:0; top:20px; height:2px; width:0%; background:#37b669;} .nav li a b i{ -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);} .nav li:hover a b i, .nav li.nav_hr a b i{ width:100%;} .nav ul li:hover a.nav-a{ color: #37b669;} .ys_menu ul li.nav_active div.nav_second{ left: -340px;} .header .nav ul .mainlevel:nth-child(6n)>.nav_second{ left:-340px;} /**banner**/ .banner{ height:700px; position:relative; z-index:0; margin-top:0px;} .main_visual{height:700px;overflow:hidden;position:relative; width:100%; left:0;top:0px;} .main_image{height:700px;overflow:hidden;position:relative;} .main_image ul{width:9999px;height:700px;overflow:hidden;position:absolute;top:0;left:0} .main_image li{float:left;width:100%;height:700px;} .main_image li a{display:block;width:100%;height:700px} div.flicking_con{position:absolute; bottom:120px; left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -135px;} div.flicking_con a{float:left;width:90px;height:8px;margin:0;padding:0;display:block;text-indent:-1000px ; background: #FFF; margin: 0px 5px;} div.flicking_con a.on{ background: #018843;} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:27px!important;height:51px!important;top:250px; display: block;} #btn_prev{background:url(../images/cp_jt1.png) no-repeat left top;left:100px;} #btn_next{background:url(../images/cp_jt2.png) no-repeat right top;right:100px;} .main_visual2{height:530px;overflow: visible;position:relative;} .main_image2{height:530px;overflow: hidden;position:relative;top:20px;} .main_image2 ul{width:9999px;height:480px;overflow:hidden;position:absolute;top:0px;left:0} .main_image2 li{float:left;width:100%;height:480px;} .flicking_con2{position: relative;top:535px!important; z-index:999; margin:0 auto;} .flicking_con2 a{float:left;width:12px;height:12px;margin:0 5px;padding:0;background:#ababab;display:block;text-indent:-1000px} .flicking_con2 a.on{background:#c21717;} #btn_prev2,#btn_next2{z-index:11111;position:absolute;display:block;width:27px!important;height:51px!important;top:215px; display: block;} #btn_prev2{background:url(../images/cp_jt1.png) no-repeat left top;left:0px;} #btn_next2{background:url(../images/cp_jt2.png) no-repeat right top;right:0px;} /*搜索*/ .content_p1{ width: 1200px; margin:0 auto; height:145px; position: relative; z-index: 10;} .index_ry{ width: 1200px; margin: 0px auto; height: auto; position: absolute; top: -95px; left: auto; right: auto;/* margin-left:220px;*/} .inry_l{ width: 330px; float: left; height: 240px; background: url(../images/bg1.gif) no-repeat;} .inry_ltop{ width: 100%; padding-top: 30px; text-align: center;font-family:"\5fae\8f6f\96c5\9ed1"; color: #FFF;} .inry_ltop h2{ font-size: 18px; font-weight: bold; line-height: 50px; width: 100%;} .inry_ltop p{ clear: both; font-style:14px; font-weight: normal; line-height: 26px; width: 100%;} .inry_lbt{ clear: both; width: 100%; color: #FFF; height: auto; overflow: hidden; margin-top:50px; text-align: left; text-indent:80px;} .inry_lbt h2{ clear: both; font-size: 26px; font-weight: bold; line-height: 40px; width: 100%;} .inry_lbt p{ clear: both; font-size:16px; font-weight: normal; line-height: 24px; width: 100%;} .inry_r{ width: 870px; float: right; height: auto; overflow: hidden;} .index_r_module{ width: 100%; height: 95px; background: #d8ecf3;} .index_gjc{ width:600px; padding-left: 20px; float: left; height: 95px;} .index_gjc ul li{ width: auto; float: left; font-size:14px; height: 95px; line-height: 95px; color: #333; padding:0 5px;} .index_gjc ul li a{ color: #333;} .index_gjc ul li a:hover{ color: #4ebd7b;} .index_search{ width:221px; float:right; height: 35px; margin-top: 26px; margin-right: 20px;} #fc{} #query{ width:181px; height:33px; line-height:33px; color:#666; float:left; font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; margin:0px; padding:0px; border: 1px solid #feffff; text-indent:10px; outline: none;} #qb{ width:35px; height:35px; line-height:35px; background:url(../images/search.jpg) no-repeat; margin:0px; padding:0px; border:none; cursor:pointer;} .index_ry_content{ clear: both; width: 100%; height: auto; overflow: hidden; margin-top:20px;} .index_ry_content ul li{ width: 108px; height:52px; float: left; margin-left:92px; font-size: 14px; color: #FFF; text-align: center; padding-top: 68px; transition: all 0.3s linear 0s;} .index_ry_content ul li a{ color: #FFF;} .index_ry_content ul li.inry_it1{ background: url(../images/icn1.png) no-repeat;} .index_ry_content ul li.inry_it2{ background: url(../images/icn2.png) no-repeat;} .index_ry_content ul li.inry_it3{ background: url(../images/icn3.png) no-repeat;} .index_ry_content ul li.inry_it4{ background: url(../images/icn4.png) no-repeat;} .index_ry_content ul li:hover{transition: all 0.3s linear 0s;} .index_ry_content ul li:hover{ transform: rotateY(180deg);} /*东之星产品*/ .content_p2{ clear: both; width: 100%; height: auto; overflow: hidden;} .dzxcp_module{width: 1200px; margin: 0px auto; height: auto; overflow: hidden;} .dzxcp_item{ width: 100%; height: auto; overflow: hidden; text-align: center;} .dzxcp_item h2{ font-size:36px; text-transform: uppercase; line-height:70px; color: #003a76; background: url(../images/dzxcp_t.png) center no-repeat; font-family:"\5fae\8f6f\96c5\9ed1";} .content_p01{ width: 100%; height: auto; overflow: hidden;} /*走进太普特*/ .content_p2{ width: 100%; height: auto; overflow: hidden;} .inzjtpt_module{ width:1201px; margin: 0px auto; height: auto; overflow: hidden;} .inzjtpt_item{ width: 100%; height: auto; overflow: hidden; text-align: center;} .inzjtpt_item h2{ font-size: 48px; text-transform: uppercase; line-height: 52px; color: #cacaca; font-family: '../fonts/impactregular';} .inzjtpt_item p{ clear: both; width: 100%; font-size: 30px; color: #018843; line-height: 40px;} .inzjtpt_content{ clear: both; height: auto; overflow: hidden; color: #4a4a4a; font-size: 16px; line-height: 30px; padding:20px 20px;} .inzjtpt_more{ width: 125px; margin: 0px auto; background: #ff7e00; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #FFF;} .inzjtpt_more a{ color: #FFF;} .inzjtpt_more a:hover{ text-decoration: underline;} .inzjtpt_module_module{ clear: both; height: auto; overflow: hidden; border: 1px solid #eaeaea; border-right: 0px; width: 1200px; margin-top:30px; margin-bottom: 10px;} .inzjtpt_module_module ul li{ width: 239px; text-align: center; float: left; border-right: 1px solid #eaeaea; height: 238px; position: relative; z-index: 33;/* background: url(../images/inzjtpt_tp.jpg) 108px 150px no-repeat;*/} .inzjtpt_pic{ width: 93px; margin:0px auto; height: 91px; line-height: 91px; text-align: center; border-radius: 50px; border: 1px solid #dcdcdc; margin-top: 30px;} .inzjtpt_pic i{ font-size: 48px; color: #afafaf;} .inzjtpt_title{ clear: both; line-height:60px; font-size: 16px; color: #333; margin-top:0px;} .inzjtpt_tp{ margin-top: 30px; background: url(../images/inzjtpt_tp.png) center no-repeat; width: 100%; height: 20px;} .inzjtpt_nr{ position: relative; z-index: 33;} .blueBgl{position:absolute;left:0;bottom:0;width:100%;height:0%;background-color:#018843;transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s} .inzjtpt_module_module ul li:hover .blueBgl{ height: 100%;} .inzjtpt_module_module ul li:hover .inzjtpt_pic i{ color: #FFF;} .inzjtpt_module_module ul li:hover .inzjtpt_title{ color: #FFF;} .inzjtpt_module_module ul li:hover .inzjtpt_tp{ background: url(../images/inzjtpt_h.png) center no-repeat; z-index: 999;} .pro{height:813px;position:relative;overflow:hidden;width:100%} .pro .probg1{position:absolute;background:url(../images/ico.png) no-repeat left top transparent;width:178px;height:176px;display:block;right:50%;margin-right:672px;top:121px;background-position:-77px -114px} .pro .probg2{background:url(../images/ico.png) no-repeat left top transparent;width:364px;height:121px;display:block;background-position:-72px -305px;position:absolute;left:50%;margin-left:587px;top:718px} .pro .pronav{width:918px;margin:0 auto;border-top:1px solid #ccc;margin-top:28px;position:relative} .pro .pronav .line{width:48px;height:2px;background-color:#be0f17;position:absolute;left:160px;top:-1px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;} .pro .pronav a{display:block;float:left;width:130px;color:#FFF;height:53px;line-height:53px;text-align:center;font-size:15px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s} .pro .pronav a:hover{text-decoration:none} .pro .pronav a.on{color:#be0f17;font-weight:700} .pro .title{border:0;height:71px} .pro .promain{width:1200px;margin:0 auto} .pro .promain ul{overflow:hidden;width:1200px;padding-top:28px;display:none} .pro .promain ul li{width:288px;height:252px;color:#fff;float:left;margin-left:16px;text-align:center;margin-bottom:30px;position:relative} .pro .promain ul li a{color:#fff;line-height:56px;background-color:#999;font-size:15px;display:block;width:288px;height:252px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;position:relative;z-index:2} .pro .promain ul li a img{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s} .pro .promain ul li a:hover{text-decoration:none;background-color:#be0f17} .pro .promain ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .pro .promain ul li a .probg{display:block;width:288px;height:195px;overflow:hidden} .pro .promain ul li .yy{position:absolute;width:96%;left:2%;bottom:4px;z-index:1;height:5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s} .pro .promain ul li:hover .yy{-webkit-box-shadow:0 5px 23px #be0f17;-moz-box-shadow:0 5px 23px #be0f17;-ms-box-shadow:0 5px 23px #be0f17} .incpzs_module_module ul li.incpzs_eq{ margin-left: 0px;} .incpzs_title{ width: 120px; height: 60px; float: left;} .incpzs_module_module{ clear: both; height: auto; overflow: hidden;} .incpzs_module_module ul li{ width: 334px; height: auto; overflow: hidden; margin-left:48px;} .incpzs_pic{ width:332px; height:322px; overflow: hidden; border: 1px solid #dedede;} .incpzs_module_module ul li p{ clear: both; width: 100%; height: 47px; text-align: center; line-height: 47px; font-size: 14px; color: #FFF; background: #003b77;} .incpzs_pic img { width: 100%; height: 100%; } .incpzs_module_module ul li:hover .incpzs_pic img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s} .incpzs_module_module ul li:hover p{ background: #018843;} /*.parBd{overflow:hidden; position:relative; padding:0px 0px;} .hd{ overflow:hidden; height:12px; padding:0 10px; width: 120px; margin:20px auto;} .hd .prevStop{ background-position:-60px 0; } .hd .nextStop{ background-position:-60px -50px; } .hd ul{ float:right; overflow:hidden; zoom:1; height: 12px;} .hd ul li{ float:left; width:12px; height:12px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -12px no-repeat; float: left;} .hd ul li.on{ background-position:0 0; background-repeat: no-repeat;} */ .slideGroup{ width:1200px; margin: 0px auto; text-align:left; } .slideGroup .parHd{ height:39px; line-height:39px; width:840px; margin: 30px auto 20px; position:relative;} .slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;} .slideGroup .parHd ul li{ float:left; text-align:center; cursor:pointer; font-size: 16px; color: #222; width: 172px; height: 37px; border: 1px solid #cecece; margin-left: 20px; overflow:hidden;} .slideGroup .parHd ul li.on{ height:37px; background:#38b374; border:1px solid #38b374; color: #FFF; overflow:hidden;} .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 0px; position:relative;} .slideGroup .sPrev{ position:absolute; left:0px; top:170px; display:block; width:27px; height:51px; background:url(../images/cp_l.png) center center no-repeat; float: left; z-index: 999;} .slideGroup .sNext{ left:auto; right:0px; background:url(../images/icoRight.gif) center center no-repeat #f4f4f4; } .slideGroup .sPrev:hover,.slideGroup .sNext:hover{} .slideGroup .sNext{ position:absolute; right:0px; top:170px; display:block; width:27px; height:51px; background:url(../images/cp_r.png) center center no-repeat;} .slideGroup .parBd ul{ overflow:hidden; zoom:1;} .slideGroup .parBd ul li{/* margin:0 8px;*/ float:left; _display:inline; overflow:hidden; text-align:center; } .slideGroup .parBd ul li .pic{ text-align:center; } .slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; } .slideGroup .parBd ul li .pic a:hover img{ border-color:#999; } .slideGroup .parBd ul li .title{ line-height:24px;} .picScroll-left .hd .prev{ display:block; width:27px; height:51px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/cp_l.png") no-repeat; position: absolute; left: 0px; top: 170px;} .picScroll-left .hd .next{display:block; width:27px; height:51px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("../images/cp_r.png") no-repeat; position: absolute; right: 0px; top: 170px;} /*东之星优势*/ .content_p3{ width:100%; height:auto; overflow:hidden;} .indzxys_module{ width: 100%; height: auto; overflow: hidden;} .indzxys_item{ width: 100%; height: auto; overflow: hidden; text-align: center;} .indzxys_item h2{ width: 100%; text-align: center; } .indzxys_item p{ clear: both; font-style:14px; font-weight: normal; line-height: 26px; width: 100%;} .indzxys_module_module{ clear: both; height: 560px; overflow: hidden; background: url(../images/dzxys_bg.jpg) center no-repeat;} .indzxys_title{ width:1200px; margin: 20px auto 0; height: 87px; font-family:"\5fae\8f6f\96c5\9ed1";} .indzxys_title ul li{ width:400px; height: 87px; line-height: 87px; float: left; text-align: center; font-size: 24px; color: #39b46c; cursor: pointer;} .indzxys_title ul li.on{ background: #39b46c; color: #FFF; font-weight: bold;} .indzxys_content{ clear: both; height: auto; overflow: hidden; width: 1200px; margin: 0px auto;} .indzxys_ct1{ width: 100%; margin-top:52px; height: auto; overflow: hidden; clear: both;} .indzxys_data{ color: #b9cada; font-size:97px; font-family: '../fonts/impactregular'; width: auto; float: left;} .indzxys_pic{ width: 658px; height: 378px; margin-top: 35px; margin-left: 20px; border: 8px solid #FFF; float: left;} .indzxys_ctmodule{ width:380px; margin-top: 50px; float: right; height: auto; overflow: hidden;} .indzxys_ctmodule h2{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:28px; font-weight: bold; background: url(../images/ys_t.jpg) bottom left no-repeat; line-height: 70px; color: #FFF;} .indzxys_nr{ clear: both; font-size:16px; line-height:32px; color: #FFF; margin-top: 30px; height:190px; overflow:auto; text-indent:2em;} .indzxys_more{ width: 180px; height: 50px; text-align: center;font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 50px; background: #3ab36c; font-size:20px; margin-top:40px;} .indzxys_more a{ color: #FFF; display: block;} /*东之星简介*/ .content_p4{ width: 100%; height: auto; overflow: hidden;font-family:"\5fae\8f6f\96c5\9ed1";} .dzxjj_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;} .dzxjj_item{ width: 100%; margin-top: 35px; height: auto; overflow: hidden; text-align: center;} .dzxjj_item h2{ font-size:36px; text-transform: uppercase; line-height: 36px; color: #003a76; background: url(../images/dzxjj_t.png) center no-repeat; font-family:"\5fae\8f6f\96c5\9ed1";} .dzxjj_item p{ clear: both; width: 100%; font-size:14px; color: #525252; line-height: 40px;} .dzxjj_module_module{ clear: both; height: auto; overflow: hidden; margin-top: 20px;} .dzxjj_nr{ width: 620px; float: left; height: auto; overflow: hidden;} .dzxjj_nr h2{ font-size: 24px; color: #333; line-height: 40px; font-weight: normal;} .dzxjj_nr_module{ clear: both; color: #333; font-size: 14px; line-height: 30px;} .dzxjj_more{ width: 137px; height: 39px; line-height: 39px; font-size: 14px; color: #4a4a4a; text-align: center; margin: 15px 0;} .dzxjj_more a{ color: #4a4a4a; display: block; position: relative; border: 1px solid #dedede; width: 135px; height: 39px; z-index: 33;} .dzxjj_more a:before{content:''; position: absolute; top: 0; left: 0; width: 0; height: 39px; z-index: -1;background: #38b46c; border-color: #38b46c;} .dzxjj_more a:hover{ border-color: #38b46c;} .dzxjj_more a, .dzxjj_more a:before { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease } .dzxjj_more a:hover { color: #fff !important;} .dzxjj_more a:hover:before { width: 100%;} .dzxjj_pic{ width: 545px; height: 364px; float:right;} .dzxjj_content{ clear: both; width: 1000px; margin: 0px auto; height: auto; overflow: hidden;} .dzxjj_tb{ width:100px; height: 100px; float: left;} .injj_module{ width:860px; float: left; margin-left:20px; height: auto; overflow: hidden;} .injj_module ul li{ width:200px; height: 100px; font-size: 16px; float: left; color: #FFF;} .injj_module ul li.injj_it1{} .injj_content{ width: 100%; padding-top:15px; color: #FFF;} injj_module ul li.injj_it1 .injj_content{ text-indent: -55px;} .injj_module ul li em{ font-family: '../fonts/impactregular'; font-size: 48px; text-transform: uppercase; color: #FFF; line-height: 50px; margin-right:6px;} .injj_module ul li p{ clear: both; line-height: 20px; font-size: 16px; color: #FFF;} .injj_module ul li.injj_it1 p{ text-align: left; text-indent: 35px;} .injj_module ul li.injj_it2{ background: #ff7e00; padding: 15px 15px; height: 130px; width: 270px; font-size: 14px; color: #FFF; line-height: 22px; text-align: left;} .injj_module ul li.injj_it3{ width:300px; text-align: right;} injj_module ul li.injj_it3 .injj_content{ padding-top:40px; text-indent: 40px;} .injj_module ul li.injj_it3 .injj_content em{} injj_module ul li.injj_it3 p{text-indent: 10px;} .injj_module ul li.injj_it4{ width:320px; text-align: right;} injj_module ul li.injj_it4 .injj_content{ padding-top:40px; text-indent: -18px;} .injj_module ul li.injj_it4 .injj_content em{} .injj_module ul li.injj_it4 p{text-indent: -10px;} .inxjjs_module{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;} .inxjjs_item{ width: 100%; margin-top: 35px; height: auto; overflow: hidden; text-align: center;} .inxjjs_item h2{ font-size: 48px; text-transform: uppercase; line-height: 52px; color: #cacaca; font-family: '../fonts/impactregular';} .inxjjs_item p{ clear: both; width: 100%; font-size: 30px; color: #018843; line-height: 50px;} .inxjjs_moudle_module{ clear: both; height: auto; overflow: hidden; padding: 20px 0px;} .inxjjs_l{ width: 451px; height: 552px; overflow: hidden; float: left; position: relative; z-index: 22;} .inxjjs_l p{ position: absolute; width: 100%; height: 0px; line-height: 50px; background: #018843; text-align: center; font-size: 14px; color: #FFF; bottom: 0px; left: 0px; transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;} .inxjjs_l img{width: 451px; height: 552px; overflow: hidden; transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all;-moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;} .inxjjs_l:hover p{ height: 50px;} .inxjjs_l:hover img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } .inxjjs_r{ width: 736px; height: 552px; float:right; height: auto; overflow: hidden;} .inxjjs_r_t{ width: 100%; height: 269px;} .inxjjs_r_t ul li{ width: 360px; height: 269px; overflow: hidden; float: left; position: relative; z-index: 33;} .inxjjs_r_t ul li p{position: absolute; width: 100%; height: 0px; line-height: 50px; background: #018843; text-align: center; font-size: 14px; color: #FFF; bottom: 0px; left: 0px; transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;} .inxjjs_r_t ul li:hover p{ height: 50px;} .inxjjs_r_t ul li img{width: 360px; height: 269px; overflow: hidden; transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all;-moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;} .inxjjs_r_t ul li:hover img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } .inxjjs_r_b{ clear: both; height: 269px; margin-top: 13px;} .inxjjs_r_b ul li{ width: 237px; overflow: hidden; margin-left: 12px; height: 269px; float: left; position:relative; z-index: 33;} .inxjjs_r_b ul li p{position: absolute; width: 100%; height: 0; line-height: 50px; background: #018843; text-align: center; font-size: 14px; color: #FFF; bottom: 0px; transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s; left: 0px;} .inxjjs_r_b ul li img{ width:237px; height:269px; overflow: hidden; transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all;-moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;} .inxjjs_r_b ul li:hover p{ height: 50px;} .inxjjs_r_b ul li:hover img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } /*公司实力*/ .ingssl_module{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;} .ingssl_item{ width: 100%; height: 48px; line-height: 48px; font-size: 16px;} .ingssl_item ul li{ width: 175px; height: 48px; background: #003b77; line-height: 48px; text-align: center; font-size: 16px; color: #FFF; float: left;} .ingssl_item ul li a{ color: #FFF; display: block;} .ingssl_item ul li.on{ background: #3ab36c;} .ingssl_content{ clear: both; height: auto; overflow: hidden; margin-top: 20px;} .ingssl_module_module{ clear: both; height: auto; overflow: hidden;} .ingssl_module_module ul li{ width: 285px; float: left; height: auto; margin-right: 19px; overflow: hidden;} .ingssl_pic{ width: 285px; height: 210px; overflow: hidden; transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all;-moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;} .ingssl_module_module ul li img{width: auto; margin:0 auto; display:block; height: 100%; overflow: hidden; transition-delay: 0s;transition-duration: 1s;transition-property: all; transition-timing-function: ease;/* Firefox 4 */-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all;-moz-transition-timing-function: ease; /* Safari 和 Chrome */-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */ -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;} .ingssl_module_module ul li p{ clear: both; width: 100%; text-align: center; line-height:50px; font-size: 14px; color: #333;} .ingssl_module_module ul li:hover .ingssl_pic img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } .ingssl_module_module ul li:hover img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ } .ingssl_module_module ul li:hover p{ background: #3ab36c; color: #FFF;} /*新闻动态*/ .content_p5{ clear: both; width: 100%; height: auto; overflow: hidden; padding:0px 0;} .inxwdt_module{width: 1200px; margin: 0px auto; height: auto; overflow: hidden;} .inxwdt_item{ width: 100%; margin-top:0px; height: auto; overflow: hidden; text-align: center;} .inxwdt_item h2{ font-size:36px; text-transform: uppercase; line-height: 36px; color: #003a76; background: url(../images/xwdt_t.png) center no-repeat; font-family:"\5fae\8f6f\96c5\9ed1";} .inxwdt_item p{ clear: both; width: 100%; font-size:14px; color: #525252; line-height: 40px;} .inxwdt_title{ width: 334px; margin: 20px auto; height: auto; overflow: hidden;} .inxwdt_title ul li{ width: 155px; height: 40px; border: 1px solid #dedede; float: left; text-align: center; margin-left: 20px; line-height: 40px; font-size: 16px;} .inxwdt_title ul li.on{ background: #3ab46b;} .inxwdt_title ul li.on a{ color: #FFF;} .slideTxtBox .hd ul li.on{ background: #3ab46b;} .slideTxtBox .hd ul li.on a{ color: #FFF;} .slideTxtBox .hd ul li{ width: 125px; height: 40px; border: 1px solid #dedede; float: left; text-align: center; margin-left: 20px; line-height: 40px;} .inxwdt_title ul li a{ color: #222; display: block;} .inxwdt_title ul li:hover{ background: #3ab46b;} .inxwdt_title ul li:hover a{ color: #FFF;} .inxwdt_module_module{ clear: both; height: 340px; overflow: hidden; padding: 10px 0px 0;} .inxwdt_module_module ul li{ width: 348px; margin-left: 29px; height:300px; float: left; padding: 15px; border: 1px solid #efefef; position: relative; z-index: 33; background: #FFF;} .inxwdt_pic{ width: 100%; height: auto; text-align: center; overflow: hidden;} .inxwdt_content{ clear: both; height: auto; overflow: hidden;} .inxwdt_ct_title{ font-size: 16px; color: #333; line-height:40px; margin-top: 10px;} .inxwdt_ct_content{ clear: both; color: #888; font-size: 12px; line-height: 20px;} .inxwdt_mr{ clear: both; height: auto; overflow: hidden; margin-top:5px; line-height: 26px; font-size: 12px; color: #666;} .inxwdt_data{ width: auto; float: left; background: url(../images/xwdt_sj.png) left center no-repeat; text-indent:20px;} .inxwdt_more{ width: auto; float: right;} inxwdt_module_more{ clear: both; width: 158px; margin: 20px auto 10px; height:46px; line-height: 46px; font-size: 14px; color: #FFF; text-align: center; border: 1px solid #ddd;} inxwdt_module_more a{ color: #323232; display: block;} inxwdt_module_more:hover{ background: #38b46c;} inxwdt_module_more:hover a{color: #FFF;} inxwdt_module_more a:hover{ color: #FFF;} a.more:before { background: #38b46c; border-color: #38b46c;} a.more:hover, .contact_ny ul li:hover, .casev2 .case-index .hd li.on, .casev2 .case-index .hd li.on:after, .teamv2 .hd li.on, .teamv2 .hd li.on:after, #pages a.cur{ border-color: #38b46c } a.more, a.more:before { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease } a.more { position: relative; display: block; width: 158px; height: 46px; text-align: center; line-height: 46px; color: #666; font-size: 14px; border: 1px solid #ddd; overflow: hidden; z-index: 1; margin: 20px auto 10px; } a.more:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 46px; z-index: -1;} a.more:hover { color: #fff !important;} a.more:hover:before { width: 100%;} .inxwdt_nr{ position: relative; z-index: 33} .blueBg{position:absolute;left:0;bottom:0;width:100%;height:0%;background-color:#38b46c;transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s;-webkit-transition:all .7s cubic-bezier(.71,-.01,.07,.99) 0s} .inxwdt_module_module ul li:hover .blueBg{height:100%} .inxwdt_module_module ul li:hover .inxwdt_ct_title{ color: #FFF;} .inxwdt_module_module ul li:hover .inxwdt_ct_content{ color: #FFF;} .inxwdt_module_module ul li:hover .inxwdt_data{ color: #FFF; background: url(../images/xwdt_sjh.png) 0px no-repeat;} .inxwdt_module_module ul li:hover .inxwdt_more{ color: #FFF;} divOver{ background:#38b46c; border:solid 1px #38b46c;} /*版权*/ .fyjzzs-footer{ width:100%; height:auto; overflow:hidden; font-size:12px; background:#003b77;} .footer_module{ width:1200px; margin:30px auto 0; height:auto; overflow:hidden;} .footer_module ul li{ width: 120px; float: left; height: auto; overflow: hidden; background: url(../images/foot_t.jpg) left center no-repeat; padding-left:40px; height:200px;} .footer_module ul li h2{color: #FFF; font-size: 15px; font-weight: normal; line-height: 40px; font-family:"\5fae\8f6f\96c5\9ed1";} .ftdh_module{ clear: both; height: 168px; overflow: hidden;} .ftdh_module ul li{ color: #7d7d7d; line-height: 24px; font-size: 12px; font-family:"\5fae\8f6f\96c5\9ed1";} .ftdh_module ul li a{ color: #7d7d7d;} .ftdh_module ul li a:hover{ color: #ff7800;} .ftew_module{ width: 135px; float: left; height: auto; overflow: hidden;} .footer_module ul li.ftew_eq{ background: none; width:152px; margin-top: 30px; float: right;} .ftew_module p{ clear: both;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 12px; color: #ccc; line-height: 30px; text-align: center;} footer_module ul li.ftlx_it{ width:150px;} .footer_module ul li.ftlx_it h2{color: #FFF; font-size: 16px; line-height:50px; width: 170px; font-family:"\5fae\8f6f\96c5\9ed1"; background: url(../images/ft_t.png) bottom left no-repeat;} .ftlx_it{ width: 170px; padding-left: 10px; height: auto; overflow: hidden;} .ftlx_module{ clear: both; margin-top: 10px; width: 100%;} .ftlx_module dl dt{color: #dbdbdb; line-height: 26px; width: 100%; font-size: 13px; font-family:"\5fae\8f6f\96c5\9ed1";} .ftlx_module dl dt a{color: #dbdbdb;} .ftlx_module dl dt a:hover{color: #3ab36c;} .footer_module ul li.ftdt_module{ width: 400px;} .footer_module ul li.ftdt_module dl dt{ background: none; width: 170px; float: left;} .footer_module ul li.ftdt_module dl dt a{ color: #ccc;} .footer_module ul li.ftdt_module ul dt a:hover{ color: #ea1a1a;} .footer_module ul li.ftdt_module h2{ text-indent: 20px;background: url(../images/ftlx_t.jpg) 20px bottom no-repeat;} .ftfs_module{ width: 215px; float: left; margin-left: 15px; margin-top: 20px; height: auto; overflow: hidden;} .footer_module ul li .ftfs_module h2{font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color: #ddd; line-height: 20px;} .ftlx_dh{ clear: both; height: auto; overflow: hidden; margin-top: 6px;} .ftlx_ct{ clear: both; height: auto; overflow: hidden; margin-top: 10px;} .ftlx_ct p{font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 12px; color: #ddd; line-height: 24px;} .ftlx_kf{ clear: both; width: 117px; height: 35px; background: #ec0000; line-height: 35px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color: #FFF; margin-top: 20px;} .ftlx_kf i{ display: block; float: left; display: block; text-indent: 15px; margin-right: 5px; font-size: 20px;} .ftlx_kf a{ color: #FFF;} .ftlx_kf:hover{ background: #ead225;} .ftlx_nr{ font-size:14px; line-height: 26px; color: #dbdbdb;clear:both; margin-top:10px;} .footer_module ul li.ftlx_item{ width:300px;} .footer_module ul li.ftlx_item h2{color: #FFF; font-size: 16px; line-height:50px; width: 170px; font-family:"\5fae\8f6f\96c5\9ed1"; background: url(../images/ft_t.png) bottom left no-repeat;} .footer_L{ width: 630px; float: left; height: auto; overflow: hidden;} .ft_nav{ width: 100%; height: auto; overflow: hidden;} .ft_nav ul li{ background: url(../images/ft_nt.jpg) right center no-repeat; width: auto; float: left; padding: 0px 10px; color: #bcbcbc; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1";} .ft_nav ul li.ftn_eq0{ padding-left: 0px;} .ft_nav ul li.ftn_last{ background:none;} .ft_nav ul li a{ color: #bcbcbc;} .ft_nav ul li a:hover{ color: #005bae;} .ft_lx{ clear: both; color: #bdbdbd; font-size: 14px; padding-left: 10px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 30px; margin-top: 10px;} .ft_lx a{ color: #bdbdbd;} .ft_lx a:hover{ color: #005bae;} .footer_R{ width: 332px; float: right; height: auto; overflow: hidden;} .footer_R_content{ width: 195px; float: left; height: auto; overflow: hidden;} .ft_ct_logo{ width: 100%; height: auto; overflow: hidden; margin-top: 15px;} .ft_ct_title{ width: 100%; height:28px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; font-size: 14px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 28px; margin-top: 15px; text-align: center;} .footer_R_ewm{ width: 123px; float: right; height: auto; overflow: hidden;} .footer_R_ewm p{ clear: both;font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 14px; color: #7f7f7f; line-height: 26px; text-align: center;} .bottom_module{ clear:both; width:100%; height:60px; line-height:60px; background:#00356b;} .bt_module_module{font-family:"\5fae\8f6f\96c5\9ed1"; color:#eaeaea; font-size:13px; height: 60px; line-height:60px; text-align:center; width:1200px; margin:0px auto;} .bt_module_module a{color:#eaeaea;} .bt_module_module a:hover{ text-decoration:underline; color: #3ab36c;} .bt_L{ width:auto; float:left;font-family:"\5fae\8f6f\96c5\9ed1";} .bt_R{ width:auto; float:right;font-family:"\5fae\8f6f\96c5\9ed1";} /*漂浮*/ .bodyright{position: fixed; right: 0; top:50%; margin-top: -126px;z-index: 9999;font-size: 12px;} .bodyright dd{ padding-bottom: 4px; position: relative; text-align: center;transition-property:all;transition-duration:.5s;} .bodyright dd a{ border: 1px solid #f1f1f1; background: url(../images/body_right.png) no-repeat 0 0 #fff; height: 24px;*height: 24px; width: 60px; padding-top: 36px; display: block;} .bodyright dd.b_r1 a{ background-position: 0 -64px; cursor:pointer;} .bodyright dd span{ border: 1px solid #f1f1f1; background: url(../images/body_right.png) no-repeat 0 -128px #fff; height: 24px;*height: 24px; width: 60px; padding-top: 36px; display: block; cursor: pointer;transition-property:all;transition-duration:.5s;} .bodyright dd p{ position: absolute; right: 60px; bottom: 5px; overflow: hidden; display: none; margin-right: 4px;} .bodyright dd p img{ width:128px;background: #ee0002; padding: 6px; overflow: hidden; } div.pcdh_item{position: absolute; right: 60px; bottom: 0; overflow: hidden; display: none; margin-right: 4px;font-family:"\5fae\8f6f\96c5\9ed1"; width:200px; line-height: 60px; background: #ee0002; color: #FFF; font-weight: bold; font-size: 24px; text-align: center; cursor:pointer;} div.pcdh_item p{} .bodyright dt{ display: none; border: 1px solid #f1f1f1; background: url(../images/body_right.png) no-repeat 0 -191px #fff; height: 24px;*height: 24px; width: 60px; padding-top: 36px; cursor: pointer;transition-property:all;transition-duration:.5s; text-align: center;} .bodyright dd.hover a,.bodyright dd.hover span,.bodyright dt:hover{ background-image: url(../images/body_right1.png); background-color: #ee0002; color: #fff; border-color: #ee0002;} .dingwei{ background:#e6e6e6; height:67px;} .dingwei_txt{width:1200px; background:url(../images/dangq.png) 0px center no-repeat; height:67px; text-indent:15px;font-family:"\5fae\8f6f\96c5\9ed1"; line-height:67px; margin:0 auto;font-size:14px;color:#333;} .dingwei_txt a{color:#252525;} .dingwei_txt a:hover{ color:#ee0000;} .yewu{ width:1200px; height:211px; margin-top:56px; background:#f5f5f5;} /*二级产品分类*/ .erfl_module_module{ clear:both; border-left: 8px solid #e5e5e5; width:252px; height:auto; padding-top: 20px;} .erfl_content{width:220px; height:auto; background:#FFF; border:1px solid #51170b;border-top:none; padding:20px 10px 20px;} .erfl_content ul li{ width:100%; margin:0px auto; height:45px; text-indent:45px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; border-bottom: 1px solid #ddd; line-height:45px; font-size:14px;position:relative; z-index:99;} .erfl_content ul li:hover{ background:#51170b; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1);} } .erfl_content ul li a{ color:#4a4a4a; display:block;} .erfl_content ul li h2:hover a{ color:#FFF;} .erfl_content ul li:hover h2 a{ color:#FFF;} .cenav li:hover h2 a{ color: #FFF;} .cenav{ padding-bottom:20px; border-bottom: 1px solid #eee; margin-bottom:20px; height: 126px; } .cenav li{ padding:0 0px; line-height:52px !important; font-size:16px; color:#fff; position:relative;} .cenav li a{ display:block; color:#FFF; border-bottom:1px solid #ddd; position:relative; overflow:hidden; line-height:52px; z-index:2;} .cenav li a span{ display:block; float:left; cursor:pointer; text-indent:30px;} .cenav li a b{ display:block; float: right; cursor:pointer; font-family:"宋体"; font-weight:normal; margin-right: 15px;} .cenav li div.erfl_zz{ display:block; position:absolute; left:0; top:0; width:0px; height:52px; background:#d02d1e;} .cenav li h2{ font-weight: normal; font-size: 16px;} .cenav li div.erfl_zz, .cenav li a{ -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); color: #333; } .cenav li:hover div.erfl_zz, .cenav li.cenn div.erfl_zz{ display:block; position:absolute; left:0; top:0; width:100%; height:52px; background: #ce000c;} .cenav li h2:hover a, .cenav li.cenn a{ color:#FFF; border-bottom-color:#d02d1e; border-bottom: 1px solid #d93724;} .erfl_second{ clear:both; width:185px; margin:0px auto; height:auto; overflow:hidden; margin-top:6px; background: #FFF; z-index: 9999; padding: 0px 0px 0px;} .erfl_second dl dt{ margin:0px; padding:0px; background:url(../images/lt_li.gif) 10px center no-repeat; text-indent:20px;font-family:"\5fae\8f6f\96c5\9ed1"; height:52px; line-height:52px; color:#4a4a4a; font-size:14px;} .erfl_second dl dt a{ color:#4a4a4a;} .erfl_second dl dt a:hover{ color:#FFF;} .erfl_second dl dt:hover{ background:#d93724; color:#FFF; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1) ; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1);} } .erfl_second dl dt:hover div.erfl_zz, .erfl_second dl dt.cenn div.erfl_zz{ display:block; position:absolute; left:0; top:0; width:100%; height:50px; background: #d93724;} .erfl_second dl dt:hover a, .erfl_second dl dt.cenn a{ color:#FFF; border-bottom-color:#d02d1e; border-bottom: 1px solid #d93724;} .erfl_second dl dt a span{ text-indent:20px;} .cenav li:hover a{border-bottom:#d93724;} .cenav ul li:hover a span{ color: #FFF;} .cenav ul li:hover a{ border-bottom: 1px solid #ddd;} .cenav ul li em{ background: #38b374; position: absolute; left: -8px; bottom: 1px; width: 12px; height: 52px; display: none; z-index: 22;} .cenav ul li:hover em{ display: block;} .cenav li div{ display:block; position:absolute; left:0; top:0; width:0px; height:52px; background:#38b374;} .cenav li div, .cenav li a{ -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 1.1); color: #333; } .cenav li:hover div, .cenav li.cenn div{ display:block; position:absolute; left:0; top:0; width:100%; height:52px; background: #38b374;} .cenav li:hover a, .cenav li.cenn a{ color:#FFF; border-bottom-color:#e70012; border-bottom: 1px solid #058835; } /*二级联系我们*/ .erlx_module{ width:223px; border:1px solid #f0f0f0; height:auto; overflow:hidden;} .erlx_item{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; font-weight:bold; color:#000; height:40px; line-height:40px; text-indent:15px; border-bottom:1px solid #f0f0f0;} .erlx_item_title{ width:auto; float:left;} .erlx_item_more{ width:auto; float:right; margin-right:10px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#666; font-weight:normal;} .erlx_item_more a{ color:#666;} .erlx_item_more a:hover{ color:#f75800;text-decoration:underline;} .erlx_module_module{ clear:both; height:auto; overflow:hidden; } .erlx_pic{ width: 100%;} .erlx_content{ clear: both;padding:8px 10px; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 26px; color: #666; font-size: 14px; height: auto; overflow: hidden;} .ctlxwm_mdoule{ width:100%; height:auto; overflow:hidden;} .view {width:302px; height:191px;border:10px #cfcfcf solid; overflow: hidden; position: relative; text-align: center; float:left; } .view .mask, .view .content {width:302px; height:191px;position: absolute; overflow: hidden; top: 0px; left: 0px; } .view img { display: block; position: relative;} .second-effect .mask {opacity: 0;overflow:visible;border:0px solid rgba(0,0,0,0.7);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .second-effect a.info {position:relative;top:-10px;opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;} .second-effect:hover .mask {opacity: 1; border:100px solid rgba(0,0,0,0.7);} .second-effect:hover a.info {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;} .view a.info { display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px;} .yewu_con{ margin-left:40px; float:left;} .yewu_tit{ width:800px; height:60px; line-height:60px; font-size:20px; color:#505050; font-weight:bold;border-bottom:1px #8d8d8d solid;} .yewu_tit a{color:#505050;} .yewu_tit a:hover{font-size:20px; color:#ee0000;} .yewu_txt{width:800px; height:50px; line-height:25px; overflow:hidden; margin:15px 0; } .yewu_btn{ width:130px; height:34px; margin-top:13px; color:#656565 font-size:14px; float:right;} .yewu_btn a{display: block;width:130px;height:40px; line-height:40px; text-align:center;border:1px solid #bfbfbf; color:#656565;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s; /* Gecko browsers */ -moz-border-radius: 50px; -webkit-border-radius: 50px; /* Webkit browsers */ border-radius:50px; /* W3C syntax */} .yewu_btn a:hover{background:#ee0000; border:none; color:#fff;} /*二级右侧*/ .content_L{ width:214px; float:left;} .content_R{width:763px; float:right;} .common_module{ float:right; width:953px; height:auto; overflow:hidden;} .common_item{ width:953px; height:75px; line-height:75px;background:url(../images/cn_bg.gif) right top no-repeat;} .common_item_title{ color:#006BB9;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:18px; float:left; line-height:75px; text-indent:45px; background:url(../images/border-topl.gif) left top no-repeat; font-weight:bold;} .common_item_title span{ color:#b1b1b1; font-size:13px;} .common_item_more{ width:60px; float:right; line-height:75px; width:auto; margin-right:15px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/dangq.jpg) 0px 30px no-repeat; text-indent:15px;} .common_item_more a,.common_item_more a:link,.common_item_more a:visited,.common_item_more a:active{color:#333;} .common_item_more a,.common_item_more a:hover{ color:#e43031;} .common_module_module{ clear:both; padding: 10px 15px 10px; line-height:26px; font-size:14px; border:1px solid #eaeaea; border-top: none;} .common_module_module a,.common_module_module a:link,.common_module_module a:visited,.common_module_module a:active{ color:#5e5e5e;} .common_module_module a,.common_module_module a:hover{ color:#37b669;} /*banner*/ .wywh-banner{ clear:both; width:100%; height:auto; overflow:hidden; text-align:center;} .br_module{ width: 100%; height: 300px; overflow: hidden; background: url(../images/ebr.jpg) center no-repeat;} .fyjzzs-content{ height: auto;width: 100%;} .se_header{ width:1200px; margin:0px auto; height:auto; overflow:hidden; float:none; background: #FFF;} .seheader_L{ width:223px; float:left;position:relative;z-index:999; border: 1px solid #eee; border-bottom: none;} .seheader_item{ background:url(../images/border-topr.gif) right top no-repeat;} .seheader_item_title{ background:url(../images/border-topl.gif) left top no-repeat; line-height:104px; height:104px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:30px; color:#515151; font-weight:bold; text-indent:20px;} .seheader_R{ width:975px; float:right; height:auto; overflow:hidden;} .seheader_dq{ background:url(../images/home.jpg) 0px center no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; height:40px; line-height:40px; font-size:14px; color:#515151; text-indent:25px;} .seheader_dq a{ color:#515151;} .seheader_dq a:hover{ color:#f75800;} .se_xh{ clear:both; width:100%; height:1px; border-top:1px solid #eee;} .ct_module{ clear:both; width:1200px; overflow: hidden; margin:0px auto; font-weight: normal; height:auto;} .ct_L{ width:260px; height:auto; float:left;} .erfl_item{ width:260px; height: 140px; background: url(../images/about_03.png) no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; color: #FFF; text-indent: 60px;} .erfl_item h2{ font-size:36px; line-height:70px; padding-top: 30px;} .erfl_item p{ font-size: 14px; line-height: 24px; font-family:Arial, Helvetica, sans-serif; text-transform: uppercase;} .ct_R{ width:920px; float:right; margin-top:20px; font-weight: normal; background: #FFF;} .ctcommon_module{border:1px solid #f0f0f0; width:918px; padding-top: 0px; height:auto; overflow:hidden;} .ctcommon_item{ background:url(../images/dqtp.gif) left top no-repeat; border:none; border-bottom:1px solid #eaeaea; height:51px; line-height:56px;font-family:"\5fae\8f6f\96c5\9ed1";color:#333; font-size:16px; text-indent:0px; width:100%; margin:0px auto;} .ctcommon_title{ width: auto; float:left;} .ctcommon_title em{ width: 4px; height: 20px; background: #018843; margin:18px 9px 0 20px; display: block; float: left;} .ctcommon_more{ background:url(../images/about_05.jpg) 0px center no-repeat; font-family:"\5fae\8f6f\96c5\9ed1"; height:40px; line-height:40px; width: auto; float: right; font-size:14px; color:#515151; text-indent:25px; margin-right: 15px;} .ctcommon_more a{ color:#515151;} .ctcommon_more a:hover{ color:#d02f1e;} .ctcommon_module_module{ clear:both; height:auto; overflow:hidden;font-family:"\5fae\8f6f\96c5\9ed1";color:#212121; line-height:28px; padding:15px 20px; font-size:15px;} .ctcommon_module_module a{color:#515151;} .ctcommon_module_module a:hover{color:#018843;} .ctlxwm_mdoule{ width:100%; height:auto; overflow:hidden;} /*二级资质荣誉*/ .erry_module{ width:223px; border:1px solid #f0f0f0; height:auto; overflow:hidden;} .erry_item{font-family:"\5fae\8f6f\96c5\9ed1"; font-size:14px; font-weight:bold; color:#000; height:40px; line-height:40px; text-indent:15px;} .erry_item_title{ width:auto; float:left;} .erry_item_more{ width:auto; float:right; margin-right:10px;font-family:"\5fae\8f6f\96c5\9ed1"; font-size:12px; color:#666; font-weight:normal;} .erry_item_more a{ color:#666;} .erry_item_more a:hover{ color:#f48819;} .erry_module_module{ clear:both; height:auto; overflow:hidden; padding:15px 2px; text-align:center;} /*二级产品分类*/ .content_p22{ width:1200px; margin:0px auto; height:auto; overflow:hidden;} .ercpfl_module{ width:225px; float:left; height:auto; overflow:hidden;} .ercpfl_item{ width:100%; height:auto; overflow:hidden;} .ercpfl_module_module{ clear:both; width:100%; height:auto; overflow:hidden;} .ercpfl_content{ padding:10px 12px; border: 1px solid #eee; border-top: none;} .ercpfl_content ul li{ width:auto; margin:10px auto 0px; text-indent:15px;font-family:"\5fae\8f6f\96c5\9ed1"; color:#333; line-height:45px;} .ercpfl_content ul li h2{ background:#eee; border: 1px solid #eaeaea; height:40px; line-height:40px; font-weight:normal;font-size:16px; color:#333;} .ercpfl_content ul li h2 a{color:#333;} .ercpfl_content ul li h2 a:hover{color:#FFF;} cpfl_content ul li:hover{ background:url(../images/cpfl_h.jpg) 0px center no-repeat; color:#FFF; } cpfl_content ul li:hover a{ color:#FFF;} .ercpfl_content ul li:hover h2{ background: #f75800; color: #FFF;} .ercpfl_content ul li:hover a{ color: #FFF;} .ercpfl_content ul li a{ color:#FFF;} .ercpfl_bottom{ clear:both; width:100%;} .erfl_second{ clear:both; width:auto; margin:0px auto; height:auto; overflow:hidden; margin-top:6px;} .erfl_second ul li{ margin:0px; padding:0px; background:url(../images/cpfl_t.png) 10px center no-repeat; text-indent:20px;font-family:"\5fae\8f6f\96c5\9ed1"; height:36px; line-height:36px; color:#4a4a4a; font-size:14px;} .erfl_second ul li a{ color:#4a4a4a;} .erfl_second ul li a:hover{ color:#F00;} .ercm_module{ width: 100%; height: 56px; border-bottom: 1px solid #ddd;} .ctcommon_item{ height:56px; line-height:56px;font-family:"\5fae\8f6f\96c5\9ed1";color:#333; font-size:16px; width:100%; margin:0px auto;} .ctcommon_module_module{ clear:both; height:auto; overflow:hidden;font-family:"\5fae\8f6f\96c5\9ed1";color:#212121; line-height:28px; padding:15px 15px; font-size:15px;} .ctcommon_module_module a{color:#515151;} .ctcommon_module_module a:hover{color:#F00;} .ctcommon_item_title{ width: auto; float: left; height: auto; overflow: hidden; font-size: 20px;} .ctcommon_item_title b{ color: #e3e3e3; font-size: 20px; font-weight: normal; margin-left: 6px; text-transform: uppercase;} .ctcommon_more{ width: auto; float: right; margin-right: 15px; background: url(../images/dts.png) 0px center no-repeat; text-indent: 25px; font-family:"\5fae\8f6f\96c5\9ed1"; color:#515151; font-size:14px; line-height: 56px; height: 56px;} .ctcommon_more a{ color: #515151;} .ctcommon_more a:hover{ color: #018843;} .nwxx_module{clear:both; width:100%; background: #f6f6f6; height:auto; overflow:hidden;} .nwxxcommon_module{width:1200px; margin: 0px auto; height:auto; overflow:hidden;} /*在线留言*/ .content_p5{ width: 100%; height: auto; overflow: hidden;} .dtfb{ height:580px; background:url(../images/dt_bj.jpg) no-repeat center; padding-top:60px;} .dtfb_lt{ float:left;width:760px;} .map-service{position:relative;height:425px;background:url(../images/ditu_bg.png) center no-repeat} .map-service-right{padding-top:60px} .china-map{width:748px;height:618px;background:url(images/ditu_bg.png) center no-repeat;position:relative;} .region-list{position:absolute;left:0;top:0} @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .area-box .dot{position:absolute;left:0;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fcff00;opacity:1;filter:alpha(opacity=100)} .area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #fcff00,0 0 10px #fcff00 inset;-moz-box-shadow:0 0 4px #fcff00,0 0 10px #fcff00 inset;box-shadow:0 0 4px #fcff00,0 0 10px #fcff00 inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0} .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} .region-list.active .area-box .dot{background:#fcff00} .region-list.active .area-box .pulse{border-color:#fcff00;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #fcff00,0 0 20px #fcff00 inset;-moz-box-shadow:0 0 12px #fcff00,0 0 20px #fcff00 inset;box-shadow:0 0 12px #fcff00,0 0 20px #fcff00 inset} .region-list.waite .area-box .dot{background:#fcff00} .region-list.waite .area-box .pulse{border-color:#fcff00} .show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1} .show-regin span{width:80px;position:absolute;left:-40px;top:14px;padding:20px 10px;font-size:12px;color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;} .show-regin1{position:absolute;left:12px;height:0;top:-4px;width:100px;opacity:1;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out; color:#fff;} .show-regin2{position:absolute;left:15px;height:0;top:-4px;width:100px;opacity:1;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out; color:#fff;} .show-regin3{position:absolute;left:-29px;height:0;top:0px;width:100px;opacity:1;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out; color:#fff;} .show-regin4{position:absolute;left:-68px;height:0;top:-4px;width:100px;opacity:1;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out; color:#fff;} .postition-10 .show-regin span{left:0} .postition-6 .show-regin span{left:-44px} .area-box{z-index:77} .show-regin{z-index:66} .region-list.active .show-regin span{position:relative;color:#fff} .region-list.waite .show-regin span{color:#fff} .postition-1{left:302px;top:308px} .postition-2{left:128px;top:32px} .postition-3{left:610px;top:91px} .postition-4{left:542px;top:42px} .postition-5{left:575px;top:96px} .postition-6{left:572px;top:183px} .postition-7{left:400px;top:245px} .postition-7.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .postition-8{left:499px;top:319px} .postition-9{left:637px;top:371px} .postition-9.region-list.active .area-box .pulse{top:-50px;left:-50px;width:110px;height:110px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} .postition-10{left:490px;top:599px} .postition-11{left:534px;top:295px} .postition-13{left:570px;top:141px} .douhao{width:0} .dtfb_rt{width:440px; float:right; padding-top:40px;} .dtfb_rt_t{ text-align:center; font-size:20px; color:#ffc600; font-weight:bold; background:url(../images/dt01.png) no-repeat center bottom; height:100px; line-height:60px;} .dtfb_nr{width:380px; background:url(../images/dt02.png) no-repeat 40px 0px; height:490px;} #div1{ padding-top:4px;height:462px;overflow:hidden;} #div1 p{ float:left;} #div1 span{ float:left; margin-left:80px; display:block; text-align:left;} #div1 a{ overflow:hidden;display:block;line-height:42px;color:#fff;font-size:14px;} #div1 a:hover{ color:#ff0;} .dtfb_title{ font-size:24px; line-height:70px; color: #FFF;} .dtfb_module{ clear: both; height: auto; overflow: hidden;} .dtfb_module h2{ clear: both; width: 100%; font-size: 16px; line-height:40px; color: #FFF;} .stfb_content{ clear: both; line-height: 26px; font-size: 14px; color: #FFF;} /*底部*/ .ysj{ width: 1200px; margin: 0px auto; height: auto; overflow: hidden;} .end{ height:530px; background:#003b77; } .end_t{ height:84px; line-height:84px; color:#c4c4c4; text-align:center; border-bottom:1px solid #004893;} .end_t a{ color:#c4c4c4; font-size:14px; padding:0 24px;} .end_t a:hover{ color:#ff0;} .end_nr{ padding-top:35px;} .end_nr_lt{ float:left; text-align:left;width:525px; padding-top:10px; margin-left:65px;} .end_nr_lt_t{ height:160px;} .end_nr_lt_t img{ float:right;} .end_nr_lt_t dl{ float:left; text-align:left;width:345px; font-size:14px; color:#d6d6d5; line-height:36px;} .end_nr_lt_t dl p{ font-size:14px; background:url(../images/xi.jpg) no-repeat right bottom; color:#d3d3d3; line-height:50px; margin-bottom:30px;} .end_nr_lt_t dl span{ color:#3ab36c; font-size:26px; display:block;} .end_nr_lt_e{ padding-top:30px; line-height:32px; color:#acacac; font-size:14px;} .end_nr_rt{width:550px; float:right;} .end_nr_rt p{ font-size:14px; line-height:50px; color:#acacac; display:block;} .dlk_nr{ padding:0px 20px 20px 0px;} .form-group .controls input{ color:#acacac;} .input-lg{ background:#FFF; color:#fff; border:none; margin-bottom:14px; height:40px; font-size:14px;-moz-border-radius:4px; padding:0px 12px; outline:none;width:200px; } .input-lg1{ background:#FFF; color:#727272; border:none; margin-bottom:14px; height:74px; font-size:14px;-moz-border-radius:4px; padding:10px 12px 0; outline:none;width:400px; } .form-group .control-label{color: #616161; line-height:40px; font-size:14px; font-weight:bold;} .dlk1{width:370px; background:#fff; height:auto; margin-left:730px; margin-top:60px;z-index:9999;-moz-border-radius:8px; -webkit-border-radius: 8px;border-radius:8px;} .form-group .btn-primary{margin-bottom:2px !important;border:1px solid #acacac; text-align:center; line-height:48px; color:#acacac; font-size:16px;width:160px; background:none;font-family:'microsoft yahei';cursor:pointer } /*新闻中心*/ .content_p6{ clear:both; width: 100%; height: auto; overflow: hidden; margin-top: 15px;} .xwzx_module{ width:100%; margin:0px auto; height:auto; overflow:hidden;} .inxwzx_item{ width: 100%; height: auto; overflow:hidden; text-align: center;} .inxwzx_item h2{font-family: '../fonts/bernhardfashion_btregular'; font-weight: bold; text-transform: uppercase; font-size: 28px; color: #666; line-height: 40px;} .inxwzx_item p{font-family:"\5fae\8f6f\96c5\9ed1"; font-size: 28px; height: 30px; color: #298bca; line-height: 30px; background: url(../images/incpzs_t.png) center no-repeat;} .xwzx_module_module{ clear: both; height: auto; overflow: hidden; width: 1200px; margin: 20px auto 0;} .xwzx_module_module ul li{ width: 380px; float: left; margin-left: 30px; height: auto; overflow: hidden;} .xwzx_pic{ width: 360px; height: 209px; overflow: hidden;} .xwzx_title{ font-size: 16px; color: #333; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 26px; margin-top: 10px;} .xwzx_content{ clear: both; color: #666; font-size: 14px; line-height: 24px; padding: 10px 0px; border-bottom: 1px solid #e5e5e5;} .xwzx_more{ clear: both; font-size: 14px; color: #666; line-height: 40px; background: url(../images/xw_tb.png) right center no-repeat; width: 100%;} .xwzx_module_module ul li a img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .xwzx_module_module ul li:hover a img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .xwzx_module_module ul li:hover .xwzx_title{ color: #429dd2;} xwzx_module_module ul li:hover .xwzx_more a{ color: #429dd2;} .inxwzx_title{ width: 276px; margin: 0px auto; height: 40px; margin-top: 20px;} .inxwzx_title ul li{ width: 128px; height: 40px; line-height: 40px; font-size: 16px; color: #FFF; text-align: center; background: #989898; margin-left: 20px; float: left;} .inxwzx_title ul li.inxwzx_active{ background: #017cba;} .inxwzx_title ul li.inxwzx_active a{ color: #FFF;} .inxwzx_title ul li a{ color: #FFF; display: block;} .inxwzx_hide{ display: none;} /*新闻页面*/ .news_item{ width: 100%; height: 42px; margin: 20px 0px;} .news_item ul li{ width: 150px; height: 42px; color: #333; line-height: 42px; float: left; margin-right: 15px; text-align: center; background: #FFF; font-size: 16px;} .news_item ul li a{ color: #333; display: block;} .news_item ul li:hover{ background: #005bae;} .news_item ul li:hover a{ color: #FFF;} .news_item ul li.news_active{background: #005bae; } .news_item ul li.news_active a{ color: #FFF;} .news1_content{ clear: both; height: 380px; width: 1200px; margin: 20px auto 0;} .news1_content ul li{ width: 360px; background: #FFF; padding: 10px; float: left; margin-left: 20px; height: auto; overflow: hidden;} .news1_content ul li:hover{box-shadow: #E0E0E0 0px 0px 10px;} .news1_pic{ width: 360px; height: 200px; overflow: hidden;} .news1_title{ font-size: 16px; color: #333; font-family:"\5fae\8f6f\96c5\9ed1"; line-height: 26px; margin-top: 10px;} .news2_content{ clear: both; color: #666; font-size: 14px; line-height: 24px; padding: 10px 0px; border-bottom: 1px solid #e5e5e5;} .news1_more{ clear: both; font-size: 14px; color: #666; line-height: 40px; background: url(../images/xw_tb.png) right center no-repeat; width: 100%;} .news1_content ul li a img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .news1_content ul li:hover a img{transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .news1_content ul li:hover .xwzx_title{ color: #ec0000;} .news_ct_module{ clear: both; height: auto; overflow: hidden; margin-top: 25px;} .news_ct_module ul li{ width: 1200px; height: 160px; background: #FFF; margin-bottom: 25px;} .news_ct_module ul li .news_ct_title{width:920px; height:120px; background:#fff; float:left; padding-top:40px; padding-left:30px; padding-right:30px;} .news_ct_title h2{font-size:16px; color:#3c3c3c; font-weight:normal; padding-bottom:15px;} .news_ct_title p{ line-height: 25px; color: #666;} .news_ct_data{width:150px; height:120px; background:#EBEBEB; float:left; padding-top:40px; padding-left:40px;} .news_ct_data h2{font-size:24px; color:#b7b7b7; font-weight:normal;} .news_sj{font-size:14px;} .news_ct_more{width:38px; height:38px; background:url(../images/da.png) no-repeat; margin-top:15px;} .news_ct_module ul li:hover a .news_ct_title h2{ color: #005bae;} .news_ct_module ul li:hover a .news_ct_data{ background: #005bae;} .news_ct_module ul li:hover .news_ct_data h2{ color: #FFF;} .news_ct_module ul li:hover .news_sj{ color: #FFF;} .news_ct_module ul li:hover .news_ct_more{background:url(../images/dah.png) no-repeat;} /*产品服务*/ .ctal_module_module{ clear:both; height:auto; overflow:hidden;font-family:"\5fae\8f6f\96c5\9ed1";color:#515151; line-height:28px; padding:15px 0; font-size:15px; border:1px solid #f0f0f0; border-top: 0; width:1200px; margin: 10px auto 0;} .ctal_module_module a{color:#515151;} .ctal_module_module a:hover{color:#d31919;} .syxclie { width:100%; float:left;} .syxclie ul li { float:left; position:relative; margin-left:29px; margin-bottom:26px; width:380px; height:257px;} .syxcbt { background:url(../images/syxcbg2.jpg) no-repeat; width:360px; height:48px; font-size:16px; color:#333333; line-height:48px; padding-left:20px;} .sypb {width:380px; height:257px; position:absolute; background:url(../images/syxcbg.png) no-repeat; text-align:center; font-size:16px; color:#FFF; padding-top:78px; padding-left:30px; line-height:25px; padding-right:30px;display:none; left:0; top:0; opacity:1;} .syxclie ul li.mr0 { margin-right:0;} .syxclie2 { width:845px; margin-left:44px; float:left;} .syxclie2 ul { margin:0 auto;} .syxclie2 ul li { float:left; position:relative; margin-right:41px; margin-bottom:26px; width:250px; height:257px;} .syxcbt2 { background:url(../images/syxcbg2.jpg) no-repeat right; width:230px; height:48px; font-size:16px; color:#333333; line-height:48px; padding-left:20px;} .sypb2 { width:190px; height:179px; position:absolute; background:url(../images/syxcbg3.png) no-repeat; text-align:center; font-size:16px; color:#FFF; padding-top:58px; padding-left:30px; line-height:25px; padding-right:30px;display:none; left:0; top:0;} .syxclie2 ul li.mr0 { margin-right:0;} div.digg a {background-color: #f9f9f9; border: 1px solid #ccc; color: #8698b6; margin:0 3px 0 0; padding: 6px 10px; text-decoration: none;} .fanye {margin: 0 auto 25px; text-align: center; width:100%;} div.digg a:hover{ background-color: #429dd2; border: 1px solid #429dd2; color: #fff;} div.digg {clear: both; height:33px; padding:0px 3px 0; text-align: center;margin:0 auto;} div.digg span {background-color: #429dd2; border: 1px solid #429dd2; color: #fff; margin: 2px;padding:6px 10px;} /*main css*/ .izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; } .izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;} .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;} .izl-rmenu .btn-ww{background:url(../images/r_ww.png) 0px 0px no-repeat; background-color:#c3be40;} .izl-rmenu .btn-ww:hover{background-color:#b6b13b;} .izl-rmenu a.btn-ww,.izl-rmenu a.btn-ww:visited{background:url(../images/r_ww.png) 0px 0px no-repeat; background-color:#c3be40; text-decoration:none; display:block;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute; left:-151px; top:0px; display:none;width:150px;height:150px;} .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;} .izl-rmenu .btn-phone:first-child{background:url(../images/r_wx3.png) 0px 0px no-repeat; background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;} .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} /*企业文化*/ .qyjjk { width:100%; padding-top:24px; /*float:left;*/} .nrclnk { padding-bottom: 20px; width:100%; margin:0 auto;} .xb-about-news .ul a,.xb-about-news .ul span{display:block; overflow:hidden;} .xb-about-news .ul dt{padding-bottom:30px;} .xb-about-news .ul dt .img{width:173px; height:130px; padding:3px 4px 5px 4px; float:left; margin-right:10px; background:url(../images/img_bg.jpg) no-repeat;} .xb-about-news .ul dt .date{padding-top:9px; line-height:15px; color:#595757;} .xb-about-news .ul dt .h1{font-size:16px; line-height:25px; color:#151b21; padding-bottom:6px; font-weight:bold;} .xb-about-news .ul dt .p{line-height:22px; color:#595757; height:56px;} .xb-about-news .ul dt .more{width:78px; height:23px; text-align:center; line-height:23px; font-weight:bold; color:#ffffff; background:#f08d19;} .xb-about-news .ul dd{line-height:40px; border-bottom:#9f9f9f dotted 1px; } .xb-about-news .ul dd a{display:block;float:left; padding-left:14px; background:url(../images/ag.png) no-repeat left;} .xb-about-news .ul dd a:hover{color:#f08d19;} .xb-about-news .ul dd span{color:#595757; display:block; padding-right:12px; float:right; font-size:11px;} .industry-default-imgall{height:317px; margin-bottom:10px;} .industry-default-imgall .kwicks{width:926px; position:relative;} .industry-default-imgall .kwicks li{width:184px; height:317px; overflow:hidden;} .industry-default-imgall .kwicks li .img{width:400px;height:317px; position:absolute; top:0; left:0; z-index:10;} .industry-default-imgall .kwicks li .cont{width:100%; height:100%; position:absolute; top:0; left:0; z-index:30;background:url(../images/wpng90.png) repeat;} .industry-default-imgall .kwicks li .cont .p-warp{width:100%; height:125px; position:absolute; top:50%;left:0; margin-top:-63px;} .industry-default-imgall .kwicks li .cont .simg{width:100%; margin-top:18px; text-align:center; height:69px; display:block;} .industry-default-imgall .kwicks li .cont .p{font-size:16px; color:#3f3f3f; font-family:\5FAE\8F6F\96C5\9ED1; line-height:33px; display:block; text-align:center;} .industry-default-imgall .kwicks li .co{width:240px; height:125px; padding:15px 16px 0 16px; position:absolute; top:50%; margin-top:-63px; z-index:30; background:url(../images/pngs95.png) repeat; color:#ffffff; line-height:22px; font-family:\5FAE\8F6F\96C5\9ED1; left:200px;} .industry-default-imgall .kwicks li .co p { color:#fff; padding-bottom:6px;} .industry-default-imgall .kwicks #kwick_1 .co{background:url(../images/rpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_2 .co{background:url(../images/gpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_3 .co{background:url(../images/dpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_4 .co{background:url(../images/bpng95.png) repeat;} .industry-default-imgall .kwicks #kwick_5 .co{background:url(../images/hpng95.png) repeat;} .rczpx { border-bottom:1px dashed #9F9F9F; width:926px; float:left; padding-top:40px; padding-left:5px; padding-bottom:16px; font-size:16px; color:#333333;} .rcbga { background:url(../images/rcbg1.jpg) repeat-x; margin-top:40px; width:100%; height:32px; padding-top:10px; float:left; font-size:14px; font-weight:bold; } .rcbgb { background:url(../images/rcbg2.jpg) no-repeat top; height:521px; width:100%; float:left; margin-top:32px; padding-top:20px; font-size:14px; overflow:hidden;} .rckda { float:left; width:94px; text-align:center; padding-right:90px;} .rckda2 { float:left; width:162px; padding-left:15px;} .rckdb { float:left; width:168px; text-align:center; padding-right:100px;} .rckdc { float:left; width:162px;text-align:center;} .rckdd { float:left; width:162px;text-align:center; } .rckde { float:left; width:152px;text-align:center;} .rczplb { border-bottom:1px solid #EBECEE; line-height:40px; height:40px; padding-top:7px;} .rcyp { width:73px; float:left; padding-left:50px; } .rcyp a { display:block; color:#0166b4; font-size:14px; background:url(../images/jian8.png) no-repeat right;} .czbty { color:#0166b4; font-size:16px;} /*版本*/ .version{ width:100%; margin:0 auto; text-align:left; } .version a{ color:#ff0; } .version .hd{ height:230px; position:relative; } .other{ padding-top:40px; text-align:center; display:block } .other a{display:inline-block; *display:inline; zoom:1; background:#fff; height:22px; line-height:22px; text-align:center; padding:0 10px; margin-left:8px; color:#333; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; } .version .hd ul{ width:100%; position:absolute; left:0; top:0; z-index:1; } .version .hd h3{ position:absolute; left:5px; top:5px; } .version .hd ul li{ width:45%; overflow:hidden; height:60px; text-align:center; background:#fff; float:left; margin-left:10px; display:block; color:#333; font: normal 16px/34px Arial; margin-top:10px; cursor:pointer; font-size:20px; background:url(images/indCircle.png) 0 -70px no-repeat; } .version .hd ul li.on{ width:45%; height:60px; line-height:60px; font-size:24px; font-weight:bold; color:#38b374; background-position:0 0; } .version .hd s{ position:absolute; left:0; top:28px; display:block; height:4px; background:#fff; width:100%; font-size:0; overflow:hidden; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .version .bd p{ text-indent:24px; } .version .bd dd{ padding-left:40px; line-height:28px; display:none; background:#f7f7f7; padding-top:3%; padding-bottom:3%; } .version .bd ol li{ list-style-type:decimal-leading-zero; *list-style-type:decimal; } .version .bd ol li.n{ background:url(images/linde-white.png) 0 center repeat-x; } /*组织架构页面*/ .cf *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative} .cf:after,.cf:before{content:" ";display:table} .cf:after{clear:both} .zzjgym_content{width:100%;max-width:920px;margin:0 auto;padding:0 20px; height:1000px;/*background:#f5eec9;*/} .zzjgym_content h1{ text-align: center; width: 100%; line-height:120px;} .zzjgym_content a:focus{outline:2px dashed #f7f7f7} @media all and (max-width:767px){.zzjgym_content{padding:0 20px} } .zzjgym_content ul{padding:0;margin:0;list-style:none} .zzjgym_content ul a{display:block;background:#ccc;/*border:4px solid #eaeaea;*/text-align:center;overflow:hidden;font-size:.7em;text-decoration:none;font-weight:700;color:#333;height:70px;margin-bottom:-26px;/*box-shadow:4px 4px 9px -4px rgba(0,0,0,.4);*/-webkit-transition:all linear .1s;-moz-transition:all linear .1s;transition:all linear .1s;font-family:"\5fae\8f6f\96c5\9ed1";font-size: 16px;} .zzjgym_content ul a:hover{ color: #333;} @media all and (max-width:767px){ul a{font-size:1em} } .zzjgym_content ul a span{top:50%;margin-top:-1.7em;display:block} .administration>li>a{margin-bottom:25px} .director>li>a{width:50%;margin:0 auto 0 auto} .subdirector:after{content:"";display:block;width:0;height:130px;background:red;border-left:4px solid #eaeaea;left:45.45%;position:relative} .departments:after{ content:"";display:block;width:0;height:130px;border-left:4px solid #eaeaea;} .departments,.subdirector{position:absolute;width:97%} .departments>li:first-child,.subdirector>li:first-child{width:31.59895%;height:64px;margin:0 auto 92px auto;padding-top:25px;z-index:1} .subdirector>li:first-child{float:right;right:27.2%;border-left:4px solid #eaeaea} .departments>li:first-child{float:left;left:25.5%;/*border-right:4px solid #eaeaea;*/} .departments>li:first-child a,.subdirector>li:first-child a{width:100%} .subdirector>li:first-child a{left:25px} @media all and (max-width:767px){.departments>li:first-child,.subdirector>li:first-child{width:40%} .subdirector>li:first-child{right:10%;margin-right:2px} .subdirector:after{left:49.8%} .departments>li:first-child{left:10%;margin-left:2px} } .departments>li:first-child a{right:-74px} .department:first-child,.departments li:nth-child(2){margin-left:0;clear:left} .departments:after{content:"";display:block;position:absolute;width:75.8%;height:22px;border-top:4px solid #eaeaea;border-right:4px solid #eaeaea;border-left:4px solid #eaeaea;margin:0 auto;top:130px;left:11.6%} @media all and (max-width:767px){.departments:after{border-right:none;left:0;width:49.8%} } .department:before{content:"";display:block;position:absolute;width:0;height:22px;border-left:4px solid #eaeaea;z-index:1;top:-22px;left:50%;margin-left:-4px} .department:first-child:before,.department:last-child:before{border:none} .department{border-left:4px solid #eaeaea;width:23.59895%;float:left;margin-left:1.75131%;margin-bottom:60px} .lt-ie8 .department{width:18.25%} @media all and (max-width:767px){.department{float:none;width:100%;margin-left:0} .department:before{content:"";display:block;position:absolute;width:0;height:60px;border-left:4px solid #eaeaea;z-index:1;top:-60px;left:0;margin-left:-4px} .department:nth-child(2):before{display:none} } .department>a{margin:0 0 -26px -4px;z-index:1} .department>a:hover{height:80px} .department>ul{margin-top:0;margin-bottom:0} .department li{padding-left:25px;border-bottom:4px solid #eaeaea;height:80px} .department li a{background:#eaeaea;top:48px;position:absolute;z-index:1;width:90%;height:60px;vertical-align:middle;right:-1px;background-image:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background-image:-moz-linear-gradient(-45deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 100%)!important;background-image:-webkit-gradient(linear,left top,right bottom,color-stop(0,rgba(0,0,0,.25)),color-stop(100%,rgba(0,0,0,0)))!important;background-image:-webkit-linear-gradient(-45deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 100%)!important;background-image:-o-linear-gradient(-45deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 100%)!important;background-image:-ms-linear-gradient(-45deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 100%)!important;background-image:linear-gradient(135deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 100%)!important;filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1)} .department li a:hover{box-shadow:8px 8px 9px -4px rgba(0,0,0,.1);height:80px;width:95%;top:39px;background-image:none!important} .department.dep-a a{background:#ffd600} .department.dep-b a{background:#aad4e7} .department.dep-c a{background:#fdb0fd} .department.dep-d a{background:#a3a2a2} .department.dep-e a{background:#f0f0f0} .zzjgym_item{ position: relative; z-index: 22;} .zzjgym_item:after{content:"";display:block;position:absolute;width:0;height:34px;border-left:4px solid #ddd;z-index:1;top:70px;left:77%;} .zzjgym_item:before{content:"";display:block;position:absolute;width:0;height:25px;border-left:4px solid #ddd;z-index:1;bottom:70px;left:77%;} director>li>a.zzjgt_it1{ background: #018843;} .director>li>a.jgt_item{ background: #38b374; color: #FFF;}