@charset "utf-8"; /*big banner*/ .device { position: relative; /*min-width:1200px;*/ height:535px; overflow:hidden; z-index:2 } .device .arrow-left { background:url(/uploads/image/srimages/ibg2.png) center center no-repeat ; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; left: 6%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; opacity:.5} .device .arrow-right { background:url(/uploads/image/srimages/ibg2a.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; right: 6%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; opacity:.5} .device .arrow-left:hover { opacity:1; transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s; } .device .arrow-right:hover { opacity:1; transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s; } .device .swiper-container { overflow:hidden; } .device .content-slide { padding: 20px; color: #fff;} .device .swiper-slide { position:relative; overflow:hidden; height:535px; width:100%;} .device .swiper-slide span img { width:1920px; height:535px; position:absolute; left:50%; margin-left:-960px; display:block; } .device .swiper-slide span video { width:1920px; height:535px; position:absolute; left:50%; margin-left:-960px; display:block;} .device .swiper-slide b { display:none; } .device .swiper-slide h1 { position:absolute; font-size:63px; color:#fff; width:1200px; z-index:89; left:50%; margin-left:-600px; line-height:80px; top:7%; } .device .swiper-slide h1 p { height:48px; line-height:48px; font-size:18px; color:#fff; overflow:hidden; font-weight:normal; margin-top:15px; cursor:pointer; } .device .swiper-slide h1 p img { display:inline-block; float:left; height:100%; width:auto; margin-right:10px; } .device .swiper-slide h1 p.play em { display:none; } .device .swiper-slide h1 p.play i { display:inline; } .device .swiper-slide h1 p.pause em { display:inline; } .device .swiper-slide h1 p.pause i { display:none; } .device .pagination { position: absolute; right:5%; text-align: center; top:36%; width:12px; z-index:88} .device .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 12px; background: #fff; margin: 10px 0; cursor: pointer;} .device .swiper-active-switch { background: #c70000;} .ibox1 { display:block; font-size:42px; color:#333333; font-weight:bold; text-align:center; line-height:60px; margin-top:20px; margin-bottom:20px; } .ibox1:hover { color:#c70000; } .ibox2 { line-height:30px; margin-bottom:20px; text-align:center; } .ibox2 a { font-size:18px; color:#606060; } .ibox2 a:hover { color:#c70000; } .ibox3 { overflow:hidden; box-shadow:#d8d8d8 0 0 10px; } .ibox3_l { float:left; display:inline; width:691px; height:454px; margin-right:29px; } .ibox3_r { height:454px; overflow:hidden; } .ibox3_r ul { overflow:hidden; line-height:36px; margin-top:13px; font-size:17px; color:#333333; font-weight:bold; white-space:nowrap; margin-bottom:7px; cursor:pointer } .ibox3_r ul li { float:left; display:inline; padding-right:25px; } .ibox3_r ul li a{color:#333;} .ibox3_r ul li.now { color:#c70000; font-size:18px;} .ibox3_r ul li.now a{ color:#c70000; font-size:18px;} .ibox3_r div { margin-right:46px; display:none } .ibox3_r div a { color:#424242; } .ibox3_r div a:hover { color:#c70000; } .ibox3_r div > a h1 { font-size:18px; font-weight:normal; line-height:30px; margin-bottom:5px; } .ibox3_r div > a p { font-size:12px; line-height:20px; color:#757575; margin-bottom:6px; } .ibox3_r div dl a { background:url(/uploads/image/srimages/ibg4.png) left center no-repeat; border-bottom:1px #e6e6e6 dashed; display:block; line-height:43px; padding-left:14px; } /*news pic*/ .ibox4 { position: relative; width:691px;} .ibox4 .swiper-container1 { overflow:hidden; } .ibox4 .arrow-left1 { background:url(/uploads/image/srimages/ibg8.png) center center no-repeat ; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89; transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* firefox 4 */ -webkit-transition:background-image 0.5s; /* safari and chrome */ -o-transition:background-image 0.5s; /* opera */} .ibox4 .arrow-right1 { background:url(/uploads/image/srimages/ibg7.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 48px; height: 48px; z-index:89; transition:background-image 0.5s; -moz-transition:background-image 0.5s; /* firefox 4 */ -webkit-transition:background-image 0.5s; /* safari and chrome */ -o-transition:background-image 0.5s; /* opera */} .ibox4 .arrow-right1:hover { background-image:url(/uploads/image/srimages/ibg7a.png) } .ibox4 .arrow-left1:hover { background-image:url(/uploads/image/srimages/ibg8a.png) } .ibox4 .content-slide { color: #fff;} .ibox4 .swiper-slide { position:relative; } .ibox4 .swiper-slide img { width:100%; height:454px; display:block; } .ibox4 .swiper-slide p { position:absolute; bottom:0; left:0; right:0; height:49px; background:url(/uploads/image/srimages/alpha80b.png) repeat; line-height:49px; font-size:18px; color:#fff; padding-left:22px; } .ibox4 .pagination1 { position: absolute; right:0; text-align: center; bottom:14px; width:90px; z-index:88} .ibox4 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 12px; background: #fff; margin:0 2px; cursor: pointer;} .ibox4 .swiper-active-switch { background: #c70000;} .ibox5 { background:#f0f1f5; padding:30px 0; margin-top:22px; overflow:hidden;} .ibox5>.ibox5in{overflow:hidden;height:499px;} .ibox5 .slidebox{ position: relative; width:1200px; margin:0 auto; } .ibox5 .slidebox .hd{ overflow:hidden; position:absolute; left:0px; top:0; z-index:1; } .ibox5 .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; border-bottom:1px #cacaca solid; } .ibox5 .slidebox .hd ul li{ width:237px; height:82px; border:1px #cacaca solid; border-bottom:0; line-height:82px; font-size:18px; color:#323232; text-indent:33px; background:#fff; cursor:pointer; } .ibox5 .slidebox .hd ul li.on{ background: url(/uploads/image/srimages/ibg5.png) right center repeat-y; color:#fff; width:250px; border:0; } .ibox5 .slidebox .bd{ position:relative; overflow:hidden; float:right; z-index:0; } .ibox5 .slidebox .bd li{ zoom:1; vertical-align:middle; } .ibox5 .slidebox .bd li.pc_hide{display:none;} .ibox5 .slidebox .bd img{ width:961px; height:498px; display:block; } .ibox5 .slidebox .bd dl { position:absolute; z-index:88; bottom:26px; color:#fff; left:0; right:0; } .ibox5 .slidebox .bd dl b { display:none; } .ibox5 .slidebox .bd dl table { margin:0 auto; text-shadow: 0 0px 5px #000 } .ibox5 .slidebox .bd dl .td1 { font-size:46px; font-weight:bold; line-height:56px;} .ibox5 .slidebox .bd dl .td2 p { font-size:28px; font-weight:bold; line-height:30px; margin-top:2px; } .ibox5 .slidebox .bd dl .td2 span { font-size:16px; font-weight:normal; line-height:20px; } .ibox5 .slidebox .bd dl hr { color:#fff; height:2px; width:46px; background:#fff; border:0; margin:0 20px; } .ibox5 .slidebox .prev, .ibox5 .slidebox .next{ position:absolute; top:200px; display:block; width:65px; height:65px; filter:alpha(opacity=50);opacity:0.5; } .ibox5 .slidebox .next{ right:10px; background:url(/uploads/image/srimages/ibg2a.png) center center no-repeat; } .ibox5 .slidebox .prev{ left:265px; background:url(/uploads/image/srimages/ibg2.png) center center no-repeat; } .ibox5 .slidebox .prev:hover, .ibox5 .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } .ibox5 .slidebox .prevstop{ display:none; } .ibox5 .slidebox .nextstop{ display:none; } .ibox6 { overflow:hidden; width:1224px; margin:33px auto 0; overflow:hidden; } .ibox6 li { display:inline; float:left; width:33.3%; } .ibox6 li div { margin:0px 12px; position:relative!important; padding-bottom:30px; overflow:hidden; height:139px; } .ibox6 li div img { display:block; width:383px; height:214px; transition:all 1s; -moz-transition:all 1s; /* firefox 4 */ -webkit-transition:all 1s; /* safari and chrome */ -o-transition:all 1s; /* opera */} .ibox6 li div p { top:0; bottom:0; left:15px; right:15px; position:absolute; } .ibox6 li span { display:block; background:#fff; margin:0px 25px 30px; font-size:14px; color:#333333; line-height:25px; } .ibox6 li div p b { display:block; background:#fff; color:#c70000; font-size:18px; line-height:36px; padding-top:2px; text-align:center; position:absolute; left:0; right:0; bottom:0px; } /*scroll pic*/ .ibox8 { position: relative; width:961px; height:498px; overflow:hidden;} .ibox8 > div { overflow:hidden; } .ibox8 .arrow-left8 { background:url(/uploads/image/srimages/ibg2.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* firefox 4 */ -webkit-transition:opacity 0.5s; /* safari and chrome */ -o-transition:opacity 0.5s; /* opera */ opacity:.5; cursor:pointer} .ibox8 .arrow-right8 { background:url(/uploads/image/srimages/ibg2a.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 65px; height: 65px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* firefox 4 */ -webkit-transition:opacity 0.5s; /* safari and chrome */ -o-transition:background-image 0.5s; /* opera */ opacity:.5; cursor:pointer} .ibox8 .arrow-right8:hover { opacity:1 } .ibox8 .arrow-left8:hover { opacity:1 } .ibox8 .content-slide { color: #fff;} .ibox8 .swiper-slide { position:relative; width:961px; height:498px; } .ibox8 .swiper-slide img { width:961px; height:498px; display:block; } /* pc 1560 */ @media screen and (max-width:1560px){ .device .swiper-slide h1 { font-size:58px; width:1000px; margin-left:-500px; line-height:70px; } .device .arrow-left { left: 3%; } .device .arrow-right { right: 3%; } .device .pagination { right:2%; } } @media \0screen\,screen\9 { .ibox3 { border:1px #d8d8d8 solid;} } /* screen mobile */ @media screen and (max-width:992px){ .device { min-width:auto; height:auto; margin-top:46px; z-index:2} .device .swiper-slide { height:auto; overflow:visible; } .device .swiper-slide span img { height:auto; width:auto; } .device .swiper-slide b { display:block; } .device .swiper-slide b img { width:100%; display:block; } .device .swiper-slide span { display:none; } .device .swiper-slide h1 { font-size:20px; width:auto; left:0; margin-left:14px; line-height:30px; } .device .swiper-slide h1 p { height:16px; line-height:16px; font-size:12px; margin-top:4px; } .device .arrow-left { left:10px; width:20px; height:20px; top:60%; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); opacity:1 } .device .arrow-right { right:10px; width:20px; height:20px; top:60%; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); opacity:1 } .device .pagination { display:none; } .device .swiper-slide b video { display:block; width:100%; position:absolute; top:0; bottom:0;} .ibox1 { font-size:16px; line-height:22px; margin-top:10px; margin-bottom:0px; } .ibox2 { line-height:25px; height:25px; margin-bottom:0px; overflow:hidden; } .ibox2 a { font-size:12px; display:block; } .ibox3 { box-shadow:#d8d8d8 0 0 0px; margin-top:8px; border:0; } .ibox3_l { float:none; display:block; width:auto; height:auto; margin-right:0px; margin-bottom:10px; } .ibox3_r { height:auto; border:1px #d8d8d8 solid; margin:0 5px; } .ibox3_r ul { line-height:45px; margin-top:0px; font-size:14px; margin-bottom:2px; } .ibox3_r ul li { padding:0; width:25%; text-align:center; } .ibox3_r ul li.now { font-size:14px;} .ibox3_r div { margin:0 10px; padding-bottom:10px; } .ibox3_r div > a h1 { font-size:13px; font-weight:bold; line-height:20px; margin-bottom:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .ibox3_r div > a p { font-size:12px; line-height:20px; margin-bottom:6px; } .ibox3_r div dl a { line-height:30px; padding-left:12px; font-size:12px; background-size:3px 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } /*news pic*/ .ibox4 { position: relative; width:auto; margin:0px 5px; } .ibox4 .swiper-slide img { width:100%; height:auto; display:block; } .ibox4 .swiper-slide p { height:25px; line-height:25px; font-size:12px; padding-left:7px; } .ibox4 .pagination1 { bottom:6px; width:53px; } .ibox4 .swiper-pagination-switch { width: 5px; height: 5px; border-radius: 5px; margin:0 1px; } .ibox4 .arrow-right1 { display:none } .ibox4 .arrow-left1 { display:none; } .ibox5 { padding:10px 5px; margin-top:8px;} .ibox5>.ibox5in{height:auto;} .ibox5 .slidebox{ width:100%;} .ibox5 .slidebox .hd {display:none} .ibox5 .slidebox .prev, .ibox5 .slidebox .next{ display:none; } .ibox5 .slidebox .bd{ float: none; width:100%; z-index:0; } .ibox5 .slidebox .bd li{ display:block; position:relative; margin-bottom:5px; } .ibox5 .slidebox .bd li.pc_hide{display:block;} .ibox5 .slidebox .bd img{ width:100%; height:auto; display:block; } .ibox5 .slidebox .bd dl { bottom:8px; color:#fff; left:0; right:0; } .ibox5 .slidebox .bd dl b { display:block; font-size:18px; line-height:40px; text-align:center; text-shadow: 0 0px 5px #000; margin-bottom:5px; } .ibox5 .slidebox .bd dl table { margin:0 auto; text-shadow: 0 0px 5px #000 } .ibox5 .slidebox .bd dl .td1 { font-size:14px; line-height:30px;} .ibox5 .slidebox .bd dl .td2 p { font-size:16px; font-weight:bold; line-height:18px; margin-top:0px; } .ibox5 .slidebox .bd dl .td2 span { font-size:12px; font-weight:bold; line-height:14px; } .ibox5 .slidebox .bd dl hr { height:1px; width:20px; margin:0 6px; } .ibox6 { width:auto; margin:8px auto 0; } .ibox6 li { display:block; float:none; width:auto; } .ibox6 li div { margin:0px 5px; padding-bottom:10px; height:auto; } .ibox6 li div img { display:block; width:100%; height:auto; transition:none; -moz-transition:none; /* firefox 4 */ -webkit-transition:none; /* safari and chrome */ -o-transition:none; /* opera */} .ibox6 li div:hover img { width:100%; height:auto; margin-left:0px; margin-top:0px;} .ibox6 li div p { top:0; left:10px; right:10px; position:absolute; } .ibox6 li span { display:block; background:#fff; margin:0px 20px 15px; font-size:12px; color:#333333; line-height:20px; } .ibox6 li div p b { display:block; background:#fff; color:#c70000; font-size:16px; line-height:40px; text-align:center; height:40px; } .ibox8 { position: relative; width:auto; height:auto; overflow:hidden;} .ibox8 > div { overflow:hidden; } .ibox8 .arrow-left8 { background:url(/uploads/image/srimages/ibg2.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; left: 2%; top: 45%; margin-top: -15px; width: 32px; height: 32px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* firefox 4 */ -webkit-transition:opacity 0.5s; /* safari and chrome */ -o-transition:opacity 0.5s; /* opera */ opacity:.5; cursor:pointer} .ibox8 .arrow-right8 { background:url(/uploads/image/srimages/ibg2a.png) center center no-repeat; -ms-behavior: url(/uploads/image/srimages/backgroundsize.min.htc); behavior: url(/uploads/image/srimages/backgroundsize.min.htc); background-size: cover; position: absolute; right: 2%; top: 45%; margin-top: -15px; width: 32px; height: 32px; z-index:89; transition:opacity 0.5s; -moz-transition:opacity 0.5s; /* firefox 4 */ -webkit-transition:opacity 0.5s; /* safari and chrome */ -o-transition:background-image 0.5s; /* opera */ opacity:.5; cursor:pointer} .ibox8 .arrow-right8:hover { opacity:1 } .ibox8 .arrow-left8:hover { opacity:1 } .ibox8 .content-slide { color: #fff;} .ibox8 .swiper-slide { position:relative; width:auto; height:auto; } .ibox8 .swiper-slide img { width:auto; height:auto; display:block; } } .ibox6 a{ color: #c70000 } .uk-transition-slide-bottom a{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .item-title{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-bottom: -35px; color: rgb(17, 107, 196); } .uk-transition-toggle:hover{color: #fff;} .uk-transition-toggle:hover .item-title{ margin-bottom: 20px; } .uk-transition-toggle:hover .uk-overlay-primary{ background: rgba(199,0,0,.8); } .uk-transition-toggle:hover .item-img-panel i{ color: #fff; } .uk-transition-slide-bottom p{ padding: 0 25px; font-size: 14px; margin-bottom: 20px; height: 0; overflow: hidden; } .uk-transition-toggle:hover .uk-transition-slide-bottom p{ height: 100px; line-height: 20px; } .uk-transition-slide-bottom a{ border: 1px solid #fff; padding: 8px 22px; font-size: 14px;} .uk-transition-slide-bottom a:hover{ background: #fff; color: rgb(199,0,0);} .item-img-panel i{ font-size: 32px; color: rgb(199,0,0);} .line-panel{ margin: 14px 0; } .line-panel i.item-line{ width: 20px; height: 2px; display: inline-block; opacity: 1; background: rgb(255, 255, 255); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .footerbox1 a{ color: #999; }