body {font-family: 'Microsoft YaHei';font-size:15px;color:#777777;font-weight:400;background:#ffffff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased; overflow-x:hidden;margin:0;padding:0} a,a:active,a:visited{text-decoration: none;-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; line-height:inherit;color:#444;font-size:12px} a:hover{ text-decoration:none;color:#c00} a:focus {outline: none} .clear {clear: both;font-size:0;line-height:0;margin:0;padding:0;} img{border: 0;margin:0;padding:0; height: auto;max-width:100%} ul,li,div,dl,dt,dd{list-style-type:none;margin:0;padding:0} html,h1,h2,h5,ul,div,p{margin:0;padding:0} ul{list-style-type:none;} .auto-container{max-width:1280px;padding:0px 15px;margin:0 auto; display:block} .theme-btn{ display:inline-block; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .scroll-to-top{ position:fixed; bottom:15px; right:25px; width:40px; height:40px; color:#ffffff; font-size:13px; text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; border-radius:50%; background:#0a0a0a; display:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; background:#fc721e; } .layui-row { margin-left: -15px; margin-right: -15px; } .rich_media_content{ max-width: 100% !important; cursor: pointer; margin: 0; padding: 0; font-style: normal; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; word-wrap: break-word !important; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ display:block; position:relative; z-index:999; width:100%; height:110px; background-image: url(/sites/default/web/tpl/99992/images/main-hrader-bg.png); background-repeat: repeat-x; } .index-logo-left{ float:left; } .index-logo{ height: 120px;display: none } .index-logo a{font-size:26px;color:#fff;font-weight:600;width:100%;padding:25px 0; display:block } .main-header .auto-container{position:relative; } .header-right{ text-align:right;font-size:14px;color:#999;padding:15px 20px } .header-right a{font-size:14px;padding:0 18px;color:#ccc; } .header-right a:hover{color:#fff; } .main-header .header-top{position:relative;color:#ffffff;font-size:14px;background-image: url(/sites/default/web/tpl/99992/images/tm-block.png);background-repeat: repeat;} .main-header .header-top .top-right{ text-align:right; padding:8px 15px; } .main-header .header-top .top-left{ padding:0px 15px; } .main-header .header-top .top-right ul li span{ position:absolute; left:0px; font-size:14px; padding-right: 6px; } .main-header .header-top .top-right ul li{ position:relative; display:inline-block; line-height:24px; padding-left:20px; margin: 8px 0px 5px 30px; color:#ffffff; font-family: 'Montserrat', sans-serif; } .main-header .header-top .top-left ul li a:hover{ color:#fff; } .main-header .header-top .top-right ul li a{ position:relative; color:#ffffff; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; } .main-header .header-top .top-right ul li a, .main-header .header-top .top-right ul li a:hover{ color:#ffffff; } .fixed-header .index-logo { display: block; width: 250px; margin-top: 12px; } .main-header .main-box{ position:relative; padding:0px 0px; left:0px; top:0px; width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header.fixed-header .main-box{ position:fixed; padding:0px 0px; background:rgba(71,71,71,.5); z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .main-box .outer-container{ position:relative; padding:0px 0px; } .main-header .nav-toggler{position:absolute;right:10px;top:50%;display:none;} .main-header .nav-toggler button{ position:absolute; display:block; height:36px; width:40px; background:#fc721e; color:#ffffff; text-align:center; font-size:16px; line-height:34px; border:1px solid #fc721e; border-radius:3px; font-weight:normal;top:16px; } .main-header .cart-btn-outer{ position:absolute; right:60px; height:22px; text-align:center; top:50%; margin-top:-11px; padding:0px 10px; font-size:13px; line-height:22px; font-weight:500; color:#666666; } .main-header .header-search-icon{ position:absolute; width:38px; height:38px; background-color:#fc721e; right:0px; text-align:center; top:50%; margin-top:-19px; color:#fff; font-size:14px; line-height:38px; font-weight:500; border-radius:50%; cursor:pointer; } .main-header .cart-btn-outer .icon{ position:relative; font-size:20px; } .main-header .cart-btn-outer .icon .count{ position:absolute; right:-10px; top:-12px; text-align:center; width:20px; line-height:20px; height:20px; background:#fc7b2d; color:#ffffff; font-size:12px; border-radius:50%; -ms-animation-name: zoomInStable; -moz-animation-name: zoomInStable; -op-animation-name: zoomInStable; -webkit-animation-name: zoomInStable; animation-name: zoomInStable; -ms-animation-duration: 2000ms; -moz-animation-duration: 2000ms; -op-animation-duration: 2000ms; -webkit-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-delay: 5000ms; -ms-animation-delay: 5000ms; -o-animation-delay: 5000ms; -moz-animation-delay: 5000ms; animation-delay: 5000ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .nav-outer{position:relative;} .main-menu{position:relative;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease; float:right} .main-menu .navbar-collapse{padding:0px;} .main-menu .navigation{position:relative;margin:0px;top:45px} .main-menu .navigation > li{position:relative;display:inline-block;padding:0px 0px;margin:0px 2px 0px 0px;} .main-menu .navigation > li > a{position:relative;display:block;padding:8px 12px;color:#fff; line-height:24px; text-transform:uppercase; letter-spacing:0px; opacity:1; font-size:1.1em; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;font-weight:200 } .main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,.main-menu .navigation > li.current-menu-item > a{color:#900;background-color:#fff; opacity:1;} .main-menu .navigation > li > ul{ position:absolute; left:0px; top:120%; width:230px; padding:0px; z-index:100; display:none; background:#fff; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{left:auto;right:0px; } .main-menu .navigation > li > ul > li{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,0.10);} .main-menu .navigation > li > ul > li:last-child{border-bottom:none;} .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:8px 20px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#444; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{color:#c00;background:#ecd2b8; } .main-menu .navigation > li > ul > li.dropdown > a:after{position:absolute;right:10px;top:10px;width:10px;height:20px; display:block; color:#253d4a; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{color:#222; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:20px; width:250px; padding:0px; z-index:100; display:none; background:#ffffff; border-top:3px solid #272727; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul.from-right{left:auto;right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.10); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:12px 20px; line-height:24px; font-weight:400; font-size:14px; text-transform:capitalize; color:#272727; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#ffffff; background:#fc721e; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:10px; width:10px; height:20px; display:block; color:#272727; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; background:url(/sites/default/web/tpl/99992/images/icons/submenu-icon.png) center center no-repeat; background-size:20px; cursor:pointer; z-index:5; display:none; } .padd-top-10{ padding-top:10px !important; } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ .hidden-bar{ position: fixed; top: 0; width: 305px; height: 100%; background: #272727; z-index: 9999; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; } .hidden-bar .mCSB_inside > .mCSB_container{ margin-right:0px; } .hidden-bar.right-align { right: -400px; } .hidden-bar.right-align.visible-sidebar{ right:0px; } .hidden-bar.right-align .hidden-bar-closer { left: 20px;top:10px } .hidden-bar.left-align { left: -400px; } .hidden-bar.left-align.visible-sidebar { left: 0px; } .hidden-bar.left-align .hidden-bar-closer { right: -20px; } .hidden-bar .hidden-bar-closer { width: 40px; height: 40px; position: absolute; top: 0; background: rgba(255,255,255,0.80); color: #272727; border-radius: 2px; text-align: center; line-height: 38px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; z-index: 999999; } .padd-top-20{ padding-top:20px !important; } .hidden-bar .hidden-bar-closer:hover { background: #fc721e; } .hidden-bar .hidden-bar-closer:hover .btn { color: #ffffff; } .hidden-bar .hidden-bar-closer .btn { background-color: transparent; border: none; outline: none; font-size: 14px; } .hidden-bar .social-icons { text-align: center; margin: 50px 0px 30px; } .hidden-bar .social-icons ul { font-size: 0; margin-left: -5px; margin-right: -5px; } .hidden-bar .social-icons ul li { display: inline-block; padding: 0 5px; } .hidden-bar .social-icons ul li a { display: block; width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background: #fc721e; color: #ffffff; border-radius: 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .hidden-bar .social-icons ul li a:hover { background: #ffffff; color:#fc721e; } .hidden-bar-wrapper { height: 100%; } .hidden-bar .logo { text-align: center; padding: 20px 0px; background: #272727;font-size:18px;font-weight:800 } .hidden-bar .side-menu { background-color: transparent; padding: 0; font-size:13px; letter-spacing:1px; } .hidden-bar .side-menu ul li ul a { background: transparent; } .hidden-bar .side-menu ul li ul li ul li a { background: transparent; } .hidden-bar .side-menu a.current { color: #fff; } .hidden-bar .side-menu li.current > a { color: #fff; } .hidden-bar .side-menu ul li a { background: transparent; color: #ffffff; display: block; font-weight: 500; text-transform: uppercase; border-top: 1px solid rgba(255,255,255,0.30); border-bottom: 1px solid rgba(255,255,255,0.30); padding: 10px 15px 10px 20px; position: relative; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .hidden-bar .side-menu ul li a:hover, .hidden-bar .side-menu ul > li.current > a, .hidden-bar .side-menu ul > li > ul > li.current > a { background: rgba(255,255,255,0.10); color: #ffffff; } .hidden-bar .side-menu ul li a .btn.expander { background: none; color: #ffffff; border: 1px solid rgba(255,255,255,0.80); padding: 5px 10px; font-size: 14px; border-radius: 0px; position: absolute; top: 2px; right: 20px; outline: none; } /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup{ position:fixed; left:0px; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.80); z-index:9999; visibility:hidden; opacity:0; overflow:auto; transition:all 700ms ease; -moz-transition:all 700ms ease; -webkit-transition:all 700ms ease; -ms-transition:all 700ms ease; -o-transition:all 700ms ease; } .search-popup.popup-visible{ top:0; visibility:visible; opacity:1; } .search-popup .close-search{ position:absolute; right:25px; top:25px; font-size:20px; color:#ffffff; cursor:pointer; z-index:5; } .search-popup .close-search:hover{ opacity:0.70; } .search-popup .search-form{ position:relative; padding:0px 15px 50px; padding-top:200px; max-width:1024px; margin:0 auto; } .search-popup .search-form fieldset{ position:relative; border:5px solid rgba(255,255,255,0.80); -webkit-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } .search-popup .search-form fieldset input[type="search"], .search-popup .search-form fieldset input.form-control{ position:relative; height:70px; padding:20px 220px 20px 30px; background:#ffffff; line-height:30px; font-size:24px; color:#233145; -webkit-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; -moz-border-radius:7px; border-radius:7px; } .search-popup .search-form fieldset input[type="submit"]{ position:absolute; display:block; right:0px; top:0px; text-align:center; width:220px; padding:20px 10px 20px 10px; color:#ffffff; background:#fc721e; line-height:30px; height:70px; font-size:18px; letter-spacing:2px; text-transform:uppercase; font-family: 'Oswald',sans-serif; -moz-border-radius:0px 7px 7px 0px; -ms-border-radius:0px 7px 7px 0px; -o-border-radius:0px 7px 7px 0px; -webkit-border-radius:0px 7px 7px 0px; border-radius:0px 7px 7px 0px; } .search-popup .search-form fieldset input[type="submit"]:hover{ background:#334551; color:#ffffff; } .search-popup h3{ font-family: 'Oswald',sans-serif; font-size:24px; color:#ffffff; margin-bottom:30px; text-align:center; letter-spacing:1px; } .search-popup .recent-searches{ font-size:14px; color:#ffffff; text-align:center; } .search-popup .recent-searches li{ display:inline-block; margin:0px 10px 10px 0px; } .search-popup .recent-searches li a{ display:block; line-height:24px; border:1px solid #ffffff; padding:5px 20px; color:#ffffff; border-radius:3px; } .search-popup .recent-searches li a:hover{ color:#fc721e; border-color:#fc721e; } .padd-right-20{ padding-right:20px !important; } /*** ==================================================================== social-icon ==================================================================== ***/ .header-top .top-right ul{ position:relative; float:right; } .header-top .social-icon{ position:relative; float:right; margin-left:45px; } .social-icon a{ position: relative; display: inline-block; text-align: center; margin-left: 4px; width: 38px; height: 38px; line-height: 36px; font-size: 14px; border: 2px solid #373737; color: #ffffff; border-radius: 50%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .social-icon a:hover{ background-color:#fc721e; border-color:#fc721e; } /*** ==================================================================== welcome-section ==================================================================== ***/ #one-part{width:100%;margin-top:480px;position: relative;} .main-news-img{ margin-top:20px } .main-news-img a img{ width:98%;height:390px; display:block } .main-news-text{margin-top:23px } .main-news-text h4{height:34px;line-height:34px; overflow:hidden; display:block;margin:0;padding:0 } .main-news-text h4 span{ display:inline-block;font-size:16px;color:#900;height:34px;line-height:36px;padding:0 0px;margin-right:5px;font-weight:600; } .main-news-text h4 a{ font-size:1.1em;font-weight:200;color:#222; display:inline-block;height:34px;line-height:34px;letter-spacing:0px } .main-news-text h4 a:hover{color:#900; } .main-news-text p{ line-height:28px; font-size:14px; color:#777; height:80px; overflow:hidden; margin:6px 0 0 0; text-indent:29px;padding:0 } .welcome-section{ display:block;width:100%;} .welcome-section .welcome-column .inner-content{ padding:50px 30px; background-color:#1f1f1f; z-index:99; } .welcome-section .welcome-column .inner-content h2:after{ position:absolute; content:''; width:70px; height:2px; left:0px; bottom:0px; display:block; background-color:#fc721e; } .welcome-section .welcome-column .inner-content h3{ color:#ffffff; font-size:24px; font-weight:700; line-height:1.6em; margin:30px 0px; } .welcome-section .welcome-column .inner-content h3 span{ color:#fc721e; } .welcome-section .welcome-column .inner-content .text{ color:#bebebe; font-size:16px; line-height:28px; margin-bottom:30px; } .welcome-section .welcome-column .inner-content .author-title{ position:relative; margin:40px 0px 20px 0px; } .welcome-section .welcome-column .inner-content .author-title .author-info{ position:relative; color:#ffffff; font-size:16px; font-weight:600; font-family: 'Montserrat', sans-serif; } .welcome-section .welcome-column .inner-content .author-title .author-info span{ color:#9e9e9e; font-size:16px; font-style:italic; font-weight:normal; } .welcome-section .welcome-column .inner-content .author-title .author-designation{ color:#fc721e; font-style:italic; font-size:16px; } .service-column{ position:relative; padding:90px 0px 55px 100px; } .service-block-one{ position:relative; margin-bottom:25px; } .service-block-one .inner-box{ position:relative; padding-left:75px; } .service-block-one .inner-box .icon-box{ position:absolute; left:0px; top:24px; color:#272727; font-size:48px; display:inline-block; } .service-block-one .inner-box h3{ color:#272727; font-size:20px; font-weight:600; font-family: 'Montserrat', sans-serif; } .service-block-one .inner-box .category{ color:#fc721e; font-size:18px; font-style:italic; } .service-block-one .inner-box .category a:hover{ color:#fc721e; } .service-block-one .inner-box .text{ color:#9e9e9e; margin-top:15px; } #two{ } .title-01{height:34px;line-height:34px;border-bottom:1px solid #fd6913;margin-top:25px} .title-01 span{font-size:18px;color:#fff;display:inline-block;float:left ;letter-spacing: 2px;font-weight:600; background-color:#fd6913;width:120px; text-align:center;border-radius:6px 6px 0 0 } .title-01 a{font-size:0.9em; letter-spacing: 0px;color:#222; display:inline-block;float:right;margin:9px 5px 0 0;padding:0px 6px;height:18px;line-height:16px; } .title-01 a:hover{ color:#900 } .ul-01{ height:210px; overflow:hidden;padding:10px 0 0 0px } .ul-01 li a{height:34px;line-height:34px; font-size:14px;color:#444; display:block; -white-space:nowrap;/*锟斤拷锟矫诧拷锟斤拷锟斤拷*/ text-overflow:ellipsis;/*锟斤拷锟斤拷锟绞★拷院锟斤拷*/ -o-text-overflow:ellipsis;/*锟斤拷锟斤拷opera*/ overflow: hidden;/*锟斤拷锟矫筹拷锟斤拷锟斤拷锟斤拷锟斤拷*/ } .ul-01 li a:hover{ color:#900 } .ul-01 li a span{ color:#900 } .title-02{height:35px;line-height:35px;margin-top:25px; background-color:#f27b24;width:100%} .title-02 span{font-size:18px;color:#900;display:inline-block;float:left ;letter-spacing: 2px;font-weight:600; background-color:#fff;width:110px; text-align:center;margin:1px 0 0 10px;height:34px; overflow:hidden } .title-02 a{font-size:0.7em; letter-spacing: 0px;color:#222; display:inline-block;float:right;margin:7px 10px 0 0; background-color:#ddd;padding:0px 12px;height:18px;line-height:16px;border-radius:16px 16px;border:1px solid #d5d5d5 } .title-02 a:hover{ background-color:#999;color:#fff;border:1px solid #888 } /*** ==================================================================== tabbed-shop-section ==================================================================== ***/ #two-section{ margin-top:18px } .tabbed-news-section{ position:relative; padding:40px 0px 50px 0; background-size:cover; background-position:left center; ; margin:28px 0 10px 0; background-image: url(/sites/default/web/tpl/99992/images/teacher-bg.jpg); background-repeat: no-repeat; } .news-tabs-box{position:relative;} .news-tabs-box .tab-buttons{position:relative;margin:0 0 20px 0px;text-align:left} .news-tabs-box .tabs-content{position:relative; } .news-tabs-box .tabs-content .shop-tab{ position:absolute; left:0px; top:0px; width:100%; visibility:hidden; opacity:0; -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); transform:scale(0.9,0.9); } .news-tabs-box .tabs-content .shop-tab.active-tab{ position:relative; visibility:visible; opacity:1; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; transition:all 500ms ease; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -moz-transform:scale(1,1); transform:scale(1,1); } .tab-buttons{ height:40px;line-height:40px;border-bottom:1px solid #fd6913;padding-left:0px } .tab-buttons li{padding:0 13px } .tab-btn{position:relative;display:inline-block;cursor:pointer;font-size:20px;color:#444;font-weight:600;letter-spacing: 2px; } .tab-btn.active-btn{color:#fff; background-color:#fd6913;border-radius:5px 5px 0 0} .news-tabs-box .tab-buttons .tab-btn:last-child:after{display:none; } .master-ul{ display:block;width:100%;height:190px } .master-ul li{display:block;float:left;width:32.3%;margin:0 6px;height:180px } .tab-master{ display:block; width:100%; margin:8px 0 0 0; padding:0; height:180px; overflow:hidden; background-color:#fff } .tab-master-left{ display:block;width:100%; } .tab-master-left a img{ width:100%; height:180px;-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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 } .tab-master-left a img:hover{width:100%; height:180px;-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=.7); opacity: .7; } .tab-master-left a p{ width:100%; display:block; height:30px; line-height:30px; background:rgba(0,0,0,0.5); position: relative; bottom:0px; font-size:14px; color:#fff; text-align:center;top:-30px } .tab-master-right{ display:block;width:100% } .tab-master-right a p{ font-size:13px; color:#666; line-height:24px; height:146px; overflow:hidden; text-indent: 26px; position: relative;top:-15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .tab-news-text h3,.tab-notice-text h3{height:50px; overflow:hidden;font-weight:200 } .tab-news-text h3 a,.tab-notice-text h3 a{ font-size:16px;color:#222;line-height:26px;font-weight:200 } .tab-news-text h3 a:hover,.tab-notice-text h3 a:hover{ color:#900 } .tab-news-text h3 span{margin-right:10px;font-size:14px; display:inline-block; background-color:#c061df;height:24px;line-height:24px;padding:0 6px;color:#fff;font-weight:600 } .tab-notice-text h3 span{margin-right:15px;font-size:14px; display:inline-block; background-color:#c06161;height:24px;line-height:24px;padding:0 6px;color:#fff;font-weight:200 } .tab-news-text p,.tab-notice-text p{ font-size:14px; color:#777; line-height:28px; height:85px; overflow:hidden; text-indent:28px; } .tab-news-more{ width:130px; display:block; position: absolute; z-index: 100;right:0;top:-60px } .tab-news-more a{ display:block;width:100%;height:30px;line-height:30px; text-align:center;font-size:14px;color:#444 } .tab-news-more a:hover{ color:#900 } .tabbed-shop-carousel .owl-controls .owl-dots{display:none !important;} .tabbed-shop-carousel .owl-controls{margin:0px !important; } .tabbed-shop-carousel .owl-controls .owl-nav{margin:0px !important;} .tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-"]{ position:absolute; top:-56px; display:inline-block; margin:0px 0px 0px 0px ; width:30px ; height:28px ; padding:0px ; color:#272727; font-size: 24px; line-height:24px; text-align:center; border-radius:0px; border-radius:3px;z-index: 1000; background-color:#c25758 !important; } .tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-prev"]{right:30px; } .tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-next"]{right:6px; } .tabbed-shop-carousel .owl-controls .owl-nav [class*="owl-"]:hover{ background-color:#777 !important; color:#ffffff; } #img-list-section{margin-top:30px } .img-list-01,.img-list-02,.img-list-04,.img-list-05{ margin-top:20px;height:180px; overflow:hidden } .img-list-03{ margin-top:20px;height:380px; overflow:hidden; background-color:#000 } .img-list-01 a p,.img-list-02 a p,.img-list-03 a p,.img-list-04 a p,.img-list-05 a p{ height:30px; line-height:30px; background:rgba(0,0,0,0.5); position: relative;top:-30px;font-size:15px;color:#fff; text-align:center } .img-list-03 a p{ height:30px; line-height:30px; background:rgba(0,0,0,0.5); position: relative;top:-30px;font-size:15px;color:#fff; text-align:center } .img-list-01 a img,.img-list-02 a img ,.img-list-04 a img,.img-list-05 a img{ display:block; background-color:#ddd;height:180px;width:100%;display:block;width:100%;-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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; } .img-list-01 a img:hover,.img-list-02 a img:hover ,.img-list-04 a img:hover,.img-list-05 a img:hover{ display:block; background-color:#ddd;height:180px;display:block;width:100%;-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=.7); opacity: .7; } .img-list-03 a img{display:block;height:380px; width:100%;-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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; } .img-list-03 a img:hover{display:block;height:380px; width:100%;display:block; webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=.7); opacity: .7;} /*** ==================================================================== Main Footer ==================================================================== ***/ .main-footer{ position:relative; background-image: url(/sites/default/web/tpl/99992/images/footer-red.png); background-repeat: repeat;top:38px;padding:36px 0; display:block;width:100% } #three-bg{ position:relative; background-size:cover; background-repeat:no-repeat; background-position:left center; color:#bebebe; padding:0px 0 0px 0; background-image: url(/sites/default/web/tpl/99992/images/three-bj.jpg); } .main-footer .contact-info{margin-bottom:10px;width:93% } .main-footer .contact-info li{position:relative;padding:6px 0px 6px 30px;line-height:26px} .main-footer .contact-info li:last-child{border:none; } .main-footer .contact-info li .icon{ position:absolute; left:0px; top:10px; line-height:24px; font-size:16px; color:#ddd; } .main-footer .social-links{ position:relative; margin-bottom:25px; } .main-footer .social-links a{ display:inline-block; width:32px; height:32px; margin-right:5px; line-height:30px; background:none; border:1px solid #aaaaaa; color:#aaaaaa; font-size:14px; text-align:center; border-radius:2px; } .footer-bottom{ display:block;width:100%; position:relative; padding:24px 0px; line-height:28px; background:rgba(0,0,0,0.30); } .copyright{font-size:14px;color:#ccc;border-top:1px solid #8c6858;margin-top:20px;padding:20px 0 0 10px;line-height:28px} .copyright a{ font-size:14px;color:#ccc } .main-footer .footer-bottom .author-name{ color:#fc721e; } .main-footer .footer-nav li{ position:relative; display:inline-block; margin-left:35px; line-height:24px; } .main-footer .footer-nav li a{ color:#9e9e9e; } .main-footer .footer-nav li a:hover{ color:#fc721e; } .footer-title-01,.footer-title-02{ font-size:20px; font-weight:800; color:#fff; margin:3px 0; padding-left:3px; display:block; height:52px; line-height:52px; letter-spacing: 2px; } .footer-title-02{border-top:1px solid #8c6858;margin-top:20px ;width:97% } .footer-links{ margin:10px 0 0 0 } .footer-links a{ display:inline-block;font-size:14px;color:#c2b8b8;padding:0 20px;line-height:30px; } .footer-links a:hover{ color:#fff } .copyright-table{ margin:0px 0 0 10px; display:inline-block; position: relative;top:7px;left:10px } .copyright-gaba a{ font-size:14px; color:#999; background-image: url(/sites/default/web/tpl/99992/images/gaba.png); background-repeat: no-repeat; background-position: 0px 4px; display:inline-block;padding-left:25px } .copyright-yydw a img{ } .footer-weix{ } .footer-weix img{ display:block;width:80px ;margin-top:16px } .footer-weix-text {font-size:13px;color:#ccc;line-height:22px} .bdsharebuttonbox{ display:block; position: relative;top:0px;left:17px } .sub-title{ padding:16px 0 16px 10px; border-bottom:1px solid #900; margin-top:20px; font-size:15px; color:#444; font-weight:800; background-image: url(/sites/default/web/tpl/99992/images/home.png); background-repeat: no-repeat; display:block; background-position: 0px 18px; padding-left:23px } .sub-title img{ display: block; position: relative;top:0px } .sub-title a{ font-size:15px; color:#444; padding-left:0px;font-weight:800;margin:0 6px } .sub-title a:hover{ color:#c00 } .sub-left-menu{margin-top:20px;border:1px solid #f06702;width:100% } .sub-left-menu dl{ } .sub-left-menu dl dt{border-top:1px solid #ddd;width:100% } .sub-left-menu dl dt:hover{ background-color:#eee } .sub-left-menu dl dt a{ line-height:40px; color:#444; font-size:16px; background-image: url(/sites/default/web/tpl/99992/images/book01.jpg); background-repeat: no-repeat; background-position: 10px 5px; padding-left:30px; } .sub-left-menu dl dt a:hover{color:#c00; } .sub-menu-two a{ line-height:30px; color:#777; font-size:12px; /*background-image: url(/sites/default/web/tpl/99992/images/sub-menu-two.gif);*/ background-repeat: no-repeat; background-position:16px 3px; padding-left:45px; } .sub-menu-two a:hover{ color:#333 } .sub-left-menu ul li a:hover{ color:#c00 } .sub-menu-title{height:36px;line-height:36px;color:#fff;font-size:16px; background-color:#f06702;padding-left:15px } .sub-right{margin:20px 0 0 13px;width:100%; } .sub-right img{ display:block;margin:15px auto;width:96%; } .sub-right h1{ text-align:center;font-size:26px;padding:10px 0;color:#900;line-height:40px;font-weight:600 } .sub-right p{ line-height:26px; font-size:14px; color:#444; text-indent: 28px;padding:10px 0 } .sub-list-left{width:98%;margin:10px 0 0 10px} .sub-list-left ul{padding:10px 0;margin:1px} .sub-news-info{line-height:30px;color:#999;border-bottom:1px dashed #ccc;font-weight:200px;padding:5px 10px;text-align:center;font-size:12px } .sub-list-left ul li a{ padding:10px 10px 10px 25px; line-height:26px; font-size:15px; color:#666; display:block; background-image: url(/sites/default/web/tpl/99992/images/ul-title.png); background-repeat: no-repeat; background-position:3px 18px; border-bottom:1px dashed #ddd } .sub-list-left ul li a span{float:right;font-size:14px;color:#999} .sub-list-left ul li a:hover{ text-decoration:none; background-color:#eee;color:#900} .sub-list-bottom{padding:26px 0; text-align:center;font-size:14px;color:#2d3e50; } .sub-list-bottom a{padding:2px 12px; background-color:#ddd;font-size:14px;color:#2d3e50; display:inline-block;margin:8px 3px;border:1px solid #d2d2d2} .sub-list-bottom a:hover,.a-12{ text-decoration:none;color:#fff; background-color:#900;border:1px solid #800101} .sub-news-bottom{margin:20px 0 30px 5px;border:1px solid #900;padding:10px 10px; } .sub-news-bottom p{padding:5px 0 } .sub-news-bottom p a{font-size:14px;color:#444; } .sub-news-bottom p a:hover{color:#c00 } .sub-news{ } .sub-news h1{font-size:22px;color:#900;line-height:34px;padding:20px 0 10px 0; text-align:left } .sub-news p{ font-size:14px; color:#444; line-height:24px; padding:5px 0; text-indent: 28px; } /*********************锟斤拷锟脚幻碉拷片锟斤拷式********************/ .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{float: left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } #owl-demo{position:relative;width:99%;height:390px;margin:20px 0px 0px 0px; overflow:hidden} #owl-demo .item{ position:relative;display:block;} #owl-demo img{display:block;width:100%;height:390px;-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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} #owl-demo img:hover{ display:block;width:100%;height:390px;webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=.7); opacity: .7; } #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);} #owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font-size:18px;color:#fff;text-align:center;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;} .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(/sites/default/web/tpl/99992/images/bg15.png);*display:inline;*zoom:1;} .owl-pagination .active{width:25px;background-image:url(/sites/default/web/tpl/99992/images/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-buttons div.owl-prev{left:0;background-image:url(/sites/default/web/tpl/99992/images/bg17.png);} .owl-buttons div.owl-next{right:0;background-image:url(/sites/default/web/tpl/99992/images/bg18.png);} .owl-buttons div.owl-prev:hover{background-image:url(/sites/default/web/tpl/99992/images/bg19.png);} .owl-buttons div.owl-next:hover{background-image:url(/sites/default/web/tpl/99992/images/bg20.png);} /*******************slider style**************************/ #index-slider{display:block;width:100%;position: absolute;z-index: 10;top:0px;} .focus{position:relative;width:100%;height:580px;background-color:#000;margin:0px auto 0 auto;} .focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;} .focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;} .focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} .focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;} .focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;} .focus .fPic{position:absolute;left:0px;top:0px;height: 100%;width: 100%} .focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;} .focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:48px;line-height:48px;background:rgba(0,0,0,0.6); display:block;text-align:left;padding-left:30px} .focus .shadow a{text-decoration:none;color:#fff;font-size:20px;overflow:hidden;margin-left:10px;} .focus .fcon{position:relative;width:100%;float:left;display:none;background:#000;height: 100% } .focus .fcon2{height: 100%;width: 100%} .navbar-search{position: absolute;right: 0;top: 10px;} .focus .fcon img{display:block;} .focus .fbg{bottom:20px;right:20px;position:absolute;height:22px;text-align:center;z-index:200;} .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:22px} .focus .D1fBt a{position:relative;display: inline-block;width:26px;height:22px;margin:0 5px;text-decoration:none;text-align:center;float:left;background:#D9D9D9;line-height:22px} .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fd6913} .focus .D1fBt img{display:none} .focus .D1fBt a span{color:#000;font-size:14px} .focus .prev,.focus .next{position:absolute;width:58px;height:58px;cursor:pointer;} .focus .prev{top:46%;left:15px;background-image: url(/sites/default/web/tpl/99992/images/slider-right.png);background-repeat: no-repeat;background-position: 0px 0px;} .focus .next{top:46%;right:15px;background-image: url(/sites/default/web/tpl/99992/images/slider-left.png);background-repeat: no-repeat;background-position: 0px 0px;} .focus .prev:hover{left:15px;background-image: url(/sites/default/web/tpl/99992/images/slider-right-hover.png);background-repeat: no-repeat;background-position: 0px 0px;} .focus .next:hover{ right:15px; background-image: url(/sites/default/web/tpl/99992/images/slider-left-hover.png); background-repeat: no-repeat; background-position: 0px 0px; } /*.focus img{width:100%;height:580px;}*/ #fsD1 {display: block} #fsD2 {display: none} .focus .fcon { } @media (max-width:768px){ .index-logo{width:220px;height:70px;display: none } .index-logo a {display: none} #one-part{width:100%;margin-top:90px;position: relative;} .focus{position:relative;width:100%;height:200px;background-color:#000;margin:0px auto 0 auto;} .focus img{width:100%;height:200px;} #fsD1 {display: none} #fsD2 {display: block} .tabbed-shop-carousel .owl-controls .owl-nav{ display:none } .index_focus_pre{ left:-100px } .index_focus_next{ right:-100px } .focus .prev,.focus .next{ display:none } .focus .shadow{ display:none } #owl-demo{position:relative;width:99%;height:280px;margin:20px 0px 0px 0px;} #owl-demo img{display:block;width:100%;height:280px;} #owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:#000;opacity:.5;filter:alpha(opacity=50);} #owl-demo span{position:absolute;left:0;bottom:10px;width:100%;font-size:14px;color:#fff;text-align:center;} .owl-pagination{ display:none} .master-ul{ display:block;width:100%;height:190px; overflow:hidden } .master-ul li{display:block;float:left;width:100%;margin:0 6px;height:180px; } .sub-news img{ display:block;margin:0px 0 0 0px } .tab-news-more {right: 0;width: 50px} } @media (min-width:768px) and (max-width:991px){ .focus img{width:100%;height:480px;} .focus {height: 480px} #one-part {margin-top: 410px; } } @media (min-width:992px) and (max-width:1490px) { #one-part{width:100%;margin-top:388px;position: relative;} .focus{position:relative;width:100%;height:480px;background-color:#000;margin:0px auto 0 auto;} .focus img{width:100%;height:480px;} } @media (min-width:1491px){ #one-part{width:100%;margin-top:480px;position: relative;} .focus{position:relative;width:100%;height:580px;background-color:#000;margin:0px auto 0 auto;} /*.focus img{width:100%;height:580px;}*/ } .rollBox { width: 100%; overflow: hidden; padding: 0px 0px; margin: -10px 0 0 0px; height: 200px } .rollBox h2 { heigth: 34px; line-height: 34px; background-color: #e4cebb; border-bottom: 1px solid #d8c0ac; margin: 0 -8px 0 -8px; } .rollBox h2 span { color: #222; font-size: 20px; padding-left: 15px } .rollBox h2 a { font-size: 12px; font-weight: 200; padding-left: 30px; color: #666 } .rollBox h2 a:hover { color: #d52902 } .rollBox .LeftBotton { height: 26px; width: 26px; overflow: hidden; display: inline; cursor: pointer; background-image: url(/sites/default/web/tpl/99992/images/an-left01.jpg); background-repeat: no-repeat; background-position: 0px 0; position: absolute; top: -50px; right: 40px } .rollBox .LeftBotton:hover { background-image: url(/sites/default/web/tpl/99992/images/an-left.jpg); } .rollBox .RightBotton { height: 26px; width: 26px; background-image: url(/sites/default/web/tpl/99992/images/an-right01.jpg); overflow: hidden; display: inline; cursor: pointer; background-repeat: no-repeat; background-position: 0px 0; position: absolute; top: -50px; right: 10px } .rollBox .RightBotton:hover { background-image: url(/sites/default/web/tpl/99992/images/an-right.jpg) } .rollBox .Cont { width: 100%; overflow: hidden; float: left; padding: 0 0px; margin-top: 20px } .rollBox .ScrCont { width: 10000000px; } .rollBox .Cont .pic { width: 410px; text-align: center; margin: 0 7px; background-color: #fff; float: left } .teacher-img { } .pic-img { margin: 0 0px; width: 230px; position: relative; z-index: 1000 } .pic-img a img { display: block; width: 230px; height: 180px; } .pic-img p{ width: 100%; display: block; height: 30px; line-height: 30px; background: rgba(0,0,0,0.5); position: relative; bottom: 0px; font-size: 14px; color: #fff; text-align: center; top: -30px; } .pic-img a:hover { text-decoration: none!important; } .pic-text { line-height: 24px; z-index: 2000; bottom: 0px; margin: 0 0px; font-size: 0.85em; color: #777; width: 130px; overflow: hidden; left: 254px; position: relative; top: -173px; background-repeat: repeat; height: 140px; text-align: left; text-indent: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .pic-text a:hover { text-decoration: none; color: #444 } .rollBox .Cont a:link, .rollBox .Cont a:visited { text-decoration: none; font-size: 12px; color: #444 } .rollBox .Cont a:hover { color: #c00; text-decoration: underline; } .rollBox #List1, .rollBox #List2 { float: left; } #preview-msg-content * { max-width: 100% !important; cursor: pointer; margin: 0; padding: 0; font-style: normal; box-sizing: border-box !important; -webkit-box-sizing: border-box !important; word-wrap: break-word !important; } #preview-msg-content p { clear: both; min-height: 1em; }