@charset "utf-8";
/* CSS Document */
.temp-navs{height:36px;line-height:36px;margin:35px 20px 0}
.temp-navs ul{float:left}
.temp-navs ul li{cursor:pointer;float:left;font-size:16px;line-height:36px;margin-right:5px;padding:0 20px;}
.temp-navs .p-top-u li.on,.temp-navs .p-top-u li:hover{background-color:#0082fd;border-radius:3px;color:#fff}
.temp-navs a{font-size:16px;float:right;color:#666}
.temp-navs a.p-more:hover{text-decoration:none;color:#0082fd}
 
.temp-main-item{padding-top:50px}
.temp-main-item ul{width:1200px;margin:0 auto}
.temp-main-item li{float:left;width:250px;height:355px;margin:0 25px}
.item-dm{width:218px;margin:0 auto}
.item-dm p{color:#5c6061;font-size:14px;text-align:center;line-height:30px;height:30px;margin-bottom:10px}
.item-demo{border-top:1px solid #ececec;box-shadow:0 10px 5px rgba(0, 0, 0, 0.3);width:208px;height:255px;padding:6px 5px 9px;background-color:#fff;position:relative;display:block}
.item-demo:after{position:absolute;bottom:-29px;left:0;width:100%;box-shadow:0 -10px 3px #f7f7f7;height:15px;content:"";overflow:hidden;border-radius:50%}
.item-demo img{width:208px;height:255px;object-fit:cover}
.demo_bg{position:absolute;z-index:2;width:208px;height:255px;padding:6px 5px 9px;top:1px;left:0;display:none}
.demo_bg p{margin-top:100px}
.demo_bg p a{display:inline-block;width:80px;height:26px;color:#fff;line-height:26px;text-align:center}
.demo_bg p a.apply{margin-right:10px;background-color:#0082fd}
.demo_bg p a.show{background-color:#0082fd}
.demo_bg .demo_bg_d{text-align:center;margin-top:55px}
.demo_bg .demo_bg_d img{width:120px;height:120px}
.demo_bg .demo_bg_d a.apply{margin-top:10px;width:120px;margin-right:0}
/*  2017-03-30 */
.nav-main{background-color:#fff;border-bottom:1px solid #f0f0f0;width:100%}
.nav-box h1{font-size:16px;line-height:50px;height:50px;}
.nav-box ul{height:50px;line-height:50px}
.nav-box li{float:left;font-size:14px;margin:0 40px 0 0}
.nav-box li a{padding:0 10px}
.nav-box li a span{display:inline-block}
.nav-box li.active a,.nav-box li a:hover{color:#0082fd}
.nav-box li.active a span,.nav-box li a:hover span{border-bottom:2px solid #2277da;height:48px}
.nav-box li.last{margin-right:0}
.nav-box li.last a{background-color:#0082fd;border-radius:3px;color:#fff;display:block;font-size:14px;height:36px;line-height:36px;margin-top:7px;text-align:center;width:80px}
.nav-box li.last a:hover{text-decoration:none;opacity:.9}

.mod-box{height:94px}
.mod-wrap{box-shadow:0 1px 2px #ddd}
.mod-wrap.fixed{position:fixed;background-color:#fff;left:0;top:0;z-index:999;width:100%}
.mod-wrap li{float:left;width:50%;text-align:center;line-height:90px}
.mod-wrap li a{color:#333;display:block;font-size:18px;margin:0 20px}
.mod-wrap li.cur a{border-bottom:3px solid #0082fd;color:#0082fd;line-height:90px;margin-bottom:-1px;padding-top:2px}
.mod-wrap li a:hover{text-decoration:none}
.mod-wrap2 li{width:25%}
.mod-wrap2 li a{margin:0}
.scroll-top{background:url(../images/temp/scroll.jpg) no-repeat center top #0391c1;height:416px;min-width:1200px;width:100%}
.temp-mic{padding-top:60px;overflow:hidden}
.temp-mic ul{width:1255px}
.temp-mic li{float:left;margin-right:50px;margin-bottom:50px;width:575px}
.temp-mic li .mic-img{float:left;width:175px;margin-right:20px}
.temp-mic li .mic-img img{width:175px;height:120px;object-fit:cover;border-radius:5px}
.temp-mic li .mic-img a:hover img{opacity:0.8;filter:alpha(opacity=80)}
.temp-mic li .mic-tem{float:left;width:380px;height:170px;overflow:hidden}
.temp-mic li .mic-tem a{font-size:16px;line-height:26px;font-weight:bold;display:block}
.temp-mic li .mic-tem a:hover{color:#0082fd;text-decoration:none}
.temp-mic li .mic-tem .tem-p{color:#999;margin:6px 0;line-height:22px}
.temp-mic li .mic-tem .tem-p span{margin-right:30px}
.temp-mic li .mic-tem .tem-p em{color:#34b476}
.temp-mic li .mic-tem .tem-txt{color:#666;line-height:22px}

.demo_mf{color:#fff;font-size:16px;left:0;bottom:0;line-height:1;padding:10px 15px;position:absolute;}