@charset "utf-8"; /* CSS Document */ @charset "utf-8"; /* CSS Document */ /** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ * { margin: 0; padding: 0; outline: none; } body, button, input, select, textarea /* for ie */ { font:100% Microsoft Yahei,寰蒋闆呴粦, Tahoma, Verdana, Arial, Helvetica, sans-serif; } img { border: none; } .fullwidthbanner-container{ width:100% !important; min-width:1200px; position:relative; padding:0; max-height:700px !important; overflow:hidden; border-top:0px solid #eee; } .fullwidthbanner-container .fullwidthabnner { width:100% !important; max-height:700px !important; position:relative; min-width:1200px; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background:#e1472f !important; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-color:#e1472f !important; } /** BULLETS **/ .tp-bullets { z-index: 1001; position: absolute; bottom: 0px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: #fff; width: 188px; height: 0; float: left; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; } .tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: #393939 url(../images/slider-left-arrow.png) no-Repeat; width: 42px; height: 43px; margin-left: 0px; margin-top: -21px; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*澧炲姞闃村奖*/ /* **鎵撳紑娉ㄩ噴锛屾寜閽彉鎴愬渾褰㈢殑 border-radius: 20px; 鎵€鏈夎閮戒娇鐢ㄥ崐寰勪负5px鐨勫渾瑙掞紝姝ゅ睘鎬т负CSS3鏍囧噯灞炴€ -moz-border-radius: 20px; Mozilla娴忚鍣ㄧ殑绉佹湁灞炴€ -webkit-border-radius: 20px; Webkit娴忚鍣ㄧ殑绉佹湁灞炴€ border-radius: 20px 20px 20px 20px; 鍥涗釜鍗婂緞鍊煎垎鍒槸宸︿笂瑙掋€佸彸涓婅銆佸彸涓嬭鍜屽乏涓嬭 */ } .tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0; width: 42px; height: 43px; margin-left: 0; margin-top: -21px; -webkit-transition: background 0.1s linear; -moz-transition: color, background 0.1s linear; -o-transition: color, background 0.1s linear; transition: color, background 0.1s linear; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*澧炲姞闃村奖*/ /* **鎵撳紑娉ㄩ噴锛屾寜閽彉鎴愬渾褰㈢殑 border-radius: 20px; 鎵€鏈夎閮戒娇鐢ㄥ崐寰勪负5px鐨勫渾瑙掞紝姝ゅ睘鎬т负CSS3鏍囧噯灞炴€ -moz-border-radius: 20px; Mozilla娴忚鍣ㄧ殑绉佹湁灞炴€ -webkit-border-radius: 20px; Webkit娴忚鍣ㄧ殑绉佹湁灞炴€ border-radius: 20px 20px 20px 20px; 鍥涗釜鍗婂緞鍊煎垎鍒槸宸︿笂瑙掋€佸彸涓婅銆佸彸涓嬭鍜屽乏涓嬭 */ } .tp-bullets.tp-thumbs { z-index: 100; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } .tp-bannertimer { width: 100%; height: 10px; position: absolute; z-index: 200; z-index: 5000; } .tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; } @media only screen and (min-width: 768px) and (max-width: 959px) {; } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none; } .responsive .tparrows { display: none; } } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive >ul >li { list-stye: none; position: absolute; visibility: hidden; } .caption.slidelink a div, .tp-caption.slidelink a div { width: 10000px; height: 10000px; } .tp-loader { background: url(../images/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }