@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei'; color:#444; background:#f1f1f1; -webkit-text-size-adjust:none;}
div{margin: 0px; padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
from,input,select{margin: 0px; padding: 0px;}
.clear{clear:both; font-size:0px; overflow:hidden; height:0px;}
a{color: #3f4246; text-decoration:none !important;}
a:hover{color:#ff4e08; text-decoration: none;}
.cp img{border:1px solid #bbb; padding:1px;}
.cp img:hover{border:1px solid #f50172; padding:1px;}
.white a{color: #fff; text-decoration: none;}
.white a:hover{color: #ff0; text-decoration: none;}
input,button,select,textarea{outline:none}
#copy{display:none;}
*{ margin:0; padding:0;}
.rightarrowpointer{display:none;}


/*顶部*/
#dingbu_bg{width:100%; margin:0 auto; height:30px; background-color:#1c1815;}
#dingbu{width:1200px; margin:0 auto; line-height:30px; color:#FFF;}
#dingbu_left{width:500px; float:left;}
#dingbu_right{width:500px; float:right; text-align:right;}

/*抬头*/
header{zoom:1;}
#taitou_bg{width:100%; margin:0 auto; margin-bottom:25px; margin-top:23px;}
#taitou{width:1200px; margin:0 auto;}
#taitou .taitou1{width:132px; height:90px; float:left;}
#taitou .taitou2{width:1010px; float:right; margin-top:20px;}
.nav{width:1010px; overflow:hidden;}
.nav ul li{width:101px; height:40px; line-height:20px; float:left; position:relative; font-size:16px !important; color:#333; text-align:center; display:inline-block;border-radius:2px;}
.nav ul li:hover #shape{stroke-dasharray:30 0;stroke-width:2px;stroke-dashoffset:0;stroke:#1c1815}
.nav ul li a{color:#333; font-size:16px !important; text-align:center;}
.nav ul li a:hover{ color:#111;}


/*导航特效*/
.spot{position:absolute;width:100%;height:100%;top:0;left:0}
#shape{stroke-width:2px;fill:transparent;stroke-dasharray:50 200;stroke-dashoffset:-150;transition:1s all ease}
#text{margin-top:-35px;text-align:center}
#text a{color:#333;text-decoration:none;font-weight:100;font-size:1.1em}

/*幻灯片*/
.focus {width:100%; height:500px; overflow:hidden; position:relative;}
.focus ul {height:500px; position:absolute;}
.focus ul li {float:left; width:100%; height:500px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1002px; left:50%; margin-left:-501px; height:24px; bottom:36px; text-align:right;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:200px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{margin-top:0px; overflow:hidden;}


/*声梦教师*/
#jiaoshi_bg{width:100%; margin:0 auto; margin-top:32px;}
#js_top{width:1200px; margin:0 auto;}
#js_top .h3{width:246px; height:45px; margin:0 auto; font-size:30px; font-weight:bold; color:#333; background:url(../images/biaoti.jpg) no-repeat; text-align:center; line-height:45px;}
#js_top .h3 a{font-size:30px; font-weight:bold; color:#333;}
#js_top .h4{font-size:18px; color:#555; margin-top:11px; text-align:center;}

/*特效*/
#jiaoshi_mid{width:100%; height:500px; margin:0 auto; margin-top:30px; background:url(../images/jiaoshi.png) center no-repeat;}
.hzbg{height:500px; overflow:hidden;}
.hz{width:1200px; height:500px; margin:0 auto;}
.hz_c{overflow:hidden;}
.hz_c .hzimg{width:1200px; height:500px; margin:0 auto;}
.hz_c .hzimg ul{width:1200px;height:500px; margin:0 auto;}
.hz_c .hzimg li{ width:333px;height:500px;}
.hz_c .hzimg li a.bora{display:block;width:100%;}
.hz_c .hzimg li img{width:100%;}
.hz_c .hzimg li span{width:100%; background:#fff; display:block; text-align:center;line-height:30px; height:30px; overflow:hidden; bottom:0px; position:absolute;}
.hz_c .hzimg li span a{font-size:15px; color:#4c4948;}
.hz_c .hzimg li span a:hover{font-size:15px; color:#000;}


/*关于我们*/
#about_bg{width:100%; height:392px; margin:0 auto; background:url(../images/about.jpg) center; margin-top:40px; padding-top:58px;}
#about{width:1200px; margin:0 auto;}
.about_left{width:500px; height:334px; float:left;}
.about_right{width:656px; float:right;}
.about_right .h3{font-size:30px; font-weight:bold; color:#FFF; line-height:40px;}
.about_right .h3 a{font-size:30px; font-weight:bold; color:#FFF;}
.about_right .h4{font-size:14px; line-height:30px; color:#FFF; padding-top:58px;}



/*集合*/
#jihe_bg{width:100%; margin:0 auto; margin-top:40px;}
#jihe{width:1200px; margin:0 auto; overflow:hidden;}
.jihe_show{width:1234px;}
.jihe_show li{width:285px; height:150px; margin-right:20px; margin-bottom:25px; float:left; overflow:hidden;}
.jihe_show li img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:285px; height:150px;}
.jihe_show li img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}


/*广告*/
#advs_bg{width:100%; margin:0 auto; height:180px; background:url(../images/advs.jpg) center; margin-top:15px; padding-top:20px;}
#advs{width:1045px; margin:0 auto;}
#advs .h3{font-size:30px; color:#FFF;}
#advs .h4{font-size:20px; color:#FFF; padding-left:30px;}
#advs .h4 span{padding-left:55px;}
#advs .h5{width:350px; height:28px; float:right; padding-top:17px; padding-right:50px;}


/*新闻*/
#news_bg{width:100%; margin:0 auto; margin-top:40px;}
#news{width:1200px; margin:0 auto; overflow:hidden; margin-top:30px;}
.news_show{width:1230px;}
.news_show li{width:282px; height:324px; background:url(../images/news.png) no-repeat; float:left; margin-right:24px;}
.news_date{padding-left:15px; padding-top:15px;}
.news_date .h3{font-size:20px; color:#444;}
.news_date .h4{font-size:24px; color:#777; margin-top:-15px;}
.news_title{width:250px; margin:0 auto; font-size:15px; color:#333; text-align:center; margin-top:8px;}
.news_title a{font-size:15px; color:#333;}
.news_title a:hover{font-size:15px; color:#000;}
.news_text{width:250px; font-size:12px; color:#777; line-height:30px; padding-left:15px; margin-top:5px;}
.news_more{width:73px; height:28px; line-height:28px; font-size:12px; color:#FFF; padding-top:7px; float:right;}
.news_more a{font-size:12px; color:#FFF;}
.news_more a:hover{font-size:12px; color:#ffffe6;}


/*友情链接*/
#links_bg{width:1200px; height:40px; margin:0 auto; margin-top:40px; background:url(../images/links.jpg) no-repeat center;}
#links_bg .h3{font-size:14px; color:#444; padding-left:111px; line-height:50px;}
#links_bg .h3 a{font-size:14px; color:#444; padding-left:14px;}




/*版权*/
#copyright_bg{width:100%; margin:0 auto; margin-top:50px; background-color:#1c1815; padding-top:40px; padding-bottom:50px;}
#copyright{width:1200px; margin:0 auto;}
.cp_left1{width:188px; float:left;}
.cp_left1 .h3{width:80px; height:35px; background:url(../images/cr_left1.jpg) no-repeat; font-size:18px; color:#FFF;} 
.cp_left1 .h4{padding-top:12px; padding-left:5px;}
.cp_left1 .h4 li{padding-left:28px; font-size:14px; color:#FFF; line-height:30px; float:left;}
.cp_left1 .h4 li a{font-size:14px; color:#FFF;}
.cp_left1 .h4 li a:hover{font-size:14px; color:#ffffe6;}

.cp_left2{font-size:14px; line-height:30px;  padding-left:170px; float:left;}
.cp_left2 .h3{width:80px; height:35px; background:url(../images/cr_left1.jpg) no-repeat; font-size:18px; color:#FFF;} 
.cp_left2 .h4{padding-top:12px; padding-left:5px; font-size:14px; color:#FFF;}
.cp_left2 .h4 a{font-size:14px; color:#FFF;}
.cp_left2 .h4 a:hover{font-size:14px; color:#ffffe6;}

.cp_right{width:157px; float:right;}
.cp_right .h3{width:80px; height:35px; background:url(../images/cr_left1.jpg) no-repeat; font-size:18px; color:#FFF;}
.cp_right .h4{width:110px; height:110px; margin-top:18px; padding-right:10px; float:right;}
.cp_right .h5{width:131px; height:15px; padding-top:13px; float:right;}


/*浮动*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}





/*产品内页*/
.content1{width:1200px; margin: 0 auto;clear:both; margin-top:20px;}
.content1 .list1{width:930px; overflow:hidden;}
.content1 .list1 li{float:left; width:214px; text-align:center; overflow:hidden; margin:0 9px 5px 8px;}
.content1 .list1 li img{width:210px;height:315px;}
.content1 .list1 p{font-size:14px;}
.pro_tab{height:10px; overflow:hidden;float:left;}
.pro_position{border-bottom:1px solid #E4E4E4;line-height:35px; color:#555; padding-left:25px; font-size:14px;}
.pro_position a{font-size:14px; color:#333;}
.pages{width:1200px; margin:0 auto; margin-top:20px; text-align:center;}
.pages a{border: 1px solid #ddd; margin: 5px; padding: 5px; color:#555;}
.pages a:hover{color:#f50172;}


/*案例内页*/
.content1_right{width:925px; float:right;}
.content1_right h3.title{ border-bottom:1px solid #ccc;height:35px; line-height:35px; position:relative; margin-bottom:15px;}
.content1_right h3.title span{ position:absolute; left:0px; top:-1px; font-size:15px; border-bottom:2px solid #555; padding:0 5px; color:#666;}
.content1_right h3.title span a{ color:#666; font-size:15px;}
.content1_right h3.title span a:hover{ text-decoration:underline;}
.content1_right h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:5px; color:#ccc; font-size:12px;}
.content1 .list2{width:930px; overflow:hidden;}
.content1 .list2 li{float:left; width:292px; text-align:center; overflow:hidden; margin:0 9px 5px 8px;}
.content1 .list2 li img{width:288px;height:192px;}
.content1 .list2 p{font-size:14px;}


/*内页左边*/
.left_nav{width:230px; float:left;}
.ti1-bg{width:230px; height:50px;line-height:50px;background-color:#1c1815; color:#FFF; z-index:1; font-size:20px; text-align:center; font-weight:bold;}
.left_nav .title1{width:230px; float:left;}
.left_nav .title1 a{color:#444; font-size:14px; float:left;width:200px; padding-left:30px; border-bottom:1px dashed #ddd; font-size:14px; line-height:45px;}
.left_nav .title1 a:hover{text-decoration:none; color:#000; font-size:14px;}



/*留言*/
.feedback{width:925px; margin:0 auto; margin-top:30px;}
.fb_left{width:350px; height:352px; float:left; margin-top:25px;}
.fb_right{width:500px; margin:0 auto;}
.uk-form-row{margin-top:23px; font-size:15px;}
.uk-button:hover,.uk-button:focus {background-color: #f5f5f5;color: #444444;outline: none;text-decoration: none;}
.uk-button {-webkit-appearance: none;    margin: 0;   border: none;  overflow: visible; font: inherit; color: #666; text-transform: none;  display: inline-block;  box-sizing: border-box;  padding: 0 12px;  background: #f7f7f7; vertical-align: middle; line-height: 28px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid rgba(0,0,0,.2); border-bottom-color: rgba(0,0,0,.3); background-origin: border-box; background-image: -webkit-linear-gradient(top,#fff,#eee); background-image: linear-gradient(to bottom,#fff,#eee); border-radius: 4px; text-shadow: 0 1px 0 #fff;}
form textarea{height: 30px;  max-width: 100%; padding-left:7px;  border:1px solid #e5e5e5; background: #fff; color: #666; -webkit-transition: all linear .2s; transition: all linear .2s;
border-radius: 4px;}
.uk-form input[type=text]{height: 30px; padding-left:7px;  max-width: 100%;  border: 1px solid #e5e5e5; background: #fff; color: #666; -webkit-transition: all linear .2s; transition: all linear .2s;
border-radius: 4px;}
.page-btn {background-color: #000000; border-radius: 0px; border: none;}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	margin-right:10px;}
.btn-danger {color: #fff;}


/*内页*/
#neiye_bg{width:1200px; margin:0 auto; margin-top:30px;}
.nei_title{width:189px; height:77px; margin:0 auto; background:url(../images/news_title.png) no-repeat; line-height:80px; font-size:36px; text-align:center; margin-bottom:40px; font-weight:bold;}
.list_box{font-size:16px; line-height:35px;}
.list_box img{max-width:900px;}


/*产品详情内页*/
.products_ye{font-size:14px; margin-top:25px;}
.products_ye span{text-align:right; float:right;}
.content1_right h1.title{font-size:24px; margin-bottom:10px !important; text-align:center; color:#FFF; width:180px; height:42px; margin:0 auto; background:url(../images/tit.png) no-repeat;}
.products_content{width:925px; margin:0 auto;}
.products_content .pshow{width:333px; float:left;}
.products_content .metbox{width:530px; float:right;}


/*案例详情内页*/
.case_content{width:925px; margin:0 auto; margin-top:20px;}
.ctext{font-size:18px; padding: 5px 0px; margin-bottom: 10px; text-align: center; font-weight:bold;}
.cshow{width:600px; height:400px; margin:0 auto;}
.ctitle{margin: 10px 0px 10px; padding: 5px 20px; background: url(../images/dt-7.gif) no-repeat left center; font-size: 14px; border-bottom: 1px dotted #ccc;}


/*新闻内页*/
.nei_news{width:925px; margin:0 auto; float:right;}
.nei_news li{height:100px; width:925px; padding-bottom:25px; border-bottom:1px dashed #ccc; margin-top:25px;}
.nei_date{width:100px; height:100px; background-color:#ccc; text-align:center; float:left;}
.nei_date .h3{font-size:43px; margin-top:-8px; color:#444;}
.nei_date .h4{font-size:18px; color:#666; margin-top:-12px;}
.nei_wenzi{width:800px; height:100px; float:right;}
.nei_wenzi .h3{font-size:18px; color:#333;}
.nei_wenzi .h3 a{font-size:18px;}
.nei_wenzi .h4{font-size:15px; color:#888; width:800px; line-height:32px;}


.nei_news h3.title{ border-bottom:1px solid #ccc;height:35px; line-height:35px; position:relative;}
.nei_news h3.title span{ position:absolute; left:0px; top:-1px; font-size:15px; border-bottom:2px solid #555; padding:0 5px; color:#666;}
.nei_news h3.title span a{ color:#666; font-size:15px;}
.nei_news h3.title span a:hover{ text-decoration:underline;}
.nei_news h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:5px; color:#ccc; font-size:12px;}



/*新闻详情*/
.xinwen_title{font-size:24px; color:#333; margin-bottom:25px; font-weight:bold;}
.xinwen_date{font-size:13px; color:#adadad; padding-bottom:23px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.xinwen_xu{width:1200px; margin:0 auto; border-top:1px dotted #ccc; margin-top:15px;}
.xinwen_xu .h3{font-size:14px; color:#777;}
.xinwen_xu .h3 a{color:#777;}
.xinwen_xu .h3 a:hover{color:#444;}
.xinwen_xu .h3 span{text-align:right; float:right;}

/*公司简介*/
#jianjie{width:100%; margin:0 auto;}
.jianjie_left img{width:550px; height:413px; float:left;}
.jianjie_right{width:600px; float:right; margin-top:60px;}
.jianjie_left2{width:550px; float:left; margin-top:90px;}
.jianjie_right2 img{width:600px; float:right;}
.jianjie_right3{width:600px; float:right; margin-top:100px;}
.juxing{width:90px; height:5px; background-color:#b69882; margin-bottom:20px;}
.j_title{font-size:60px !important; color:#000; font-weight:bold; margin-bottom:25px;}



/*原创音乐*/
#yinyue{width:100%; font-size:15px; color:#3f4246;}
#yinyue a{font-size:15px; color:#3f4246; text-decoration:none; padding-left:23px;}
#yinyue a:hover{font-size:15px; color:#000;}
#yinyue .mv{height:32px; line-height:32px; border-bottom:#ccc 1px dashed; background:url(/static/upload/image/20190122/1548164755111942.png) no-repeat;}
#yinyue .music{height:32px; line-height:32px; border-bottom:#ccc 1px dashed; background:url(/static/upload/image/20190122/1548164768687863.png) no-repeat;}
#yinyue .mv span{float:right; text-align:right;  color:#aaa;}
#yinyue .music span{float:right; text-align:right;  color:#aaa;}




/*悬浮窗*/
#moquu_top,#moquu_wxin,#moquu_wshare {z-index:2;width:30px;height:30px;right:10px;position:fixed;cursor:pointer;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}
#moquu_wxin { bottom:130px; right:10px;}
#moquu_wxin a {background:url(../images/sbtn.png) 0 0px;right:0;float:left;width:30px;height:30px;text-indent:-9999px}
#moquu_wxin a:hover {background:url(../images/sbtn.png) -30px -0px}
#moquu_wshare {bottom:100px; right:10px}
#moquu_wshare a {background:url(../images/sbtn.png) 0 -30px;width:30px;height:30px;right:0;float:left;text-indent:-9999px}
#moquu_wshare a:hover {background:url(../images/sbtn.png) -30px -30px}
.moquu_wxin,.moquu_wshare {position:relative;z-index:2}
.moquu_wxin a:hover .moquu_wxinh,.moquu_wshare a:hover .moquu_wshareh {display:block}
.moquu_wxin .moquu_wxinh {position:absolute;display:none;right:30px;bottom:0px;width:70px;height:30px;background:url(../images/fankui.png) 0 0 no-repeat #ff6060;color:#FFF; border-radius:4px 0 0 4px;}
.moquu_wshare .moquu_wshareh {position:absolute;display:none; right:36px; bottom:-85px; width:100px; height:120px; background:url(../images/weixin.png) no-repeat}
#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}