/* 首页轮播 */ .slidebox { overflow: hidden; position: relative;width: 100%;top: 90px;} .slidebox .hd {bottom: 25px; height: 15px;overflow: hidden; position: absolute; z-index: 1;width: 125px; margin: 0 -62px;left: 50%;} .slidebox .hd ul {float: left; overflow: hidden;} .slidebox .hd ul li {background: #fff;cursor: pointer; float: left; height: 14px; margin-right: 10px;text-align: center;width: 14px; border-radius: 7px;} .slidebox .hd ul li.on {background: #0051bb;} .slidebox .bd {height: 100%; position: relative; z-index: 0;} .slidebox .bd a{ display: block; } .slidebox .bd li { vertical-align: middle;} .slidebox .bd img {display: block; height: 100%; width: 100%;} .slidebox .prev, .slidebox .next { height: 72px; left: 0px; margin-top: -25px; position: absolute; top: 50%; width: 42px; color: #333; text-align: center;line-height: 40px;background-image: url(/uploads/image/pimages/icons.png);} .slidebox .prev{ background-position: 0 -20px;} .slidebox .next { left: auto; right: 0px; background-position: -42px -20px;} .slidebox .prevstop { display: none} .slidebox .nextstop { display: none;} .mar_top{ margin-top: 100px; } .slidebox .prev:hover { background-position: 0 -92px;} .slidebox .next:hover { background-position: -42px -92px;} /*集团动态*/ .tit { margin: 30px 0px 20px;text-align: center;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);} .tit-en { } .tit-zh { color: #d99d47;font-size: 12px;font-family: "times new roman"; } .tit-line { background-color: #c7c7c7;display: block;font-size: 0;height: 1px;margin: 10px auto; width: 60px;} .news_bg{ background-color: #f6f8f9;} .news_in{width: 775px;*width:750px; height: 420px;float: left; padding-right:20px; } /* .news_in h2{ color: #fff; height:40px;font-size: 18px;width:65px; text-align:center;margin-top:10px;border-bottom: 1px solid #3490d6; line-height: 40px; margin-bottom: 20px; background-color: #104093} .nl_in li{ overflow: hidden; margin-bottom: 15px; } .nl_in li a{ color: #666;overflow: hidden;} .nl_in li img{ float: left;width: 190px;margin-right: 20px; } .nl_in li h3{ float: left;width:480px;font-size: 16px; color: #1a4e8d;line-height: 40px; } .nl_in li p{ float: left;width:480px;line-height: 20px; height: 40px; overflow: hidden; } */ .mar_top{ margin-top:117px !important; } .news_in_l{ width: 348px; float: left;margin-right: 45px;margin-top:22px; } .news_in_l h2,.news_in_r h2{ color: #104093; font-size: 18px;padding: 25px 0px;} .ni_tit { display: block; color: #666; } .ni_tit h3{ color: #ad1c00; font-size: 16px;padding: 30px 10px; font-weight: bold;} .ni_tit img{ display: block;width: 348px;height: 200px; } .ni_tit p{ height:140px;overflow: hidden; padding: 0px 10px; } .news_in_r{ width: 348px; float: left;margin-top:22px;} .news_in_r ul li{ border-bottom: 1px dashed #ccc;display: block;height: 44px;margin-bottom: 15px;} .news_in_r ul li span{color: #fff; display: block;float: left; font-size: 12px;height: 25px; line-height: 25px;margin-right: 20px; text-align: center; width: 78px;} .news_in_r ul li a{ /* border-bottom: 1px dashed #4d4d4d; */width: 245px;height:38px; line-height: 25px; color: #666; float: left; display: block; } .news_in_r ul li a:hover{color:#1399f0;} .news_in_r ul li:last-child a{border: none;} /* 公司简介 */ .cp_mes h1{ color: #ededed; font-size: 52px; } .cp_mes{ float: right; width: 422px; position: relative; display: block; height: 420px;margin-top:22px;} /* .cp_mes:hover .cp_div { transition: opacity 1s; -webkit-transition: opacity 1s; safariopacity: 1} */ .cp_div{ position: absolute;width: 100%; bottom: 0; left: 0px;height: 216px; color: #666;} .cp_div img{ display: block;margin-top: 20px; } .cp_div h3{ line-height: 30px; font-size: 18px;font-weight: bold;} .since{ color:#f6ad42 ;margin-top:10px; } .cp_div p{line-height: 21px;height:80px;overflow: hidden;width: 410px; } /* 产品中心 */ .product{ background-color: #f6f8f9; width:100%; overflow: hidden; margin: 0 auto;padding: 40px 0px; } .product_ul{ width:1220px; overflow: hidden; height: 400px; overflow: hidden;margin: 0 auto;} .product img{width: 600px; height: 400px; max-width: 600px} .product li{float:left;position:relative;width:200px;height:100%;overflow:hidden;cursor:pointer; *width: 195px;} .product li img{} .productli a{display:block;} .product li.active{cursor:pointer; z-index:3;width:600px;} /* 合作伙伴 */ .partner{ margin: 40px 0px; } .partner .wrap{position: relative;} .partner .hd a{ position: absolute;z-index:2;font-size: 30px; display: block;color: #ccc; width: 20px; top:50%;margin-top:-10px;text-align: center;} .partner .hd .next{ right: 0px; } .partner .hd .prev{ left: 0px; } .partner .bd{ width: 1160px; position: relative;top:0px; left:20px;overflow: hidden;} .partner .bd ul li{ width:130px;margin-right: 20px;float: left; } .partner .bd ul li img{ width: 130px; } .accordion { background: #f6f8f9; width: 100%; padding: 20px 0px;} .accordion ul{ width: 1200px; overflow: hidden; height:400px; margin:0 auto; } .accordion ul li{ background-repeat: no-repeat; float: left; width: 150px; height: 400px; cursor: default; list-style: none; float: left; cursor: pointer; } .accordion ul li.active{ width: 600px; } .accordion ul li a{ display: block; width: 150px; height: 400px; } /* 滑块 start */ .g-wrap { height: 100%; margin: 0 auto; overflow: hidden; position: relative; width: 1200px; } #subjects {height:440px; background-color:#f6f8f9;} #subjects .g-wrap{} #subjects .g-wrap a {margin: 20px auto;position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;} #subjects .g-wrap .item-1 {z-index:1; } #subjects .g-wrap .item-2 {z-index:2; } #subjects .g-wrap .item-3 {z-index:3; } #subjects .g-wrap .item-4 {z-index:4; } #subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;} #subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;} #subjects .g-wrap .item-2 .p1 {left:61px; } #subjects .g-wrap .item-3 .p1 {left:20px; width:77px; height:76px;} #subjects .g-wrap .item-4 .p1 {left:23px; width:182px; height:80px;} /*#subjects*/ #subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;} /* 逐个出现 */ #subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} /* 没有指向 */ #subjects .state-0 .item-1 {left:0;} #subjects .state-0 .item-2 {left:340px;} #subjects .state-0 .item-3 {left:617px;} #subjects .state-0 .item-4 {left:793px;} /* 指向第一个 */ #subjects .state-1 .item-1 {left:0;} #subjects .state-1 .item-2 {left:539px;} #subjects .state-1 .item-3 {left:705px;} #subjects .state-1 .item-4 {left:917px;} /* 指向第二个 */ #subjects .state-2 .item-1 {left:0;} #subjects .state-2 .item-2 {left:100px;} #subjects .state-2 .item-3 {left:741px;} #subjects .state-2 .item-4 {left:917px;} /* 指向第三个 */ #subjects .state-3 .item-1 {left:0;} #subjects .state-3 .item-2 {left:100px;} #subjects .state-3 .item-3 {left:360px;} #subjects .state-3 .item-4 {left:957px;} /* 指向第四个 */ #subjects .state-4 .item-1 {left:0;} #subjects .state-4 .item-2 {left:100px;} #subjects .state-4 .item-3 {left:325px;} #subjects .state-4 .item-4 {left:580px;} /* 滑块 end */