@charset "UTF-8";

html{background:#fff;}

body{font:12px/18px "Microsoft Yahei";color:#333; -webkit-font-smoothing: antialiased;min-width: 1200px; }

a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}

a:hover{ text-decoration:none;}

a:focus{-moz-outline-style:none; border:0px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}

ol,li,ul,dl,dt,dd{list-style:none;}

img{border:0;vertical-align: middle;}

h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}

table{border-collapse:collapse; border-spacing:0;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0; resize:none; padding: 0; margin: 0;}

b,em,i{display:inline-block; font-weight:normal; font-style:normal;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix{ zoom:1;}

.container { width:1600px; height:auto;position:relative;  margin:0 auto;}

.tac{text-align:center !important;}

.fl{float:left;display:inline-block;}

.fr{float:right;display:inline-block;}

/* owl-carousel轮播插件 */
.owl-carousel .owl-dots{position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.owl-carousel .owl-dots .owl-dot{display:inline-block;position:relative;vertical-align:middle}
.owl-carousel .owl-dots .owl-dot span{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.owl-carousel .owl-dots .owl-dot.active span{width:16px;height:8px;background:#000;border-radius:20px}
.owl-carousel .owl-nav i{font-size:24px;color:#fff}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:#000;width:42px;height:42px;line-height:48px;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;text-align:center;border-radius:50%;opacity:0}
.owl-carousel .owl-nav .owl-prev{background:#000;left:20px;right:auto}
.owl-carousel .owl-nav .owl-next{right:20px}
/* owl-carousel轮播插件 */

/* 首页轮播 */
.slides-arrow:hover .owl-nav .owl-next,.slides-arrow:hover .owl-nav .owl-prev{opacity:.3}
.slides-arrow.dot-center .owl-dots{position:relative;top:-30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%}
/* 首页轮播 */

#header{height:66px;position:relative;top:0;left:0;right:0;width:100%;z-index:9999;}

#header h1{line-height:66px;float: left; }

#header ul{float: left;margin-left:90px;}

#header ul li{float: left;line-height:64px;width:80px;text-align:center;margin:0 30px;}

#header ul li a{font-weight: 400;font-style: normal;font-size: 16px;color: #FFFFFF;letter-spacing: 3px;}


.header{height:66px;position:absolute;top:0;left:0;right:0;width:100%;z-index:99999;background-color:#000;}

.header.down{transform: translateY(0);}

.header h1{line-height:66px;float: left; }

.header ul{float: left;margin-left:120px;}

.header ul>li{float: left;text-align:center;margin:0 40px;}

.header ul>li>a{width: 100%;height:100%;line-height: 66px;display: block;font-weight: 400;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;position:relative;}

.header ul>li.on>a:after{content:'';display: block;width: 100%;border-bottom:3px solid #fff;position:absolute;bottom:0;left:0;}

.downmenu{display: none;width:100%;padding:15px 0;background:rgba(0, 0, 0, 0.5);position:absolute;top:100%;left:0;}

.downmenu dl dd{float:left;display:block;width:140px;margin-right:30px; text-align:center}

.downmenu dl dd:hover a{color:#ed6c00}

.downmenu dl dd a{display: block;width: 100%;height:60px;color:#fff;font-size:12px;position:relative;}

.downmenu dl dd .img-box{width: 50px;height: 36px;background-repeat:no-repeat;}

.downmenu dl dd span{position: absolute;width: 100%;left: 0;bottom: 0;}

.brand .company-desc .img-box{background-image:url(/image/icon-nav.png);background-position:-6px 3px;margin-left:50px;}

.brand .company-desc:hover .img-box{background-position:-6px -67px;}

.brand .Online-office .img-box{background-image:url(/image/icon-nav.png);background-position:-133px 3px;margin-left:60px;}

.brand .Online-office:hover .img-box{background-position:-133px -67px;}

.brand .Recruitment-Information .img-box{background-image:url(/images/icon-nav.png);background-position:-269px 3px;margin-left:60px;}

.brand .Recruitment-Information:hover .img-box{background-position:-269px -67px;}

.brand .Contact-us .img-box{background-image:url(/image/icon-nav.png);background-position:-387px 3px;margin-left:50px;}

.brand .Contact-us:hover .img-box{background-position:-387px -67px;}



.project .Games-gaming .img-box{background-image:url(/image/icon-nav.png);background-position:-6px -134px;margin-left:50px;}

.project .Games-gaming:hover .img-box{background-position:-6px -204px;}

.project .Wired-Office .img-box{background-image:url(/image/icon-nav.png);background-position:-132px -134px;margin-left:48px;}

.project .Wired-Office:hover .img-box{background-position:-132px -204px;}

.project .Brief-pen .img-box{background-image:url(/image/icon-nav.png);background-position:-269px -134px;margin-left:50px;}

.project .Brief-pen:hover .img-box{background-position:-269px -204px;}

.project .Wireless-business .img-box{background-image:url(/image/icon-nav.png);background-position:-387px -134px;margin-left:50px;}

.project .Wireless-business:hover .img-box{background-position:-387px -204px;}

.project .pad .img-box{background-image:url(/image/icon-nav.png);background-position:-498px -270px;margin-left:50px;}

.project .pad:hover .img-box{background-position:-498px -342px;}

.project .Mousepad .img-box{background-image:url(/image/icon-nav.png);background-position:-496px -134px;margin-left:50px;}

.project .Mousepad:hover .img-box{background-position:-496px -204px;}

.project .headset .img-box{background-image:url(/image/icon-nav.png);background-position:-389px 7px;margin-left:50px;}

.project .headset:hover .img-box{background-position:-389px -65px;}

.project .games .img-box{background-image:url(/image/icon-nav.png);background-position:-498px 7px;margin-left:50px;}

.project .games:hover .img-box{background-position:-498px -65px;}

.project .cables .img-box{background-image:url(/image/icon-nav.png);background-position:-570px 7px;margin-left:50px;}

.project .cables:hover .img-box{background-position:-570px -65px;}

.project .other .img-box{background-image:url(/image/icon-nav.png);background-position:-134px 7px;margin-left:50px;}

.project .other:hover .img-box{background-position:-134px -65px;}



.new .New-product-notice .img-box{background-image:url(/image/icon-nav.png);background-position:-4px -272px;margin-left:48px;}

.new .New-product-notice:hover .img-box{background-position:-4px -343px;}

.new .Evaluation .img-box{background-image:url(/image/icon-nav.png);background-position:-130px -273px;margin-left:48px;}

.new .Evaluation:hover .img-box{background-position:-130px -343px;}

.new .Wired-Office .img-box{background-image:url(/image/icon-nav.png);background-position:-270px -272px;margin-left:12px;}

.new .Wired-Office:hover .img-box{background-position:-270px -342px;}

.new .Brief-pen .img-box{background-image:url(/image/icon-nav.png);background-position:-387px -272px;margin-left:12px;}

.new .Brief-pen:hover .img-box{background-position:-387px -342px;}

.new .movie .img-box{background-image:url(/image/icon-nav.png);background-position:-498px -270px;margin-left:12px;}

.new .movie:hover .img-box{background-position:-498px -340px;}



.server .download-center .img-box{background-image:url(/image/icon-nav.png);background-position:-6px -415px;margin-left:50px;}

.server .download-center:hover .img-box{background-position:-6px -485px;}

.server .IMEI .img-box{background-image:url(/image/icon-nav.png);background-position:-133px -415px;margin-left:12px;}

.server .IMEI:hover .img-box{background-position:-133px -485px;}

.server .Dealer-information .img-box{background-image:url(/image/icon-nav.png);background-position:-272px -415px;margin-left:12px;}

.server .Dealer-information:hover .img-box{background-position:-272px -485px;}

.server .online-help .img-box{background-image:url(/image/icon-nav.png);background-position:-388px -415px;margin-left:50px;}

.server .online-help:hover .img-box{background-position:-388px -485px;}








.header .language{color:#fff;}

.header .language a{font-style:14px;color:#fff;}

#footer{height:60px;background-color:#f2f2f2;padding-top: 20px;}

#footer .store a{font-size:16px;color:#3e3c34;font-weight:500;}

#footer .store a:after{content: '';display:inline-block;vertical-align: middle;margin-left:10px;width: 40px;height: 40px;background:url(/image/icon-brand.png) center no-repeat;}

#footer .follow span{color:#666;line-height:32px;font-size:14px;float: left;}

#footer .follow div{float: left;margin-left:16px; }

#footer .tel{text-align:center;margin-left:60px;}

#footer .tel p{font-size:14px;color:#666;padding-bottom:15px;}

#footer .tel span{font-size:16px;color:#666;}



.pendant{width: 50px;height:150px;position:fixed;bottom:10%;right:3%;z-index:99999;}

.pendant ul li{width:48px;height:48px;background-color:#e0e0e0;background-repeat:no-repeat;background-position: center;border-radius: 10px;margin-bottom:5px;}

.pendant .top{background-image:url(/image/top-c.png);}

.pendant .top:hover{background-color:#ed6c00;background-image:url(/image/top.png);}

.pendant .home{background-image:url(/image/home-c.png);cursor:pointer;}

.pendant .home:hover{background-color:#ed6c00;background-image:url(/image/home.png);}



.pro-wrap{padding:30px 0;background-color:#ececec;}

.pro-wrap .slide-menu{width: 200px;padding:20px 10px 20px 20px;min-height:410px;background-color:#fff;}

.pro-wrap .slide-menu dt{cursor:pointer;margin-bottom: 10px;}

.pro-wrap .slide-menu dl.on dt,.pro-wrap .slide-menu dl.on dt a{color: #ed6c00;}

.pro-wrap .slide-menu dl.on dd:hover a{color: #ed6c00;}

.pro-wrap .slide-menu dl{height:23px;overflow: hidden;margin-bottom:5px;}

.pro-wrap .slide-menu dt{font-size:14px;}

.pro-wrap .slide-menu dd{font-size:14px;color: #1a1a1a;line-height:30px;margin-left:30px;}

.pro-wrap .content-wrap{width: 965px;}

.pro-wrap .content-wrap li .text{margin-top:8px;}

.pro-wrap .content-wrap li{display: block;float: left;margin-right:12px;margin-bottom:12px;width: 305px;height:395px;background-color:#fff;text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.pro-wrap .content-wrap li:hover{-moz-box-shadow:0px 0px 9px #ED6C00; -webkit-box-shadow:0px 0px 9px #ED6C00; box-shadow:0px 0px 9px #ED6C00;}

.pro-wrap .content-wrap .img-box{width: 100%;height: 285px;background-repeat:no-repeat;background-position:center;}

.pro-wrap .content-wrap .text h3{font-size:18px;color: #1a1a1a;}

.pro-wrap .content-wrap .text p{font-size:14px;color: #1a1a1a;margin-top:12px;margin-bottom:15px;}

.pro-wrap .content-wrap .text span{font-size:16px;color: #ff4f20;display: none;}



.brand-wrap{height: 48px; text-align:center;display: none;}

.brand-wrap .navigation{display:inline-block;}

.brand-wrap .navigation li{float: left;display: block;width: 145px;}

.brand-wrap .navigation li a{font-size:13px;line-height:48px;position:relative;}

.brand-wrap .navigation li.on a{color:#ed6c00;}

.brand-wrap .navigation li.on a:after{content:'';display: block;width:100%;position: absolute;bottom:-4px;left:0;height:1px;background-color:#ed6c00;}

.pro-show{height:735px;padding-top:75px;}

.pro-show .swiper-container {width:750px;height:100%;}

.pro-show .swiper-container img{width: 100%;}

.pro-show .view{border:1px solid #ccc;overflow: hidden;background-position: center;

    background-repeat: no-repeat;}



.pc-slide {width:100%;}

.view .swiper-container {width: 100%;height:600px;}

.view .swiper-container img{width:100%;}

.preview{width: 100%;position: relative;}

.preview img{margin:10px;}

.preview .active-nav{position:relative;}

.preview .active-nav:after{content:'';position:absolute;width:98%;height:98%;left:0;top:0;border:1px solid #ed6c00;}

.preview .swiper-container {width: 450px;height: 82px;margin-left:25px;}

.preview .swiper-slide {width: 85px;height:80px;margin-right:6px;}

.preview .slide6 {width: 82px;}

.preview .arrow-left {background: url(/image/feel3.png) no-repeat left top;position: absolute;left: 0px;top: 50%;margin-top: -22px;width:22px;height: 41px;z-index: 10;}

.preview .arrow-right {background: url(/image/feel4.png) no-repeat left bottom;position: absolute;right: 0px;top: 50%;margin-top: -22px;width: 22px;height:41px;z-index: 10;}

.preview img {padding: 1px;}

.preview .active-nav img { padding: 0;}



.pro-show .text h2{font-size:35px;color:#1a1a1a;margin-top:8px;}

.pro-show .text h3{font-size:18px;color:#666666;margin:20px 0 50px 0;}

.pro-show .text p{font-size:16px;color:#666666;vertical-align: top;}

.pro-show .text span{font-size:18px;color:#ed6c00;/* margin:10px 0 30px 0 */;display: block;opacity:0}

.pro-show .cloor-list  ul li{float: left;width:30px;border:1px solid #ccc;margin-right:10px;cursor:pointer;}

.pro-show .cloor-list  ul li.on{border-color:#ed6c00;}

.pro-show .text a{display: block;width: 210px;height:52px;color:#fff;font-size:24px;margin-top:50px;text-align:center;line-height:52px;background-color:#ed6c00;}



.new-wrap ul li{float: left;width:390px;height:auto;display: block;margin:30px 12px 0 0;}

.new-wrap ul li .img-box{height:293px;background-repeat:no-repeat;background-position:center;}

.new-wrap ul li .text{padding:25px 30px 15px 15px;background-color:#fff;}

.new-wrap ul li .text h2{color:#333333;font-size:16px;padding-bottom:20px;}

.new-wrap ul li .text span{color:#666666;font-size:14px;}

.new-wrap ul li .text p{color:#666666;font-size:14px;}



.join-wrap .bar1{height: 55px;line-height:55px;border-bottom:1px solid #ccc;}

.join-wrap .bar1 a{font-size:14px;color:#3e3a39;}

.join-wrap .bar a.on{color:#ed6c00;position:relative}

.join-wrap .bar a.on::after{content:'';display: block;width:100%;position: absolute;bottom:-2px;left:0;height:1px;background-color:#ed6c00;}

.join-wrap .bar2{padding:20px 0;border-bottom:1px solid #ccc;font-size:14px;color:#3e3a39;}

.join-wrap .bar2 a{font-size:14px;color:#3e3a39;}

.join-wrap .title{font-size:24px;color:#221815;margin:65px 0 20px;}

.join-wrap .PosBarList li{border-top:1px solid #ccc;}

.join-wrap .PosBarList li:last-child{border-bottom:1px solid #ccc;}

.join-wrap .PosBarList .clikmask{font-size:24px;float:right;line-height:60px;position: relative;z-index:11;cursor:pointer;}

.join-wrap .PosBarList .mask{display: none;}

.join-wrap .PosBarList .name{clear:both;line-height:60px;font-weight:bold;font-size:14px;color:#595656;cursor:pointer;}



.down-wrap .search{text-align:center;padding:80px 0 35px;}

.down-wrap .search form,.down-wrap .select form{display: inline-block;}

.down-wrap .search input[type='image']{position: relative;left:30px;top:4px;}

.down-wrap .search input[type='search']{width:760px;padding:0 30px;height: 35px;border:none;border:1px solid #ccc;border-radius:4px;}

.down-wrap .select{text-align:center;}

.down-wrap .select select{width:164px;height: 30px;padding:0 10px;background-color:#f1f1f1;font-size:16px;margin-right:50px;}

.down-wrap .select button{width: 100px;height: 28px;color:#fff;font-size:14px;cursor:pointer;border:none;border-radius:4px;background-color:#ed6c00;}

.down-wrap .downList{padding:20px 0 30px;}

.down-wrap .downList li{width: 275px;padding: 0 20px 0 75px;margin-top:10px;height: 50px;display: block;float: left;cursor:pointer;}

.down-wrap .downList li p{font-size:14px}

.down-wrap .downList li:hover .btndown{background-color:#ed6c00;color:#fff;}

.down-wrap .downList li:hover p{color:#ed6c00;}

.down-wrap .downList .btndown{width: 50px;height: 25px;border:1px solid #ccc;color:#000;text-align:center;line-height:25px;}



.downmenubar {display:table;height:auto; margin:0 auto;}

.downmenubar a{ display:inline-block; margin-left:70px;width:130px; height:26px; text-align:center; background:#f2f2f2; line-height:26px; font-size:15px; color:#000; }

.downmenubar a:first-child{margin-left:0;}

.downmenubar a:hover,.downmenubar a.dactive { color:#fff; background:#ed6c00; }





.agent-wrap .select{padding:70px 0;text-align:center;}

.agent-wrap .select form{display:inline-block;}

.agent-wrap .select select{width: 180px;height: 30px;padding:0 20px;background-color:#f1f1f1;font-size:14px;}

.agent-wrap .select input{width:350px;height: 30px;padding:0 20px;border:1px solid #ccc;background-color:#f7f7f7;font-size:14px;}

.agent-wrap .select button{width: 100px;height: 30px;font-size:14px;color:#FFF;background-color:#ed6c00;border:none;border-radius:4px;text-align:center;line-height:30px;}

.agent-wrap .result{padding-bottom:50px;}

.agent-wrap .result th{height:38px;line-height:38px;font-size:16px;color:#fff;border-right:1px solid #fff;}

.agent-wrap .result td{text-align:left;height:40px;font-size:16px;line-height:40px;padding-left:75px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}



.login-wrap{padding:40px 0;}

.login-wrap .loginbox{width:100%;height: 465px;background-color:#fff;}

.login-wrap .loginbox input{margin-top:30px;padding:0 20px;}

.login-wrap .loginbox .name,.login-wrap .loginbox .password{width:260px;height: 50px;border:none;border:1px solid #ccc;}

.login-wrap .loginbox button{margin-top:30px;width:302px;height: 50px;background-color:#ed6c00;border:none;text-align:center;line-height:50px;color:#fff;}



.wrap .navbox{height: 48px; text-align:center;background-color:#fff;}

.wrap .navigation{display:inline-block;}

.wrap .navigation li{float: left;display: block;width: 145px;}

.wrap .navigation li a{font-size:13px;line-height:48px;position:relative;}

.wrap .navigation li.on a{color:#ed6c00;}

.wrap .navigation li.on a:after{content:'';display: block;width:100%;position: absolute;bottom:-4px;left:0;height:1px;background-color:#ed6c00;}



.imei-wrap{text-align:center;}

.imei-wrap #txbBarcode{margin:35px 0;width:450px;height:40px;padding:0 20px;background:transparent;border:none;border-radius:4px;border:1px solid #ccc;}

.imei-wrap #Button1{width:491px;height:40px;color:#fff;font-size:24px;background:#ed6c00;border:none;border-radius:4px;}



.pagination>li {display:inline-block}



.pagination>li>a,.pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #000;text-decoration: none;background-color: #fff;border: 1px solid #ddd}

.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px}

.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 3;color: #fff;cursor: default;background-color: #ed6c00;}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd}

.pagination-lg>li>a,.pagination-lg>li>span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-top-left-radius: 6px;border-bottom-left-radius: 6px}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-top-right-radius: 6px;border-bottom-right-radius: 6px}

.pagination-sm>li>a,.pagination-sm>li>span {padding: 5px 10px;font-size: 12px;line-height: 1.5}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-top-left-radius: 3px;border-bottom-left-radius: 3px}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-top-right-radius: 3px;border-bottom-right-radius: 3px}

.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none}

.pager li {display: inline}

.pager li>a,.pager li>span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px}

.pager li>a:focus,.pager li>a:hover {text-decoration: none;background-color: #eee}

.pager .next>a,.pager .next>span {float: right}

.pager .previous>a,.pager .previous>span {float: left}

.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span {color: #777;cursor: not-allowed;background-color: #fff}







.key-features-item{margin: 50px 0;display:flex;align-items: center;background:#fff;}

.pull-left img{width:735px;}

.pull-left{width: 60%;}

.pull-right{width:40%;text-align:left;    padding-left: calc(7.14286% + 10px);

    padding-right: calc(7.14286% + 10px);}

.pull-right h3{font-size: 30px;line-height: 1.06667;margin-bottom: 20px;}

.pull-right p{color: #6f7678;font-size: 16px;line-height: 1.375;}





.newproject-wrap ul li{display:block;width: 595px;height: 390px;float: left;}

.newproject-wrap ul li:nth-child(odd){ margin-right: 10px;}

.newproject-wrap ul li .img-box{display: block;width: 100%;height: 297px;}

.newproject-wrap ul li .text-box{height:93px;line-height:93px;padding:0 30px;background: #fff;}

.newproject-wrap ul li .text-box h2{font-size:24px;color:#333;display:inline-block;vertical-align: middle;}

.newproject-wrap ul li .text-box p{font-size:16px;color:#333;display:inline-block;vertical-align: middle;}

.newproject-wrap ul li .text-box .fr{font-size:24px;}



.reviews-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}

.reviews-wrap ul li .img-box{display: block;width: 100%;height: 295px;}

.reviews-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}

.reviews-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}

.reviews-wrap ul li .text-box .bottom{color:#666;}

.reviews-wrap ul li .text-box .bottom div{margin-right:30px;}



.topics-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}

.topics-wrap ul li .img-box{display: block;width: 100%;height: 295px;position:relative;}

.topics-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}

.topics-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}

.topics-wrap ul li .text-box .bottom{color:#666;}

.topics-wrap ul li .text-box .bottom div{margin-right:30px;}





.activity-wrap ul li{display:block;width: 393px;height: 393px;float: left;margin-right:7px;margin-bottom:20px;}

.activity-wrap ul li .img-box{display: block;width: 100%;height: 295px;}

.activity-wrap ul li .text-box{height:93px;background: #fff;padding:0 10px;}

.activity-wrap ul li .text-box h2{font-size:16px;color:#333;line-height:60px;}

.activity-wrap ul li .text-box .bottom{color:#666;}

.activity-wrap ul li .text-box .bottom div{margin-right:30px;}



.details-wrap .padding-wrap{padding:80px;background-color:#fff;margin:30px 0}

.details-wrap .title-box{height: 130px;border-bottom:1px solid #ccc;}

.details-wrap .title-box h2{font-size:30px;color:#333333;line-height: 1.5;padding-bottom:20px}

.details-wrap .padding-wrap .details div{font-size:14px;display:inline-block;margin-right:10px;color:#908b8b;}



.navbar a{font-size:16px;line-height:2;}

.topics-wrap .fa-play-circle-o{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 40px;height: 40px;color:#fff;}